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

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

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

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

　　文字或標(biāo)題；

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

　　按鈕或呼叫動(dòng)作元素；

　　導(dǎo)航元素；

　　搜索

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

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

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

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

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

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

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

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

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

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

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

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

　　4.使用超大的排版字體

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

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

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

　　5.考慮閱讀模式

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

　　這兩項(xiàng)研究對(duì)于用戶查看和消化內(nèi)容非常重要，因?yàn)樗鼈兛梢詭椭憷斫庠诰W(wǎng)站設(shè)計(jì)中，尤其是第一頁中，元素或內(nèi)容應(yīng)該如何放置以及放置在哪里。

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

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

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

　　Z模式：眼球的運(yùn)動(dòng)從左到右、從上到下來回移動(dòng)，形成多個(gè)Z形閱讀路徑。

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

　　6.包括可點(diǎn)擊的元素

　　你的第一個(gè)屏保是交互式的嗎？是否包含可點(diǎn)擊的元素來鼓勵(lì)用戶參與這些話題？

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

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

　　7.使用簡(jiǎn)單的圖層

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

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

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

　　總結(jié)

　　雖然創(chuàng)建首頁通常是設(shè)計(jì)過程中最高級(jí)的部分，但這一部分在內(nèi)部頁面中同樣重要，但我們?cè)趯?shí)際工作中往往會(huì)失去這一點(diǎn)?！皟?nèi)部”頁面的內(nèi)容需要盡可能和首頁一樣重要，因?yàn)楹芏嘤脩魰?huì)通過搜索來訪問你的網(wǎng)站設(shè)計(jì)，而不是輸入U(xiǎn)RL。

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