1.使用令人印象深刻的圖像

　　一個能震撼人的形象，總能在第一時間給人留下好印象。無論是選擇照片、視頻、動畫還是其他“藝術(shù)”元素，每個網(wǎng)站的第一屏內(nèi)容都應(yīng)該包含用戶能夠理解和記憶的圖像。

　　第一屏不僅僅是一張漂亮的圖片，它是頁面上所有內(nèi)容的入口，甚至可能在內(nèi)容的設(shè)計上更深入。

　　單一的圖像是一個很好的開始，但是你必須結(jié)合其他元素才能真正充分利用內(nèi)容?？赡艹霈F(xiàn)在第一個屏幕上的其他元素包括：

　　文字或標(biāo)題；

　　Logo或品牌標(biāo)識；

　　按鈕或呼叫動作元素；

　　導(dǎo)航元素；

　　搜索

　　在圖像的選擇上，盡量選擇清晰、高分辨率的圖像，在設(shè)計上給予文字或按鈕等其他元素大量的對比。人們更喜歡看到實質(zhì)性的東西，比如品牌，用戶更喜歡看到帶有模特角色的圖像，所以如果可能的話，你可以考慮給人們展示你的產(chǎn)品或者服務(wù)。

　　2.合并導(dǎo)航元素

　　沒有理由認(rèn)為第一屏的內(nèi)容和導(dǎo)航是兩個獨立的元素。事實上，它們通常是同一視覺概念的一部分。無論你喜歡完整的菜單導(dǎo)航還是漢堡導(dǎo)航這樣的隱藏彈出導(dǎo)航，導(dǎo)航元素都應(yīng)該是第一個屏幕計劃的一部分。

　　當(dāng)您考慮頭部和導(dǎo)航時，請考慮跟隨或合并導(dǎo)航模式。即使用戶離開主導(dǎo)航，也可以通過這些元素快速找到站點的其他入口，而不影響任何視覺或功能。

　　導(dǎo)航元素在第一個屏幕上播放的某些功能可能是意外的。因為這些表達(dá)通常是小文本或圖標(biāo)，它可以幫助在第一個屏幕中建立層次結(jié)構(gòu)，并向用戶展示如何與設(shè)計交互。

　　3.創(chuàng)建唯一的消息模式

　　僅僅在第一個屏幕上顯示一個美麗的圖像是不夠的。你需要讓用戶知道它在說什么或者它攜帶了什么信息。

　　你需要充分考慮第一批信息如何與用戶建立聯(lián)系和溝通渠道。

　　它能告訴他們下一步做什么嗎，或者他們能從頁面內(nèi)容中得到他們期望的嗎？

　　是否所有元素都傳達(dá)了一個簡單統(tǒng)一的信息？

　　能否引導(dǎo)用戶在頁面上采取行動？或者點擊哪里進(jìn)入下一步？

　　確保在構(gòu)建網(wǎng)站設(shè)計的第一個屏幕內(nèi)容時結(jié)合多種元素，以一條信息創(chuàng)造整體效果。

　　4.使用超大的排版字體

　　比常用字體更大的字體是增加標(biāo)題視覺表現(xiàn)的好方法。即使這些單詞可能是簡單的位置標(biāo)識符，使用粗體大字體可以幫助用戶在開始閱讀其他信息之前注意這些內(nèi)容。雖然排版可能會有一些困難和差異，但盡量堅持兩種基本的排版方法：

　　與在其他頁面上使用這種技術(shù)相比，我們更喜歡在首頁使用它。其實很簡單。首頁負(fù)責(zé)印象，內(nèi)頁負(fù)責(zé)內(nèi)容。

　　為了保持頁面的統(tǒng)一性和風(fēng)格，有必要在其他頁面上有一個一致但簡單的視覺元素。

　　5.考慮閱讀模式

　　根據(jù)尼爾森諾曼小組的研究，在網(wǎng)站上閱讀通常遵循三種不同的眼球運動模式。然后，對這些閱讀模式進(jìn)行調(diào)整，解釋用戶閱讀時注意的任務(wù)。簡單來說，這是可視化過程中相關(guān)部分的分組。

　　這兩項研究對于用戶查看和消化內(nèi)容非常重要，因為它們可以幫助你理解在網(wǎng)站設(shè)計中，尤其是第一頁中，元素或內(nèi)容應(yīng)該如何放置以及放置在哪里。

　　首先你可以思考一下這些基本模式：

　　F模式：用戶首先會閱讀頂部的內(nèi)容，然后是頁面中間的內(nèi)容，最后在F模式下垂直向下。

　　古騰堡圖模式：閱讀從左到右分為四個活躍區(qū)。從左到右，有兩個橫停，然后從右上角到左下角。

　　Z模式：眼球的運動從左到右、從上到下來回移動，形成多個Z形閱讀路徑。

　　按照上面的閱讀模式，你在考慮放置元素(尤其是關(guān)鍵元素)的時候，也要考慮如何刺激用戶有最強(qiáng)的與他們互動的可能性。然后根據(jù)用戶剛剛消化的內(nèi)容和相關(guān)操作，思考用戶最有可能看到下一步的地方。

　　6.包括可點擊的元素

　　你的第一個屏保是交互式的嗎？是否包含可點擊的元素來鼓勵用戶參與這些話題？

　　標(biāo)題可以是調(diào)用動作按鈕的最佳位置，也可以是一個簡單的操作，比如郵件地址收集表單。但是，不要放太多可點擊或可觸發(fā)的元素，只有一個簡單的單個動作元素才能在這個網(wǎng)頁設(shè)計中發(fā)揮作用。

　　不確定標(biāo)題應(yīng)該包含哪些元素。考慮在整個設(shè)計中使用一致的按鈕(很像導(dǎo)航)。體驗按鈕、購物車按鈕或者其他用戶最容易使用的按鈕都是不錯的選擇。

　　7.使用簡單的圖層

　　如何將上述所有元素聚合到第一屏內(nèi)容中？訣竅是通過簡單的分層。最好的第一屏設(shè)計往往看起來很簡單。它遵循設(shè)計理論的規(guī)則，使用主導(dǎo)元素來吸引用戶，幫助他們實現(xiàn)可執(zhí)行的目標(biāo)。

　　分層對象是實現(xiàn)這一點的一種方式。簡單的分層不僅可以幫助您為每個元素創(chuàng)建不同的空間，還可以為用戶提供視覺焦點。他們知道從哪里開始設(shè)計，哪些元素值得他們關(guān)注，哪些元素可以瀏覽。

　　第一次嘗試不一定總是成功的。許多調(diào)整和測試通常需要創(chuàng)建一組元素，這些元素可以有效地協(xié)同工作，并在頁面頂部給用戶帶來驚喜。

　　總結(jié)

　　雖然創(chuàng)建首頁通常是設(shè)計過程中最高級的部分，但這一部分在內(nèi)部頁面中同樣重要，但我們在實際工作中往往會失去這一點?！皟?nèi)部”頁面的內(nèi)容需要盡可能和首頁一樣重要，因為很多用戶會通過搜索來訪問你的網(wǎng)站設(shè)計，而不是輸入URL。

　　獨立思考兩種內(nèi)容類型，共同實現(xiàn)設(shè)計的和諧統(tǒng)一和可視化。當(dāng)用戶在實際操作和瀏覽過程中，會產(chǎn)生這種視覺效果。