在過去的十年里,網(wǎng)頁設(shè)計已經(jīng)取得了很大的進步,尤其是當它涉及到創(chuàng)建一個好看的網(wǎng)站,并且為用戶提供豐富的功能時。如果你對設(shè)計網(wǎng)站感興趣,或者剛剛開始你作為網(wǎng)頁設(shè)計師的新職業(yè)生涯,了解網(wǎng)頁設(shè)計的基礎(chǔ)是很重要的,這樣你就可以用你的網(wǎng)站和應(yīng)用程序創(chuàng)造最好的用戶體驗。為了幫助你開始,這里有每個初學(xué)者都應(yīng)該知道的六個網(wǎng)頁設(shè)計基礎(chǔ)。
每個初學(xué)者都應(yīng)該知道的6個網(wǎng)頁設(shè)計基礎(chǔ)
1)定義你的受眾
你的目標受眾是誰?如果你不確定,試著想想誰會使用你的網(wǎng)站。他們是誰,喜歡什么?他們不喜歡什么?他們在你的網(wǎng)站上的目標是什么,你如何讓他們更容易實現(xiàn)這些目標?例如,如果你有一個網(wǎng)站討論火山旅游和白水漂流,在其他探險旅游活動中,你知道你的觀眾喜歡冒險。你只需要計算出這些活動的成本,以及你的受眾的收入水平。都是為了更深入的分析。
2)創(chuàng)建以用戶為中心的設(shè)計
以用戶為中心的設(shè)計是一種網(wǎng)絡(luò)哲學(xué)設(shè)計這就把你的聽眾的需求、欲望和局限性放在了第一位。你不希望使用太多的圖形或華而不實的元素,因為它們會分散訪問者對你試圖傳達的內(nèi)容的注意力。你也不想要一個難以導(dǎo)航的網(wǎng)站。讓人們很容易在你的網(wǎng)站上找到他們需要的東西,并且讓他們很容易就任何問題或顧慮與你聯(lián)系。
3)線框和故事板
一個網(wǎng)站的布局對它的可讀性。一個清晰可掃描的布局更有可能將讀者轉(zhuǎn)化為顧客,而一個不可讀且難以掃描的布局會讓人們不愿意停留很長時間。當設(shè)計一個布局時,重要的是你要考慮:1)你的文本大小與屏幕大小的關(guān)系;2)你的設(shè)計可以有多簡單;3)瀏覽每個頁面的難易程度;4)哪些單詞或短語最關(guān)鍵,需要突出;5)你希望每頁上有什么圖像,如果有的話,以及你希望它們放在哪里;6)您是否會出于信息目的使用任何其他圖形或插圖。
4)為工作選擇合適的工具
說到網(wǎng)頁設(shè)計,有各種不同的工具可以使用。沒有一種工具可以適用于每個項目,所以知道什么工具最適合這項工作是很重要的。你可以使用的一些令人驚奇的工具是Sketch,一個矢量繪圖應(yīng)用程序;一個原型和協(xié)作平臺:Adobe創(chuàng)意云,一套流行的創(chuàng)意應(yīng)用;Git,面向開發(fā)者的版本控制軟件;谷歌Chrome瀏覽器中的開發(fā)者工具。
5)選擇正確的顏色和字體
選擇正確的字體和顏色可以決定你網(wǎng)站的成敗。錯誤的顏色可能會分散訪問者的注意力,而錯誤的字體大小可能會使你的網(wǎng)站無法使用。但是你怎么知道什么是對的呢?首先,在為網(wǎng)站選擇顏色時,考慮誰是你的目標受眾是很重要的。他們是年輕人嗎?老年人?家庭?一旦你確定了這一點,選擇一個反映這些偏好的調(diào)色板。例如,如果你的目標是有小孩的家庭,冷藍色會是合適的,因為它們喚起平靜和安寧。選擇字體時,盡量保持簡單,這樣就不會分散頁面內(nèi)容的注意力,并且在任何設(shè)備上都容易閱讀。
6)考慮布局的可讀性
設(shè)計網(wǎng)站時要考慮的一個重要方面是布局的可讀性。這包括字體大小、字體類型和顏色。字體應(yīng)該易于閱讀,如果頁面上有大量文本,它應(yīng)該是易于閱讀的字體類型,如Verdana或Arial,并且足夠大,以便可以在一個屏幕上顯示。顏色不應(yīng)該太亮或太暗,因為有些人可能很難輕易看到。一般來說,白底黑字可讀性最好。