国产在线精品视频你懂的丨国产jk制服精品无码视频丨久久在精品线影院精品国产丨午夜理论片yy4080私人影院丨69Av国产精品成人网

聯(lián)合創(chuàng)智
上市公司品牌戰(zhàn)略 & 品牌設(shè)計

聯(lián)合創(chuàng)智
所在位置: 首頁 > 新聞 > > 提高可用性和轉(zhuǎn)化率的通用網(wǎng)頁設(shè)計原則_成都商標(biāo)設(shè)計公司

提高可用性和轉(zhuǎn)化率的通用網(wǎng)頁設(shè)計原則_成都商標(biāo)設(shè)計公司

2023-03-29

此文是成都商標(biāo)設(shè)計公司關(guān)于設(shè)計公司如果推廣和營銷企業(yè)的分享,成都商標(biāo)設(shè)計公司旨在想讓更多的設(shè)計公司提高設(shè)計業(yè)務(wù)能力!


注:配圖為UCI設(shè)計公司作品


成都商標(biāo)設(shè)計公司轉(zhuǎn)發(fā)原文直譯:

我曾經(jīng)花費數(shù)千美元雇傭設(shè)計師來創(chuàng)建一些看起來很花哨的網(wǎng)頁,結(jié)果卻發(fā)現(xiàn)他們對提高我的轉(zhuǎn)化率毫無幫助。 從那以后,我變得更聰明了。 我已經(jīng)復(fù)習(xí)了我的設(shè)計知識,所以我不會被蒙騙。 現(xiàn)在我知道我想要什么,并且有能力把它傳達給我的設(shè)計團隊,我有好看的網(wǎng)站可以轉(zhuǎn)化。 好的設(shè)計不僅僅是漂亮的圖片。 好的設(shè)計能解決問題,取得成果,并有效地傳達信息。 對于大多數(shù)網(wǎng)站來說,視覺設(shè)計需要支持商業(yè)目標(biāo),比如讓訪問者消費內(nèi)容或者響應(yīng)行動號召。 這意味著你需要了解人腦是如何處理視覺信息的。謝天謝地,這是完全可以預(yù)測的。 通過應(yīng)用一些可靠的設(shè)計原則,您可以使您的網(wǎng)站對訪問者更具吸引力,并更有效地實現(xiàn)您的目標(biāo): 視覺層次 視覺層次允許訪問者識別網(wǎng)頁上最重要的元素,而不必閱讀內(nèi)容。 例如,如果一個頁面上有多個行動號召,確保用更大的按鈕、更粗的顏色或特殊的圖標(biāo)來強調(diào)最重要的一個。為了有效地利用視覺層次的原則,你需要首先確定你的業(yè)務(wù)目標(biāo)。 你希望網(wǎng)頁實現(xiàn)的最重要的東西是什么?


