南順網絡

7個技巧搞定網頁首圖設計（之一(yī)）

想要搞定網頁首圖設計，這7個技巧幫你做(zuò)得更好

1、使用驚豔的(de)圖片

相當一(yī)部分的(de)網頁首屏是使用圖片作為(wèi)視(shì)覺傳達的(de)主體，而無論是選擇圖片、視(shì)頻、動畫還是其他的(de)視(shì)覺化的(de)元素，每個Banner或者說帶有标題的(de)內(nèi)容區塊最好是帶有漂亮(liàng)、驚豔的(de)視(shì)覺化元素作為(wèi)支撐。當然，最常用的(de)還是圖片。

首圖在首屏中的(de)重要性無疑是巨大的(de)，它不僅要漂亮(liàng)，還要同網站內(nèi)容深入地(dì)結合搭配起來。所以，它的(de)設計還可(kě)以更加深入一(yī)些。

單獨的(de)圖片表現力是有限的(de)，通過排版設計，将它同其他的(de)元素結合起來使用會有不錯的(de)效果：

• 文字與标題

• LOGO 和(hé)品牌标識

• 按鈕和(hé)行為(wèi)召喚語句

• 導航元素

• 搜索框

在進行排版設計的(de)時候，應該注意幾點：銳利搞分辨率的(de)圖片和(hé)标題文本之間應該保持良好的(de)對比度；人們希望看到臉和(hé)表情，這會更容易傳遞情緒和(hé)感情；注意引導用戶和(hé)網站首屏進行互動

2、強化導航元素的(de)運用

在首屏當中，元素與元素之間是相互配合構成整體設計的(de)，而導航是首屏當中無法忽略的(de)一(yī)個重要組成部分，無論你喜歡的(de)是完整展開的(de)導航，還是為(wèi)了幹淨的(de)布局而将導航隐藏在漢堡菜單中，導航的(de)設計應該和(hé)首屏的(de)整體設計合而唯一(yī)的(de)。

導航的(de)目的(de)是将用戶引導到他們想去(qù)的(de)不同頁面，所以，推薦使用置頂懸浮式導航，這樣用戶不論浏覽到頁面哪個地(dì)方都能夠輕松跳轉。

導航元素在首屏當中，和(hé)其他的(de)元素組合使用的(de)時候，它們會和(hé)其他的(de)元素構成對比，還能形成層次感，而這種層次感的(de)構建和(hé)整個設計方案息息相關，應該根據具體情況具體安排。

3、清晰的(de)信息傳達方式

視(shì)覺傳達是一(yī)項系統工程，單靠一(yī)張圖片是不夠的(de)。所以，你需要系統的(de)考慮整個首屏的(de)信息傳達：

• 首屏是否告訴了用戶可(kě)以做(zuò)什麽，或者用戶能從中獲得什麽內(nèi)容？

• 首屏是否向用戶傳達了唯一(yī)的(de)、清晰的(de)、易于理(lǐ)解的(de)信息？

• 首屏是否為(wèi)用戶提供了直觀可(kě)交互的(de)控件（按鈕、輸入框、跳轉鏈接等）？

• 用戶能否從首屏跳轉到下一(yī)個頁面/步驟？

4、試試超大字體元素

想要讓首屏更加醒目，超大的(de)字體總是最有效的(de)辦法。即使文字內(nèi)容很簡單，當用戶打開首屏的(de)時候也會一(yī)眼就注意到它們，在閱讀其他內(nèi)容之前，隻會注意這些內(nèi)容。

盡管字體和(hé)排版千變萬化，但是在字體的(de)選取和(hé)首屏設計上盡量遵循下面的(de)的(de)兩個規則來進行：

• &l

  編輯:--ns868