作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，你應(yīng)該知道當(dāng)一個(gè)新用戶登錄你的網(wǎng)站，第一件事情他一定會(huì)注意到你的網(wǎng)站的頭部信息。無(wú)論是一個(gè)小的導(dǎo)航欄，或者是一個(gè)大的圖片全屏輪顯，網(wǎng)站頭部的設(shè)計(jì)無(wú)疑是全站布局中非常重要的一個(gè)環(huán)節(jié)。大多數(shù)網(wǎng)站第一屏的設(shè)計(jì)傾向于給訪問(wèn)者留下非常深刻的印象，并且最好能夠幫助他更好的推廣這個(gè)網(wǎng)站的品牌。一個(gè)好的網(wǎng)頁(yè)第一屏設(shè)計(jì)是可以給每一位新的訪問(wèn)者留下一個(gè)長(zhǎng)久的不可磨滅的印象。

在這篇文章里，我們想分享幾個(gè)非常實(shí)用的小技巧來(lái)幫助網(wǎng)頁(yè)設(shè)計(jì)師們實(shí)現(xiàn)一個(gè)高大上的網(wǎng)站第一屏設(shè)計(jì)。最好的方法就是把設(shè)計(jì)的側(cè)重點(diǎn)集中到網(wǎng)站的內(nèi)容上，并著重強(qiáng)調(diào)重要的內(nèi)容，使這部分內(nèi)容在整個(gè)第一屏設(shè)計(jì)里面凸現(xiàn)出來(lái)。另一方面還要注意，設(shè)計(jì)的時(shí)候還要兼顧擴(kuò)大品牌的影響力。

    超大背景圖片

    近幾年在第一屏設(shè)計(jì)中使用一個(gè)大的全屏圖片變得越來(lái)越司空見(jiàn)慣，快速發(fā)展的互聯(lián)網(wǎng)使資源的下載前所未有的快速。現(xiàn)在背景圖包含一個(gè)1920x1080的圖片讓他適應(yīng)任何屏幕的尺寸是相當(dāng)簡(jiǎn)單的。

hero image是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)的術(shù)語(yǔ)。它是一個(gè)特定類型的全屏banner,經(jīng)常放在一個(gè)web頁(yè)面的前面和中心的位置。它往往是訪客登錄網(wǎng)站上的第一視覺(jué)。它的作用是概述網(wǎng)站的最重要的內(nèi)容，通常包含圖像和文本,可以靜態(tài)也可以是動(dòng)態(tài)的。

    hero image與普通的banner相比更典型，他經(jīng)常被放置在第一屏的重要位置。經(jīng)常是用一些有震撼力的攝影圖片，被用于產(chǎn)品的促銷、公司或者個(gè)人的推廣。品牌一直是它的一個(gè)決定性的因素，但是hero images的內(nèi)容并不總是關(guān)于品牌推廣，他們的目的也是為了拉近訪問(wèn)者，使他們跟網(wǎng)站的關(guān)系更密切。

    清晰的導(dǎo)航鏈接

想要你的第一屏設(shè)計(jì)顯眼，最重要的元素莫過(guò)于導(dǎo)航的設(shè)計(jì)。除非你設(shè)計(jì)一個(gè)單幅的網(wǎng)頁(yè)，那么很可能你需要一些鏈接去控制這個(gè)網(wǎng)站，并且許多單頁(yè)的設(shè)計(jì)應(yīng)用了滾動(dòng)的鏈接設(shè)計(jì)。

對(duì)于用戶來(lái)說(shuō)一個(gè)簡(jiǎn)單易讀的導(dǎo)航是非常重要的。人們都希望能夠快速的識(shí)別頁(yè)面并作出選擇。文本鏈接可以加粗，加線框、下劃線，或者鏈接和背景用對(duì)比色等等，這些都可以讓他們更引人注目，從而方便閱讀。

引人注目的品牌設(shè)計(jì)

品牌對(duì)于公司的重要性不言而喻，不管哪一個(gè)公司他們都需要一個(gè)吸引人眼球的品牌設(shè)計(jì)。訪問(wèn)者們記住的事物一定是一些引人注目的，他會(huì)從一大堆熟悉的logos里脫穎而出。

固定導(dǎo)航欄

隨著web瀏覽器不斷地更新?lián)Q代，一些特殊效果也變得更加普遍多見(jiàn)。固定導(dǎo)航欄就是這樣的一個(gè)效果，它被一些現(xiàn)代的開(kāi)發(fā)人員們發(fā)現(xiàn)，這個(gè)發(fā)現(xiàn)讓導(dǎo)航在網(wǎng)頁(yè)的任何地方都可以被輕松的找到。這么便利的發(fā)現(xiàn)都?xì)w功于css3和jquery的快速發(fā)展。(css3和jquery是網(wǎng)頁(yè)制作方面的知識(shí)~)

靈感總結(jié)~

掌握上面的這些設(shè)計(jì)技巧，讓你更快的做出一個(gè)優(yōu)秀的第一屏設(shè)計(jì)。這些第一屏主要是靠?jī)?nèi)容、標(biāo)志或者導(dǎo)航的設(shè)計(jì)來(lái)吸引眼球。因?yàn)橛脩羧菀妆荒切┯腥さ臉?biāo)題元素和完美的頁(yè)面展示吸引，最完美的第一屏設(shè)計(jì)要在在初次就點(diǎn)燃訪問(wèn)者的好奇心。

設(shè)計(jì)專線：0736-7171820