? ? 每個(gè)行業(yè)都有各自行業(yè)的特點(diǎn),但是頁(yè)面中的一些必要設(shè)計(jì)元素卻都是存在的,青島聚搜列出了網(wǎng)站界面設(shè)計(jì)中常見(jiàn)的5個(gè)關(guān)鍵組成部分,按照一定的邏輯順序陳列給大家,希望與大家一起分享網(wǎng)頁(yè)界面設(shè)計(jì)中每個(gè)設(shè)計(jì)步驟需要注意的要點(diǎn)和設(shè)計(jì)技巧。
一.網(wǎng)頁(yè)頭部設(shè)計(jì)
? ? 網(wǎng)站首頁(yè)的頭部主要包括網(wǎng)站的標(biāo)志和聯(lián)系方式以及為了方便用戶(hù)使用網(wǎng)站而提供給瀏覽者的“收藏主頁(yè)”、“疑難解答”等附加功能。小編認(rèn)為,網(wǎng)站設(shè)計(jì)也是企業(yè)和商家對(duì)外展示自身形象和營(yíng)銷(xiāo)產(chǎn)品的良好平臺(tái),所以一切的設(shè)計(jì)都要基于用戶(hù)的瀏覽體驗(yàn)滿意度和使用體驗(yàn)滿意度來(lái)設(shè)計(jì)。就網(wǎng)站的頭部設(shè)計(jì)而言,它是瀏覽者認(rèn)識(shí)網(wǎng)站進(jìn)入網(wǎng)站的“第一站”,所以在編排網(wǎng)站首頁(yè)的頭部元素(標(biāo)志、聯(lián)系方式、收藏主頁(yè)等)時(shí)注意版面的簡(jiǎn)潔性、醒目性和易識(shí)別性。
二.網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
? ? 網(wǎng)頁(yè)的導(dǎo)航以及分類(lèi)導(dǎo)航,甚至包含網(wǎng)站的信息檢索部分的設(shè)計(jì),是瀏覽者快速可獲取網(wǎng)站信息、查找目標(biāo)內(nèi)的主要途徑之一,也是網(wǎng)站站長(zhǎng)向所有瀏覽者提供的網(wǎng)站內(nèi)容入口的途徑之一。對(duì)于網(wǎng)站導(dǎo)航設(shè)計(jì),可以參考商城中的“商場(chǎng)導(dǎo)航導(dǎo)向標(biāo)示”進(jìn)行設(shè)計(jì)。具體說(shuō)可以將網(wǎng)站的主導(dǎo)航欄目的命名以欄目所代表的關(guān)鍵詞進(jìn)行命名,然后再次級(jí)導(dǎo)航中以相關(guān)關(guān)鍵詞或拓展關(guān)鍵詞的形式命名子欄目,這樣可以使得網(wǎng)站導(dǎo)航的設(shè)計(jì)更加具有針對(duì)性。至于網(wǎng)站的信息檢索部分的設(shè)計(jì),它也是網(wǎng)站所必須的一部分。據(jù)國(guó)外權(quán)威網(wǎng)站統(tǒng)計(jì),有近85%的網(wǎng)站瀏覽者會(huì)使用“搜索引擎”進(jìn)行信息查找,進(jìn)而將這種搜索習(xí)慣也帶到了站內(nèi)搜索之中。
三.網(wǎng)站banner設(shè)計(jì)
? ? 網(wǎng)站的banner,也是網(wǎng)站的廣告條。幾乎所有的網(wǎng)站都在頁(yè)面中甚至網(wǎng)頁(yè)的頭部設(shè)置了宣傳標(biāo)語(yǔ)。這也是網(wǎng)站吸引瀏覽最有力的手段之一。從設(shè)計(jì)的網(wǎng)站的角度來(lái)講,banner的設(shè)計(jì)應(yīng)細(xì)分網(wǎng)站的用戶(hù),按照不同的用戶(hù)設(shè)計(jì)不同的訴求點(diǎn)。網(wǎng)站的banner設(shè)計(jì)師是網(wǎng)站瀏覽者注意力很關(guān)鍵的一點(diǎn),所以在設(shè)計(jì)時(shí)候一定要細(xì)分網(wǎng)站的瀏覽者。例如一家兒童臥室軟裝企業(yè)的網(wǎng)站,在改版之前網(wǎng)站的banner就是以“兒童”為主,但是在經(jīng)過(guò)診斷以及改版以后采用了分別以“男生”和“女生”為主題的設(shè)計(jì),這樣,網(wǎng)站的bannenr的訴求點(diǎn)更加集中、設(shè)計(jì)目標(biāo)也更具有針對(duì)性。網(wǎng)站的瀏覽量和網(wǎng)站的粘度自然也就提高了不少。
四.網(wǎng)站主體區(qū)域設(shè)計(jì)
? ? 網(wǎng)站主題部分的設(shè)計(jì)主要包含實(shí)現(xiàn)網(wǎng)站全部功能的各個(gè)欄目。不管是哪一個(gè)欄目模板的設(shè)計(jì),一定要以用戶(hù)為主,頁(yè)面主題區(qū)域中,凡是與網(wǎng)站主要功能和內(nèi)容無(wú)關(guān)內(nèi)容都要剪掉。例如,我們?cè)诤芏嗑W(wǎng)站中都會(huì)看到類(lèi)似“公告欄”之內(nèi)的版塊??蓪?shí)際一想,這樣的模板對(duì)于實(shí)際的網(wǎng)站瀏覽者又有多大用途呢?你公告的內(nèi)容真的是瀏覽者所關(guān)心的嗎?我想大家都心知肚明吧。另外,網(wǎng)站設(shè)計(jì)公司認(rèn)為隨著信息技術(shù)的不斷發(fā)展網(wǎng)頁(yè)設(shè)計(jì)師也應(yīng)該考慮到頁(yè)面在手機(jī)、IPAD等移動(dòng)端上進(jìn)行瀏覽時(shí)頁(yè)面會(huì)發(fā)生什么樣的改變,我們所設(shè)計(jì)的頁(yè)面瀏覽者是否還可以很清晰的看到?這樣就很好的為用戶(hù)進(jìn)行了考慮,那么進(jìn)來(lái)的網(wǎng)站用戶(hù)自然也就愿意為瀏覽頁(yè)面而買(mǎi)單了。
五.網(wǎng)站底部設(shè)計(jì)
? ? 網(wǎng)站的尾部通常來(lái)講主要用來(lái)放置網(wǎng)站版權(quán)信息以及網(wǎng)站的備案信息,但是本著“一切”為用戶(hù)著想的設(shè)計(jì)原則,我們可以在頁(yè)面的底部增加一些網(wǎng)站的服務(wù)信息、交互回答等內(nèi)容。這些文字性的資料雖然簡(jiǎn)單,但是對(duì)于創(chuàng)建網(wǎng)站的可信度、提高瀏覽者的使用滿意度都具有很重要的作用。具體而言,可采用分欄、分塊的信息編排方式進(jìn)行設(shè)計(jì),這樣一方面可以對(duì)信息內(nèi)容進(jìn)行分門(mén)歸類(lèi),另一方面也有利于增強(qiáng)信息傳達(dá)的清晰度。