在網(wǎng)站首頁布局設(shè)計(jì)時，會考慮到很多元素、模塊、功能列表等內(nèi)容，根據(jù)行業(yè)及具體內(nèi)容的不同運(yùn)用色彩、樣式、JS特效設(shè)計(jì)出符合用戶需求的網(wǎng)頁主體效果。在設(shè)計(jì)的時候要考慮到所有欲展示的內(nèi)容，分好類別，將重要的模塊呈現(xiàn)在首頁，并同時做好導(dǎo)航及次頁的內(nèi)容分類歸檔。

總體說來，設(shè)計(jì)網(wǎng)頁特別是首頁要考慮到幾種表現(xiàn)形式：

第一、網(wǎng)站導(dǎo)航
一個網(wǎng)站的結(jié)構(gòu)清晰與否很大程度上由導(dǎo)航來決定，把自己網(wǎng)站大的功能模塊按類別分類整理，越清晰給人的感覺就越專業(yè)，用戶在瀏覽網(wǎng)頁的時候能很快找到自己所需要的東西。

第二、幻燈大圖
現(xiàn)在的網(wǎng)頁設(shè)計(jì)都比較寬，一般會在第一屏考慮設(shè)計(jì)一個全屏大圖，一方面讓網(wǎng)頁看起來大氣，另一方面可以把最核心的內(nèi)容以圖片的形式展現(xiàn)在第一屏，再配合幻燈自身的動態(tài)展示效果，能讓首頁增色不少。

第三、卡片式內(nèi)容模塊
卡片式表現(xiàn)手法一般應(yīng)用于提煉后的精簡話術(shù)，如產(chǎn)品特色、核心優(yōu)勢、服務(wù)項(xiàng)目等，再配上與內(nèi)容相關(guān)的圖標(biāo)，給人的感覺沉穩(wěn)、簡潔、專業(yè)，讓想要表達(dá)的內(nèi)容一目了然不拖泥帶水。

第四、文章列表
一個網(wǎng)站設(shè)計(jì)完成后框架和主體內(nèi)容模塊一般不會發(fā)生太大的變化，唯一能不斷更新變化的其實(shí)就是文章類的內(nèi)容了，考慮到文章標(biāo)題及對應(yīng)圖片的布局設(shè)計(jì)，圖片展示可以是組圖形式也可以是文字匹配圖片，總之要考慮好后續(xù)不斷增加的變量因素。

第五、交互效果
目前網(wǎng)頁設(shè)計(jì)都要考慮瀏覽者的用戶體驗(yàn)問題，用戶停留的時間久說明內(nèi)容或界面能打動他，設(shè)計(jì)網(wǎng)頁的時候要花心思做好每一步。交互式體驗(yàn)可以利用既有的動畫庫來實(shí)現(xiàn)，比如可以使用Wow+Animate來實(shí)現(xiàn)，開發(fā)成本低效果有保障。

第六、自適應(yīng)
制作網(wǎng)頁之初就要考慮到不同終端的適配問題，傳統(tǒng)PC端效果如何應(yīng)該在對應(yīng)的其它終端保持一致的效果。特別是手機(jī)端，為了保持最大的靈活度及適配成本，建議PC和WAP可以考慮使用不同的模塊，不建議使用同一套CSS來控制自適應(yīng)問題，這樣開發(fā)成本高，維護(hù)成本不可估量。