在下面的例子中,主要目標(biāo)是產(chǎn)生對令人垂涎的牛排的渴望,然后傳達頁面的內(nèi)容,然后是行動號召:這里有6個原則可以用來建立視覺層次: 頁面掃描模式 人們傾向于瀏覽一個頁面來決定他們是否想要更深入地研究內(nèi)容。 對于傳統(tǒng)的重文本頁面,比如文章,大多數(shù)讀者遵循F模式,從頁面的左側(cè)往下看。 他們在左對齊的標(biāo)題或初始主題句中尋找有趣的關(guān)鍵詞。為了吸引讀者的注意力,將最重要的信息放在頁面的左上角,并使用左對齊的標(biāo)題來激發(fā)興趣。 對于文本較少的其他布局,如登錄頁面,大多數(shù)人按照Z型模式瀏覽頁面:為了利用這種行為,將最重要的信息放在角落,其余的放在頂部和底部欄。 使用一個視覺元素,比如一個英雄形象,來連接頂部和底部內(nèi)容之間的對角線。 大小 人們傾向于先閱讀頁面上較大的元素,所以通過放大來強調(diào)重要的內(nèi)容。 如果圖形處理或顏色對比足夠強烈,你通常可以超越自上而下或從左至右的閱讀習(xí)慣,將注意力吸引到頁面上最大的元素上。 大膽的色彩和高對比度 這個很簡單——明亮大膽的顏色會引人注目。 當(dāng)放在柔和或灰度背景下時,大膽的顏色可以產(chǎn)生一種引人注目的效果:字體的粗細和搭配 筆畫的粗細是建立視覺層次最重要的字體屬性。 這就是為什么我們經(jīng)常在文章中使用粗體來強調(diào)某些短語。 此外,單詞位置、風(fēng)格(例如,襯線和無襯線)以及斜體和下劃線等修改也會影響文本的視覺層次。 標(biāo)題和副標(biāo)題 在一篇文章或大量文本的頁面中使用標(biāo)題和副標(biāo)題有助于創(chuàng)建視覺層次。設(shè)置H1、H2和H3標(biāo)簽的樣式,使它們在整個網(wǎng)站上保持一致,便于訪問者理解信息的層次結(jié)構(gòu)。 方向性 我們的大腦習(xí)慣于閱讀由豎線或橫線組成的網(wǎng)格文本。 任何打破網(wǎng)格的東西,比如以曲線或?qū)蔷€排列的文本,都會自動吸引瀏覽者的注意,成為頁面上最突出的元素。 空間和肌理 你可以在一個低調(diào)的設(shè)計元素周圍留出足夠的空間,而不是讓一切都變得更大、更響亮。字體、字體大小、色調(diào)、粗細、字母間距、行距和總體空間分布的組合為布局創(chuàng)建了一個整體的"紋理"。 紋理和色調(diào)影響人們閱讀文本的順序。例如,陰影框強調(diào)框內(nèi)的內(nèi)容,吸引讀者的注意力。留白和簡潔的設(shè)計 好的設(shè)計應(yīng)該增加網(wǎng)站的可用性,幫助用戶輕松找到他們需要的東西。 使用留白和簡潔的設(shè)計是消除混亂的關(guān)鍵,這樣訪問者可以快速找到他們要找的信息或了解他們需要采取的行動。 空格 當(dāng)訪問者在網(wǎng)站上遇到一堵文字墻時會發(fā)生什么?


他們8秒鐘的注意力跨度不能處理它,他們點擊遠離你的網(wǎng)站。把所有事情歸結(jié)為三句話并不總是可能的,但是


注:配圖為UCI設(shè)計公司作品


成都商標(biāo)設(shè)計公司

通過成都商標(biāo)設(shè)計公司的精彩分享,設(shè)計師更輕松快捷地掌握成都商標(biāo)設(shè)計公司分享的營銷與設(shè)計知識,幫助北京vi設(shè)計公司更好地服務(wù)好客戶 。

聲明:本文“ 提高可用性和轉(zhuǎn)化率的通用網(wǎng)頁設(shè)計原則_成都商標(biāo)設(shè)計公司 ”信息內(nèi)容來源于網(wǎng)絡(luò),文章版權(quán)和文責(zé)屬于原作者,不代表本站立場。如圖文有侵權(quán)、虛假或錯誤信息,請您聯(lián)系我們,我們將立即刪除或更正。
最新新聞
相關(guān)新聞
相關(guān)標(biāo)簽
免費評估,獲取需求清單和報價,總監(jiān)一對一咨詢。
做品牌直接找總監(jiān)談
總監(jiān)一對一免費咨詢與評估
點擊咨詢總監(jiān)
相關(guān)案例
RELATED CASES
做品牌直接找總監(jiān)談
總監(jiān)微信

總監(jiān)微信咨詢 舒先生

業(yè)務(wù)咨詢 舒先生

業(yè)務(wù)咨詢 付小姐