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

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

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

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

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

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

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

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