網(wǎng)站設(shè)計(jì)

Website development

網(wǎng)站設(shè)計(jì)理解視覺層次的要點(diǎn)

發(fā)布時(shí)間：2017-01-06 09:59:21

<a href=http://www.mpian.cn target=_blank class=infotextkey>網(wǎng)站設(shè)計(jì)</a>理解視覺層次的要點(diǎn).jpg

通過實(shí)施視覺層次的基礎(chǔ)，您的網(wǎng)站不僅能告訴你的觀眾那里點(diǎn)擊，但它也可以傳達(dá)你想說的一切，都沒有一點(diǎn)復(fù)制。通過簡(jiǎn)單的藝術(shù)級(jí)的技術(shù)，你的網(wǎng)站的審美和轉(zhuǎn)化率可以完全改變。

但是在我們可以討論怎樣創(chuàng)造視覺層次，我們必須談?wù)劄槭裁次覀冃枰?。視覺層次的原因有三是重要的（我們稱之為3 C）：

通訊

終，每一個(gè)網(wǎng)站的目的是交流。即使是看似毫無意義的網(wǎng)站，如heeeeeeeey.com，是說在這種情況下，什么東西，“嘿！呵!“

沒有視覺層次，你的站點(diǎn)的消息可能會(huì)丟失在段落的中間，當(dāng)它應(yīng)該在褶皺是響亮而驕傲。網(wǎng)站的界面應(yīng)該與您的副本一致，在它應(yīng)該提出同樣的消息顯然和盡可能有效地。

聯(lián)系

人們不買蘋果產(chǎn)品，因?yàn)樗麄兏玫毓ぷ?；人們購買蘋果的產(chǎn)品是因?yàn)樗麄兏杏X良好。擁有一臺(tái)MacBook并不意味著你比你的對(duì)手微軟非常好的技術(shù)；它意味著你有一個(gè)設(shè)計(jì)精美的產(chǎn)品，讓你感覺很酷。

你的網(wǎng)站應(yīng)該培養(yǎng)這種與觀眾的連接。使是如此美麗，他們立即松弛共享網(wǎng)站。這是“為什么”西蒙·斯涅克就把它讓人買。視覺層次是創(chuàng)造“酷因素至關(guān)重要，“那種讓你的眼睛彈出，手指急于書簽。

轉(zhuǎn)換

當(dāng)你給一個(gè)客戶的網(wǎng)站設(shè)計(jì)，他們有一個(gè)特定的功能的話，無論是購買、訂閱，甚至只是一個(gè)類似臉譜網(wǎng)。這應(yīng)該是一個(gè)首要的問題，你問他們：你想讓你的目標(biāo)客戶是什么做？

比方說，你在你的頁面中有一個(gè)錨鏈接，你滴下來的接觸形式。簡(jiǎn)單的，容易的代碼有效，如果做得正確。現(xiàn)在我們說的錨鏈接是作為主體的字體大小和顏色，沒有特別強(qiáng)調(diào)或設(shè)計(jì)投入。誰會(huì)點(diǎn)擊它嗎？

現(xiàn)在，我們已經(jīng)建立了為什么你需要優(yōu)先考慮的視覺層次，我們究竟需要打破。這里有5個(gè)基本的視覺層次，你需要知道的：

形狀

人類的大腦是一個(gè)有趣的事情，總要區(qū)分對(duì)象?？纯催@個(gè)圖像：

basics of visual hierarchy

甚至沒有考慮它，你知道有三種不同的形狀：三角形、圓形和方形。沒有給它過多思考，哪一個(gè)你會(huì)點(diǎn)擊嗎？

有沒有一個(gè)具體的方法來預(yù)測(cè)，并與其他變量（如大小、顏色和刪除復(fù)制），你的答案可能會(huì)完全不同。（在下面留言評(píng)論，讓我們知道哪一個(gè)你挑！）不管怎樣，有一個(gè)站出來給你比別人多，和傳遞成型的基本原理，在視覺層次。

顏色

顏色可以說。通過語言的色彩轉(zhuǎn)換，項(xiàng)目的感受和提請(qǐng)注意，無論你把它。你完全控制在用戶的眼睛會(huì)對(duì)你的網(wǎng)頁；這不是運(yùn)氣或機(jī)會(huì)，引導(dǎo)眼球的設(shè)計(jì)。

