每個(gè)初學(xué)者都應(yīng)該知道的6個(gè)網(wǎng)頁設(shè)計(jì)基礎(chǔ)

 

每個(gè)初學(xué)者都應(yīng)該知道的6個(gè)網(wǎng)頁設(shè)計(jì)基礎(chǔ)

1)定義你的受眾

你的目標(biāo)受眾是誰？如果你不確定，試著想想誰會(huì)使用你的網(wǎng)站。他們是誰，喜歡什么？他們不喜歡什么？他們?cè)谀愕木W(wǎng)站上的目標(biāo)是什么，你如何讓他們更容易實(shí)現(xiàn)這些目標(biāo)？例如，如果你有一個(gè)網(wǎng)站討論火山旅游和白水漂流，在其他探險(xiǎn)旅游活動(dòng)中，你知道你的觀眾喜歡冒險(xiǎn)。你只需要計(jì)算出這些活動(dòng)的成本，以及你的受眾的收入水平。都是為了更深入的分析。

2)創(chuàng)建以用戶為中心的設(shè)計(jì)

以用戶為中心的設(shè)計(jì)是一種網(wǎng)絡(luò)哲學(xué)設(shè)計(jì)這就把你的聽眾的需求、欲望和局限性放在了第一位。你不希望使用太多的圖形或華而不實(shí)的元素，因?yàn)樗鼈儠?huì)分散訪問者對(duì)你試圖傳達(dá)的內(nèi)容的注意力。你也不想要一個(gè)難以導(dǎo)航的網(wǎng)站。讓人們很容易在你的網(wǎng)站上找到他們需要的東西，并且讓他們很容易就任何問題或顧慮與你聯(lián)系。

3)線框和故事板

一個(gè)網(wǎng)站的布局對(duì)它的可讀性。一個(gè)清晰可掃描的布局更有可能將讀者轉(zhuǎn)化為顧客，而一個(gè)不可讀且難以掃描的布局會(huì)讓人們不愿意停留很長時(shí)間。當(dāng)設(shè)計(jì)一個(gè)布局時(shí)，重要的是你要考慮:1)你的文本大小與屏幕大小的關(guān)系；2)你的設(shè)計(jì)可以有多簡單；3)瀏覽每個(gè)頁面的難易程度；4)哪些單詞或短語最關(guān)鍵，需要突出；5)你希望每頁上有什么圖像，如果有的話，以及你希望它們放在哪里；6)您是否會(huì)出于信息目的使用任何其他圖形或插圖。

4)為工作選擇合適的工具

說到網(wǎng)頁設(shè)計(jì)，有各種不同的工具可以使用。沒有一種工具可以適用于每個(gè)項(xiàng)目，所以知道什么工具最適合這項(xiàng)工作是很重要的。你可以使用的一些令人驚奇的工具是Sketch，一個(gè)矢量繪圖應(yīng)用程序；一個(gè)原型和協(xié)作平臺(tái):Adobe創(chuàng)意云，一套流行的創(chuàng)意應(yīng)用；Git，面向開發(fā)者的版本控制軟件；谷歌Chrome瀏覽器中的開發(fā)者工具。

5)選擇正確的顏色和字體

選擇正確的字體和顏色可以決定你網(wǎng)站的成敗。錯(cuò)誤的顏色可能會(huì)分散訪問者的注意力，而錯(cuò)誤的字體大小可能會(huì)使你的網(wǎng)站無法使用。但是你怎么知道什么是對(duì)的呢？首先，在為網(wǎng)站選擇顏色時(shí)，考慮誰是你的目標(biāo)受眾是很重要的。他們是年輕人嗎？老年人？家庭？一旦你確定了這一點(diǎn)，選擇一個(gè)反映這些偏好的調(diào)色板。例如，如果你的目標(biāo)是有小孩的家庭，冷藍(lán)色會(huì)是合適的，因?yàn)樗鼈儐酒鹌届o和安寧。選擇字體時(shí)，盡量保持簡單，這樣就不會(huì)分散頁面內(nèi)容的注意力，并且在任何設(shè)備上都容易閱讀。

6)考慮布局的可讀性

設(shè)計(jì)網(wǎng)站時(shí)要考慮的一個(gè)重要方面是布局的可讀性。這包括字體大小、字體類型和顏色。字體應(yīng)該易于閱讀，如果頁面上有大量文本，它應(yīng)該是易于閱讀的字體類型，如Verdana或Arial，并且足夠大，以便可以在一個(gè)屏幕上顯示。顏色不應(yīng)該太亮或太暗，因?yàn)橛行┤丝赡芎茈y輕易看到。一般來說，白底黑字可讀性最好。