網(wǎng)頁美工設(shè)計(jì)

網(wǎng)頁美工設(shè)計(jì)師導(dǎo)航設(shè)計(jì)的原則

編輯：時(shí)間：2015-07-21 10:36:37

　　在眾多信息中，網(wǎng)站導(dǎo)航起著重要的位置，合理的導(dǎo)航安排，不僅可以讓用戶了解整個(gè)網(wǎng)站的構(gòu)造，里面包含的信息，還能清楚找到自己需要的信息，節(jié)省時(shí)間，下面鄭州清新教育鄭州網(wǎng)頁設(shè)計(jì)培訓(xùn)的老師就講講網(wǎng)頁美工在設(shè)計(jì)導(dǎo)航時(shí)需要注意的原則。

　　1、首先確定信息架構(gòu)

　　規(guī)劃一個(gè)大型網(wǎng)站，規(guī)劃好內(nèi)容是進(jìn)行導(dǎo)航設(shè)計(jì)之前的第一要?jiǎng)?wù)。而我們此處所說的信息架構(gòu)（IA，Information Architecture），是合理的組織信息的展現(xiàn)形式，支撐起網(wǎng)站內(nèi)容的骨架。信息架構(gòu)的主要任務(wù)是為信息與用戶認(rèn)知之間構(gòu)建一座暢通的橋梁。

　　從更高的位置來看待網(wǎng)站內(nèi)容有助于信息架構(gòu)的搭建。更重要的是，網(wǎng)頁美工得學(xué)會(huì)從用戶的角度來看待網(wǎng)站內(nèi)容。這也就意味著，有的時(shí)候你得站在正反兩個(gè)位置來看待同一個(gè)東西，不同視角下你會(huì)發(fā)現(xiàn)有的內(nèi)容的呈現(xiàn)方式非常反人類。

　　2、保持簡(jiǎn)單

　　絕大多數(shù)的網(wǎng)站瀏覽者可能會(huì)一致的認(rèn)同這一點(diǎn)：網(wǎng)站的導(dǎo)航區(qū)域要盡可能設(shè)計(jì)的簡(jiǎn)單。的確，復(fù)雜而擁擠的導(dǎo)航欄設(shè)計(jì)會(huì)嚴(yán)重阻礙網(wǎng)站的整體可用性。

　　以微軟的首頁為例，網(wǎng)站的導(dǎo)航欄被劃分成四個(gè)項(xiàng)目，考慮到微軟龐大的產(chǎn)品線，這幾乎已經(jīng)被簡(jiǎn)化到了極致。也正是因此，每個(gè)項(xiàng)目的下拉菜單都被巧妙地分割成為幾段，這樣一來，導(dǎo)航的層級(jí)就清晰了，用戶可以更快地找到他們想要的東西，而微軟也可以將復(fù)雜多樣的產(chǎn)品和服務(wù)，整合到一個(gè)看似簡(jiǎn)單的導(dǎo)航欄里面。

　　總的來說，這樣的導(dǎo)航欄設(shè)計(jì)更加易用了，在保持一致的前提下，也具備更好的預(yù)測(cè)性。考慮到微軟的產(chǎn)品體量，產(chǎn)品所需的頁面數(shù)，微軟官網(wǎng)的設(shè)計(jì)很明顯是耗費(fèi)了大量時(shí)間迭代開發(fā)的產(chǎn)物，殊為不易。官網(wǎng)在這樣的組織架構(gòu)之下，不僅讓用戶的體驗(yàn)更好了，而且對(duì)于微軟而言也更加便于管理內(nèi)容。這不僅保持簡(jiǎn)單，也簡(jiǎn)化了復(fù)雜。

　　3、謹(jǐn)慎選擇方向

　　傳統(tǒng)意義上的電腦屏幕方向是橫向的，這也使得縱向下拉菜單，在很長的一段時(shí)間里面成為了導(dǎo)航欄設(shè)計(jì)的主流方向。這樣的設(shè)計(jì)，平衡且少干擾，從設(shè)計(jì)的角度上來看是不錯(cuò)的選擇。

　　作為虛擬現(xiàn)實(shí)設(shè)備制造商的Oculus，將導(dǎo)航設(shè)計(jì)成為橫向的非常符合他們的設(shè)備的自然邏輯。

　　但是橫向的導(dǎo)航并不一定符合所有的網(wǎng)站的需求，這也是為什么你會(huì)看到那么多縱向?qū)Ш降木W(wǎng)站，尤其是在電商領(lǐng)域。彩色的標(biāo)簽被用來標(biāo)識(shí)不同的品類，縱向的導(dǎo)航設(shè)計(jì)，與現(xiàn)實(shí)世界中的導(dǎo)購圖冊(cè)暗合。這樣的導(dǎo)航符合多品類，多內(nèi)容的信息架構(gòu)，橫向?qū)Ш接迷诖颂帟?huì)因?yàn)槠奉惡臀淖謨?nèi)容而產(chǎn)生混亂。

　　一個(gè)良好的垂直方向的導(dǎo)航，網(wǎng)頁美工要設(shè)計(jì)好并非易事，尤其是當(dāng)你的網(wǎng)站內(nèi)容非常多的時(shí)候。Jack Jones 的網(wǎng)站是一個(gè)很好的學(xué)習(xí)對(duì)象。

　　導(dǎo)航所承載的信息也是非常重要的，要合理安排，讓用戶有一個(gè)良好的體驗(yàn)，在一個(gè)看似簡(jiǎn)單的導(dǎo)航頁面中，包含的信息量也是很大的。鄭州清新教育電腦學(xué)校提供專業(yè)漫網(wǎng)頁美工設(shè)計(jì)培訓(xùn)課程，如果你想要在鄭州學(xué)習(xí)網(wǎng)頁美工設(shè)計(jì)成為網(wǎng)頁設(shè)計(jì)師就到鄭州清新教育學(xué)習(xí)。

<< 上一篇：鄭州網(wǎng)頁美工培訓(xùn)速成班哪里有

>> 下一篇：鄭州學(xué)習(xí)網(wǎng)頁設(shè)計(jì)好找工作嗎

推薦資訊