我們談了很多關(guān)于顏色在Vandelay設(shè)計(jì)，但它永遠(yuǎn)不會(huì)失去它的意義，毫無疑問，設(shè)計(jì)的一個(gè)強(qiáng)大的元素。在視覺層次的背景下，主要是兩種顏色行為：創(chuàng)造性和功能。

色彩的作品，它是創(chuàng)造性的品牌完全必要的。顏色是創(chuàng)造性的；它是一個(gè)藝術(shù)的基本的方面。而藍(lán)色是通常用于網(wǎng)絡(luò)由于它的普遍信任的內(nèi)涵，黃色也可以捕捉的眼睛，注意是有用的。紅色代表速度，快節(jié)奏的人銷售服務(wù)相關(guān)的，黑色是公認(rèn)的一個(gè)很好的衡量“優(yōu)質(zhì)”產(chǎn)品。

然后在功能，顏色也同樣重要。讓我們?cè)倏匆豢茨切┬螤睿?/span>

basics of visual hierarchy

沒有任何形狀特別脫穎而出呢？如果我們來打賭，一般的消費(fèi)者會(huì)選擇點(diǎn)擊黃色圈外，它是沒有理由。這是多么重要的顏色是它無言地說，正是你需要說的。

大小

有一個(gè)進(jìn)化的原因，大象和老鼠要看他們的樣子。自然界中的其他事物一樣，它們的大小有一個(gè)目的，這是他們的生物組成部分。這使他們他們是誰。

你頁面上的元素的尺寸達(dá)到同樣的目的；他們溝通的重要性，在設(shè)計(jì)的必要性和重點(diǎn)。該網(wǎng)站awwwards.com取得優(yōu)良的點(diǎn)時(shí)，他們說這：

“[尺寸]繞過傳統(tǒng)的左到右，由上到下的閱讀。這意味著在右下角大的詞或短語可能是第一件事的人讀?！?/span>

想用簡(jiǎn)單的網(wǎng)頁設(shè)計(jì)，你有能力破壞很基本，閱讀西方的過程。幾個(gè)世紀(jì)以來，西方人從左至右的，而只是一個(gè)文本框，你完全可以把它的頭。如果這不是要充滿激情，是什么？

再次回到形狀。注意到新的東西嗎？

basics of visual hierarchy

機(jī)會(huì)是黃色的圓圈是真的站出來，你現(xiàn)在。盡管其他兩個(gè)形狀的顏色也發(fā)生了變化，還有一個(gè)形狀，顯眼。這直接關(guān)系到元素…

對(duì)比優(yōu)勢(shì)

大的黃色圓圈站出來的眼睛因?yàn)樗遣煌摹Ｔ谝粋€(gè)世界里，我們常常會(huì)鼓勵(lì)下降線和堅(jiān)持現(xiàn)狀，可以鼓勵(lì)作為一個(gè)設(shè)計(jì)師，記住要站出來是值得的。

這些元素的對(duì)比優(yōu)勢(shì)是很重要的因?yàn)樗麄儎?chuàng)造了兩個(gè)看似不相關(guān)的對(duì)象之間的關(guān)聯(lián)。讓我們比較我們的形象開始和我們現(xiàn)在的：

basics of visual hierarchy

黃色的圓圈作為占主導(dǎo)地位，而其他形狀的行為相反，兩圈并相互。

回到那些三C：如果我們實(shí)施這些理念融入到網(wǎng)站設(shè)計(jì)，我們可以作出一個(gè)行動(dòng)號(hào)召按鈕大，所以溝通重要性，黃色，因此培養(yǎng)聯(lián)系，和占主導(dǎo)地位的網(wǎng)頁上，使按鈕確保轉(zhuǎn)換

在網(wǎng)頁設(shè)計(jì)的視覺層次的每一個(gè)元素都是相關(guān)的，從圖像中我們選擇我們這樣的格式和字體。在每一段你剛剛讀了上面那些H2標(biāo)題？他們是大于一個(gè)顯而易見的原因-正文他們站出來。

這就是這一切的依據(jù)，真的。培育優(yōu)勢(shì)。選擇你想脫穎而出。有組織的和故意的網(wǎng)站設(shè)計(jì)，更多的轉(zhuǎn)換和連接，你會(huì)。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7030,0.html

上一篇：一個(gè)頁面的組合：趨勢(shì)和展示

下一篇：網(wǎng)頁設(shè)計(jì)的視覺平衡？

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時(shí)。

張經(jīng)理