現(xiàn)在該談?wù)摰谝粋€(gè)屏幕設(shè)計(jì)了。第一個(gè)屏幕設(shè)計(jì)是用戶進(jìn)入你的網(wǎng)站的初步印象。無論用戶是從臺(tái)式機(jī)，平板電腦還是移動(dòng)設(shè)備訪問網(wǎng)站，這都是滾動(dòng)上方的一切，那么優(yōu)秀的網(wǎng)站設(shè)計(jì)都會(huì)重視這個(gè)第一屏的設(shè)計(jì)。

你在“第一個(gè)屏幕”上包含的信息是網(wǎng)站成功的關(guān)鍵。該設(shè)計(jì)可以吸引用戶并使其保持點(diǎn)擊狀態(tài)，或者迫使他們離開頁面。用戶開始滾動(dòng)之前，屏幕上需要顯示什么？本期深圳網(wǎng)站設(shè)計(jì)公司Angle就帶大家去看看怎么才能做好這個(gè)第一屏。

1、創(chuàng)建一個(gè)不同的第一個(gè)屏幕

用戶從第一印象開始。優(yōu)秀的網(wǎng)站設(shè)計(jì)應(yīng)創(chuàng)建具有沖擊力的畫面。借助視覺效果照片、視頻或插圖來立即吸引觀眾。圖像應(yīng)該是人們不能停止觀看的東西。它應(yīng)該完全屬于 你，與其他任何網(wǎng)站都不一樣。將該圖像與一些關(guān)鍵詞配對(duì)，以告訴用戶他們?yōu)槭裁丛谀抢镆约澳愕木W(wǎng)站必須提供什么。（這是出售點(diǎn)擊你網(wǎng)站的收益的最佳機(jī)會(huì)）這是將它們組合在一起的東西：第一個(gè)屏幕必須恰好適合該第一個(gè)屏幕。內(nèi)容需要按比例縮放到設(shè)備，以使整個(gè)圖像和所有關(guān)聯(lián)的副本清晰可見而無需滾動(dòng)。

2、導(dǎo)航應(yīng)該直觀

導(dǎo)航必須在側(cè)邊欄或整個(gè)屏幕頂部運(yùn)行頁面高度的日子已經(jīng)一去不復(fù)返了。隱藏和彈出導(dǎo)航樣式已變得非常流行（部分歸功于移動(dòng)設(shè)備），以至于所有網(wǎng)站設(shè)計(jì)都可以接受。但不要隱藏導(dǎo)航或使其難以使用。不管喜歡與否，漢堡式導(dǎo)航菜單已成為隱藏導(dǎo)航的最主要用途。用戶已經(jīng)學(xué)會(huì)了使用它，并且可以輕松地在頁面上查找內(nèi)容。確保將堆疊的圖標(biāo)放置在易于找到的位置（可以使其比典型圖標(biāo)大），并確保單擊該按鈕后導(dǎo)航功能完全正常。通過突出顯示的漢堡菜單圖標(biāo)將其擴(kuò)展為全屏菜單選項(xiàng)列表，在此方面做得很好。最重要的是，用戶不必猜測如何使用它。

3、創(chuàng)建一個(gè)聯(lián)絡(luò)點(diǎn)

當(dāng)你在單個(gè)畫布（例如第一個(gè)屏幕）上工作時(shí)，創(chuàng)建單個(gè)焦點(diǎn)或消息很重要。用戶有意或無意地進(jìn)入了你的網(wǎng)站，并且需要了解其全部內(nèi)容。單一的視覺概念可以幫助用戶創(chuàng)建關(guān)于你的身份和身份的想法。這可以通過圖像或文本以多種不同方式來實(shí)現(xiàn)。盡管復(fù)雜的樣式可以工作，但從簡單思考開始。極簡主義既是潮流又是幫助傳達(dá)信息的有效途徑。

4、有目的地寫副本

