扣丁學(xué)堂淺談UI設(shè)計(jì)培訓(xùn)之面包屑設(shè)計(jì)
2017-12-21 13:39:18
1227瀏覽
在現(xiàn)如今,隨著互聯(lián)網(wǎng)的飛速發(fā)展,誕生了許多新興行業(yè),特別是UI設(shè)計(jì)行業(yè),近幾年正在以勢(shì)不可擋的發(fā)展速度強(qiáng)勢(shì)崛起,而國(guó)內(nèi)企業(yè)對(duì)專(zhuān)業(yè)
UI設(shè)計(jì)師的需求也以井噴的態(tài)勢(shì)迅猛增長(zhǎng)。下面我們來(lái)介紹一下關(guān)于
UI培訓(xùn)之面包屑設(shè)計(jì)。
首先面包屑設(shè)計(jì)是網(wǎng)站建設(shè)中網(wǎng)站設(shè)計(jì)的一部分,面包屑的功能非常簡(jiǎn)單清爽,就是在網(wǎng)頁(yè)內(nèi)容上方起到引導(dǎo)用戶的作用。
1、減少用戶操作次數(shù)
從用戶可用性的角度出發(fā),面包屑減少了用戶跳轉(zhuǎn)高層級(jí)頁(yè)面的操作次數(shù),避免了用戶要使用瀏覽器的返回鍵以及翻找導(dǎo)航尋找上級(jí)頁(yè)面的復(fù)雜交互。
2、占用空間小
面包屑基本上是以鏈接文本的方式存在的,只有一串一小行的,所占用的空間比較小。
3、面包屑避免了給用戶帶來(lái)困擾
面包屑設(shè)計(jì)小巧方便,給用戶帶來(lái)的便捷遠(yuǎn)大于問(wèn)題和困擾。當(dāng)你設(shè)計(jì)網(wǎng)站面包屑導(dǎo)航的時(shí)候,載攸道網(wǎng)站設(shè)計(jì)提醒,這些點(diǎn)是一定要記住的。
別把面包屑替代了主要導(dǎo)航系統(tǒng)
面包屑只是一個(gè)輔助的導(dǎo)航系統(tǒng),是無(wú)法替代主要導(dǎo)航系統(tǒng)的,它的存在是用于抵達(dá)其他層級(jí)的快速定位鏈接系統(tǒng),是協(xié)助用戶方便選擇的次要選項(xiàng)。
別把當(dāng)前頁(yè)鏈接加到面包屑中
面包屑的最后一個(gè)層級(jí)是當(dāng)前層級(jí)的頁(yè)面,而這一項(xiàng)在面包屑中是不應(yīng)該加上鏈接的,它只是起到展示定位的作用,添加鏈接是沒(méi)有意義的。
面包屑分隔符的使用
一般面包屑的分隔最常見(jiàn)的就是">",例如:“公司介紹>公司基地”。當(dāng)然了,分隔符是沒(méi)有硬性要求的,還有設(shè)計(jì)師使用“→”、“》”或“//”的,這個(gè)要看網(wǎng)站設(shè)計(jì)師的喜好和網(wǎng)站整體的風(fēng)格。
面包屑合適的尺寸和間距
在設(shè)計(jì)的時(shí)候要結(jié)合網(wǎng)站的頁(yè)面空間大小,畢竟不能占據(jù)太大的空間頁(yè)面,所以保證面包屑的大小尺寸,畢竟也不能做得比主導(dǎo)航還大。另外還要注意層級(jí)之間的間距。不能太密也不能太疏,方便、快捷最重要。
面包屑不是視覺(jué)的焦點(diǎn)
重申一遍,面包屑是一個(gè)輔助導(dǎo)航,不是主導(dǎo)航,它不適宜使用花俏的字體和醒目的色彩,它不應(yīng)該成用戶瀏覽的視覺(jué)焦點(diǎn),這樣會(huì)顯得喧賓奪主。
移動(dòng)端頁(yè)面就不要用面包屑了
移動(dòng)端頁(yè)面本來(lái)就很簡(jiǎn)潔,人們都在試圖簡(jiǎn)化它的頁(yè)面設(shè)計(jì),面包屑出現(xiàn)在頁(yè)面會(huì)顯得非常臃腫。移動(dòng)端網(wǎng)站不僅僅是頁(yè)面的簡(jiǎn)化,而是整個(gè)系統(tǒng)的簡(jiǎn)化,不宜太過(guò)復(fù)雜,也沒(méi)復(fù)雜到使用面包屑來(lái)引航。
網(wǎng)站加入面包屑設(shè)計(jì)可以更好的引導(dǎo)用戶瀏覽網(wǎng)站,快速的找到用戶需要的產(chǎn)品或服務(wù)等等,這方面小巧的面包屑設(shè)計(jì)似乎更被大眾所喜愛(ài)。最后想要學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的小伙伴快選擇專(zhuān)業(yè)的UI培訓(xùn)機(jī)構(gòu)扣丁學(xué)堂學(xué)習(xí)吧,扣丁學(xué)堂不僅有專(zhuān)業(yè)的老師和與時(shí)俱進(jìn)的課程體系,更有大量的
UI視頻教程供學(xué)員觀看學(xué)習(xí)。想要高薪就業(yè)的小伙伴現(xiàn)在就行動(dòng)吧。UI交互設(shè)計(jì)交流群:568096113。
【關(guān)注微信公眾號(hào)獲取更多學(xué)習(xí)資料】
查看更多關(guān)于“ui設(shè)計(jì)資訊”的相關(guān)文章>>
標(biāo)簽:
UI設(shè)計(jì)視頻
UI培訓(xùn)UI設(shè)計(jì)師
UI視頻教程