2013-10-24 藍(lán)藍(lán)設(shè)計的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( www.jghy.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源:http://sudasuta.com/cooler-photo.html
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
導(dǎo)航是網(wǎng)頁設(shè)計中不可缺少的部分,它是網(wǎng)站訪問者獲取所需內(nèi)容的快速通道和途徑。導(dǎo)航讓網(wǎng)站的層次結(jié)構(gòu)以一種有條理的方式清晰展示,并引導(dǎo)用戶毫不費力地找到并管理信息,達(dá)到有效傳遞。同時,導(dǎo)航一般位于網(wǎng)頁的中上部分,也是視覺中心的區(qū)域內(nèi)。在保持其合理的功能作用的同時,一個好的導(dǎo)航設(shè)計,往往能夠成為整個網(wǎng)頁設(shè)計的點睛之筆!
一個設(shè)計師在布局和整體規(guī)劃網(wǎng)頁設(shè)計時,導(dǎo)航總是一個重要的元素。我們會思考,導(dǎo)航以什么形式呈現(xiàn)?是否能夠地發(fā)揮其梳理網(wǎng)站結(jié)構(gòu)、有效傳遞信息的功能?是否能夠烘托和配合整個頁面的設(shè)計風(fēng)格?是否能夠別出心裁潤色和體現(xiàn)該網(wǎng)站的特點又不影響其功能性?是否能夠精益求精成為整個網(wǎng)頁設(shè)計至關(guān)重要的一筆?那么,就讓我們一起分享和淺析一下一些讓設(shè)計師們花費心思精雕細(xì)琢的導(dǎo)航設(shè)計吧。
導(dǎo)航的設(shè)計會根據(jù)網(wǎng)站的基本類別、屬性和各自特點而有所定位。在這里,我挑選了一些非系統(tǒng)、門戶等類型,有明確特點、用戶定位、產(chǎn)品及品牌特色的品牌類、專題類網(wǎng)站。對于這些網(wǎng)站來說,導(dǎo)航的設(shè)計將突破我們常見的橫向長條導(dǎo)航或者豎式導(dǎo)航,會更加有意味、趣味和玩味,是能讓設(shè)計師們盡情拓展設(shè)計創(chuàng)意和思維的“有點兒意思”的導(dǎo)航設(shè)計!
材質(zhì)類的導(dǎo)航,是潤色導(dǎo)航、增加導(dǎo)航意味最常用的設(shè)計方法。在有特殊定向和用戶指向的網(wǎng)站設(shè)計里是廣被設(shè)計師們使用的手法。這種快速、簡單、效果直接的設(shè)計方式,能夠迅速將產(chǎn)品的特性和設(shè)計師的巧思呈現(xiàn)出來。并且材質(zhì)類的導(dǎo)航設(shè)計往往都可以不必打破導(dǎo)航的基本形態(tài),能夠很好的保持導(dǎo)航的功能性,頁面排版的整齊感。因此可以在固定的網(wǎng)頁原型的結(jié)構(gòu)和位置上,靈活地表達(dá)產(chǎn)品的特性。設(shè)計師們可以隨心所欲雕琢內(nèi)部的材質(zhì),從而打造不一樣的意味導(dǎo)航,成為整個頁面的小小亮點。
如何讓一個頁面看起來如身臨其境融入了該網(wǎng)站產(chǎn)品的世界?那么就要讓用戶的視覺體驗真實地感受到該產(chǎn)品特性的存在。這個時候,一個普通呆板的導(dǎo)航,遠(yuǎn)遠(yuǎn)不能滿足頁面的設(shè)計需要。即使產(chǎn)品圖片再誘人,一個毫不融入氛圍的冷冰冰的導(dǎo)航,在頁面上不僅讓人失望更加破壞了應(yīng)該有的氣氛。所以,越來越多的設(shè)計,讓導(dǎo)航成為了烘托、增強(qiáng)網(wǎng)頁及產(chǎn)品氛圍的振奮一筆!擬物類的導(dǎo)航,就像變色龍,在不同定位的網(wǎng)頁設(shè)計中,捕捉和適應(yīng)環(huán)境的特點,從而化身為環(huán)境的一部分。擬物類的導(dǎo)航,可以是抽屜,可以是布條、可以是樹木,可以是任何你能想到和創(chuàng)意出來的東西!打破一切既定的規(guī)則,不必一定要是長條四方,不必一定要是整齊劃一的排版,擬物類的導(dǎo)航可以將設(shè)計師的能動性發(fā)揮到極點!這樣的導(dǎo)航設(shè)計,在整個網(wǎng)頁中可以達(dá)到另外一層的功能性,那就是輔助提升產(chǎn)品給用戶的強(qiáng)大視覺認(rèn)知度,還未見其產(chǎn)品的詳細(xì)信息,你就能提前感受到它是干什么的,有什么樣的風(fēng)格,有什么樣的追求。讓導(dǎo)航不僅僅只是導(dǎo)航!
若問到導(dǎo)航是什么樣的,大多數(shù)人都會立刻浮現(xiàn)出幾種基本的形狀和樣式,頂部的橫欄、側(cè)邊的豎欄。即便是高矮胖瘦、顏色各異、材質(zhì)各異,大多數(shù)的導(dǎo)航都不會跨出基本的界限。那么導(dǎo)航是不是一定要遵守形狀這個“規(guī)矩”呢?答案肯定是否認(rèn)的。用戶雖然習(xí)慣了導(dǎo)航的“規(guī)矩性”,但是另類形態(tài)的導(dǎo)航設(shè)計卻無疑給了用戶們一個新的視角,原來導(dǎo)航也可以“沒規(guī)沒距”!那么是否可以隨意改變導(dǎo)航的形態(tài)設(shè)計呢,答案也是否定的,設(shè)計師們始終都要記住導(dǎo)航的根本屬性和用途,讓導(dǎo)航始終都不能脫離它在頁面設(shè)計中的核心作用。如果你是一個大膽的設(shè)計師,又有新穎的設(shè)計理念和產(chǎn)品訴求,那么不妨嘗試做一次大地調(diào)整,換個形狀設(shè)計導(dǎo)航!
有雷厲風(fēng)行搶風(fēng)頭的導(dǎo)航哥,也會有為人低調(diào)注重和諧的導(dǎo)航們。在某些網(wǎng)頁設(shè)計中,需求的導(dǎo)向性會要求將導(dǎo)航一定程度的削弱,從而來突出產(chǎn)品的主體內(nèi)容。那么對于這部分的導(dǎo)航設(shè)計,設(shè)計師們該如何取舍呢?是簡單地羅列文字?還是將導(dǎo)航舍棄在邊角的位置?如何才能使得被削弱的導(dǎo)航仍然不失設(shè)計感,甚至能夠輔助主體內(nèi)容的突顯?這個時候,對導(dǎo)航的處理和設(shè)計就能更加體現(xiàn)出一個設(shè)計師對宏觀大局的把控,以及對細(xì)節(jié)局部的掌控,讓局部服從整體,但又不是粗糙對待,反而精致得恰到好處!削弱并不是不需要設(shè)計,和諧并不是隱藏和消失。很多優(yōu)秀的設(shè)計作品,在處理這類情況時,通常將導(dǎo)航和網(wǎng)頁主體背景進(jìn)行關(guān)聯(lián)性的融合。從色彩的恰接、風(fēng)格感受、背景圖片的關(guān)聯(lián)、線框等多方面都可以進(jìn)行處理和設(shè)計。讓導(dǎo)航自然地呈現(xiàn),仿佛為主體的一部分,又退而求其次,把更多的視覺焦點留給了主體內(nèi)容。從而完美地保持其功能性,又能與整體頁面“和諧共進(jìn)”!
設(shè)計是在不斷進(jìn)步的,隨著用戶體驗的提高、用戶認(rèn)知度的拓展、產(chǎn)品需求的多樣性、設(shè)計師理念的不斷探索和更新,我們相信,導(dǎo)航設(shè)計將存在更多的可能性!也許下一個新的設(shè)計形式就誕生在你我之間!越來越多關(guān)于導(dǎo)航設(shè)計的研究和探索,將會給用戶帶來全新的視覺和使用體驗!
藍(lán)藍(lán)設(shè)計的小編 http://www.jghy.net