將第一個(gè)屏幕視為書的封面，而不是小說的第一頁。它應(yīng)包括足夠的副本以幫助用戶參與。一個(gè)簡單的標(biāo)題和小的副本塊通常足以做到這一點(diǎn)。盡管單詞很少，但這可能是一個(gè)需要大量工作的過程。撰寫簡潔明了的副本可能會(huì)很有挑戰(zhàn)性。以你的網(wǎng)站目標(biāo)為指導(dǎo)。用戶為什么在這里？你想讓他們做什么？使用副本創(chuàng)建該連接并開始講述你的故事。請(qǐng)記住將網(wǎng)站的利益出售給用戶。

5、給用戶一些事情
網(wǎng)站提供獨(dú)特的視覺體驗(yàn)時(shí)，它們還需要提供一個(gè)讓用戶堅(jiān)持的理由。優(yōu)秀的網(wǎng)站設(shè)計(jì)第一個(gè)屏幕還需要給用戶一些事情做。
這些動(dòng)作可以包括：

• 填寫表格，例如提供電子郵件地址
• 玩游戲
• 在社交媒體上分享
• 瀏覽槽項(xiàng)目出售
• 評(píng)論或參與內(nèi)容
• 觀看電影或幻燈片

你的第一個(gè)屏幕不僅應(yīng)包含這些操作之一，而且還應(yīng)完全清楚該操作是什么以及用戶應(yīng)執(zhí)行的操作。設(shè)計(jì)應(yīng)該吸引他們，使他們感到被迫去做。

6、為品牌騰出空間

如果你不知道網(wǎng)站屬于誰，那么網(wǎng)站就不會(huì)帶來很多好處。第一個(gè)屏幕至少應(yīng)包含徽標(biāo)或與網(wǎng)站背后品牌的連接。品牌或公司名稱可以創(chuàng)造合法性和公信力。它使網(wǎng)站看起來更“真實(shí)”。（這對(duì)于包含任何類型的財(cái)務(wù)或個(gè)人交易的網(wǎng)站尤為重要，以便用戶知道誰在獲取信息。）較大的品牌可以在第一個(gè)屏幕上擺脫較小的品牌，因?yàn)榭赡芎芏嗳艘呀?jīng)知道它們。（你知道誰不會(huì)識(shí)別象征麥當(dāng)勞的金色拱門嗎？）對(duì)于較小的品牌，清楚地顯示徽標(biāo)和樣式對(duì)于創(chuàng)建用戶可以關(guān)聯(lián)和信任的身份很重要。

7、減少干擾

在第一個(gè)屏幕上，不要給用戶太多東西去看或處理。它應(yīng)該簡單、精簡和集中。如果你有很多內(nèi)容，請(qǐng)?jiān)趲讉€(gè)屏幕上隔開。（這可以促進(jìn)互動(dòng)，并防止網(wǎng)站結(jié)構(gòu)混亂或混亂。）梅蘭妮·達(dá)維德（Melanie DaVeid）以簡單的美學(xué)表現(xiàn)出色，使你對(duì)她的其他作品感興趣。借助簡單的動(dòng)畫，色彩和精美的字體，第一個(gè)屏幕為用戶創(chuàng)造了獨(dú)特的感覺，焦點(diǎn)和動(dòng)作過程。

當(dāng)卷軸重新流行時(shí)，我們?yōu)槠湓O(shè)計(jì)的方式已經(jīng)改變。優(yōu)秀的網(wǎng)站設(shè)計(jì)使用響應(yīng)式設(shè)計(jì)和滾動(dòng)功能（例如視差）來為用戶創(chuàng)建基于屏幕的體驗(yàn)。第一個(gè)屏幕是最重要的屏幕。確保創(chuàng)建有趣，可讀和獨(dú)特的視覺效果，以將用戶帶入你的網(wǎng)站。本期深圳網(wǎng)站設(shè)計(jì)公司Angle就給大家講解到這里了。