追求卓越一諾千金

藍藍設計_--陈仕林,2011年成立|-14亿彩票,主創清華團隊|-永和豆浆网上订餐,專注軟件和互聯網ui設計開發||-问道维护。擅長企業信息化管理_|_盐城招标网、監控|_|约彩彩票怎么注册不了、大數據軟件UIUE谘詢和設計開發服務-|_芭莎礼品网。立足UI|-2011qq官方下载安装,好好學習_||36选7中奖规则,天天進步|-|妇之宝!


畫底部tab圖標不知道用麵性還是線性|-_美元升值受益股?

2019-5-16 分享達人 設計思維


如果您想訂閱本博客內容-|助赢彩票软件app,每天自動發到您的郵箱中___武汉华云桑拿, 請點這裏

我們都知道UI設計並不僅僅是做出好看的東西|_|金南珠主演的电视剧,還涉及到交互和數據還有轉化率_幼儿园中班教育随笔,就像是設計師通過界麵在於用戶交流一樣_-|诺基亚n79主题下载,而底部導航欄就是交流對話中的一個|布鲁金斯基征。因為如果用戶連他們在產品的哪裏都不知道|_-劳动最光荣是谁说的,那麼我們的設計再好優秀也是沒用的||注册送40彩金。



底部導航欄的用法


底部導航欄在屏幕底端展示3至5個目標選項__|广珠城轨最新时刻表,每一個選項由一個圖標和文字標簽展示-法兰碧,點擊底部導航圖標時-重庆报关员培训,將帶領用戶前往與之關聯的視圖-_雅鲁藏布江地图。


這裏將目標選項放在底部的原因是||_517云购,在手持的移動設備上容易被觸及_-|银色黎明声望怎么刷,符合拇指定律|助赢软件app,方便用戶單手操作|_永宁县政府公众网。




底部導航欄的展示


根據我的觀察_-|雷克萨斯ex350,底部導航欄的表現形式一般分為三種||永胜国际是做什么的,首先我們先來說第一種_|无叶涡轮增压器:

1_|亿贝娱乐平台、文字+圖標

大部分的平台都是使用的扁平風格|-万峰网,隻有在節假日的時候才會出現-|-花野真衣下载,而多數情況下_-相信未来朗诵,我們常見的底部導航欄都是以文字+圖標的形式出現|-_咸水湾,在選中的狀態下___2019世界杯竞彩app,設計師也會根據對整體風格的把控和產品調性-__天天向上20130412,增加一些變化和趣味__-盈彩在线怎么玩,來突出產品的風格|-|永盛彩票网靠谱吗。如下圖所示-|_辽宁电视台全运频道:


全名K歌和知乎的底部導航欄就是使用文字加圖標的形式-_-张莜雨魅惑,其中全名K歌的底部圖標增加了一些有趣的變化-|保定保洁公司信誉放心,讓底部圖標變得更有趣_-手机分享区,同時文字的存在能夠更好的讓用戶對圖標進行理解|__苯乙烯密度,提高用戶識別效率_李天一受害老师照片。


2|-刘剑简历、文字

文字按鈕目前來說產品裏使用的也是比較多的|--ap赵信出装顺序,大多出現在以圖片和視頻為主的產品和界麵中|-盈彩邀请码,如下圖所示__|谈爱李白原文:


抖音__|pes2014下载、美圖秀秀__-丝诺萄官网、小紅書_|北京火灾最新消息,這三款APP的底部導航欄都是文字作為模塊切分||_长安新城小学,在使用的過程中|_-365彩票江苏快三正规,更能夠關注與閱讀內容|澳门大学招生,底部操作欄視覺層級相比上麵的那種層級比較低_||娱乐天地彩票注册,不影響瀏覽視覺--永盛彩票网址,同時文字按鈕降低了用戶的理解成本-_-魔龙辅助。


3|掌上彩票软件、圖標

單圖標按鈕是很少見的|--tisdeny,很多圖標都沒有很強的識別度|_|2018彩票信誉平台,所以僅僅用圖標放在底部操作欄_-_家教老师h漫之全彩,會造成用戶的認知負擔|-火把节是怎么一回事,不建議使用獨立的按鈕-|国际品牌洗发水。如下圖所示-|_重修之灭仙弑神续集:


VSCO是一款給用戶推薦產品的APP_--阿尔卡特one touch hero,因此底部操作欄隻有三個按鈕|__巴巴逗,從設計的架構和產品的邏輯上來說-|众购彩票是真的吗,比較有利於用戶對圖標點擊操作__|键盘自动按键器。


Same的是一款社交的APP-_娱乐天地点检,有別於目前的大部分產品--_阿列克斯 加西亚,它的底部是使用的單圖標的形式_|运城美食,雖然整體界麵比較簡約--特色店,但是辨識度比較低--1分时时彩规律,造成了使用產品時的認知負擔||尼伯特台风实时路径。


小總結-快乐大本营棒棒堂:

1--_小吃作文、當頁麵圖片以圖片為主時|-|高清主题,使用純文字或者純圖標的能夠降低底部圖標對用戶造成的幹擾---青青岛社区黄岛论坛,但是純圖標的底部導航欄降低了用戶的識別度_-_注册送28彩金不限ip,引起用戶使用時的認知負擔_铜管重量计算。

2_-好看的科幻大片、文字+圖標的搭配屬於最穩妥的方式_-金健米业招聘,適用於大部分的產品底部圖標設計|-|林科大教务处。



底部導航欄圖標的設計


當我們準備做APP底部導航欄設計的時候_|-诺基亚7070拆机,不知道大家有沒有遇到過經常不知道該用麵性還是線性的糾結中|-娱乐天地点检怎么挣钱,究竟要選擇哪種對用戶來說才是合適的呢-||杨幂11分钟?

大多數的人會覺得是出於個人喜好-_|天天酷跑大猫头,但是一項名為《麵性圖標vs線性圖標||美派雅集,對於可用性方麵的影響》的研究表明_|武林风王洪强:不同的圖標存在著不同的識別效率-|优衣库三里屯视频事件,而麵性圖標一般會比線性圖標更快被用戶所識別_眠宝。


1|注册送彩金时时彩、特征線索

用戶要辨認圖標依靠的就是特征線索-_爱唯侦察网址,如果一個圖標沒有明顯的特征|_注册送38元体验金彩票,是很難被用戶所識別出來的---莆田恒心电脑学校。如下圖所示|-长红彩票店:



如上圖所示---南方报社,發現的特征線索是它的眼睛_||云购彩票什么时候有的,沒有眼睛-_怎样开店,發現就是個橢圓|-第一财经视频网;目的地的線索特征就是中間的圓-|许若月,沒有了中間的圓--铺铺儿,就是個小氣泡_--11086移动彩票客服号;行程是做成了行李的樣子-_善淘网首页,而沒有了行李箱上的特征標誌||优博彩票注册,就變成了一個很普通的包_||安溪天气2345。

所以圖標上的特征線索是用戶識別的關鍵_|陈亚辉,在我們設計圖標的時候|_-杨幂被迷奸,一定要確保它包含了用戶識別的線索-_-zcom杂志。


2||笑刑大唐txt下载、什麼情況下用線性圖標|-英女侠新形象?

圖標除了要包含特征線索以外|-静安火灾,線性和麵性圖標之間也有區別-|_注册送100彩金,當一些圖標的外部特征為它的特征線索時-_锈水财阀战袍在哪买,線性圖標會比麵性圖標的識別度來的更為突出--css教程下载。


當我們的底部圖標的信息屬於特征線索比較微妙--_运盛彩票平台,並且出現在邊緣的時候__|365天天彩票是正规的吗,我們可以使用線性圖標|-陈光标肩挑钞票捐款,或者換個角度來說__优乐彩是不是真实的,就是當我們選擇底部圖標為線性的表現形式的時候|-|好千度,在圖標的表現形式上_雪橇皮大衣,盡量往形狀的邊緣特征來靠-_众赢彩票安全吗,這樣能夠讓圖標更加突出並且很快被識別_|qq游戏马。


3__-银河娱乐网站线路、什麼情況下用麵性--淘宝试用什么意思?

大多數圖標其實就是將現實生活中的對象變成一個小縮影--038彩票是骗局吗,因此麵性剪影的圖標形式認知高於線性圖標||环保错位。



盡管如此-__觅血者斯基尔,用戶還是能夠識別線性圖標__uc蝴蝶版,但是當圖標的內部空間比較狹窄的時候__相信未来歌词,用戶識別線性圖標需要花費更多的時間來識別|-|辽宁彩铃。

對於內部空間比較擁擠---花湖门票,或者線條比較多的圖標||-莱州中考成绩查询,最好使用麵性圖標_|褫,剪影的表現方式提供了一個更簡潔也更具辨識度的方式|_|农行黄金价格,從這裏我們可以發現一個事實|_-金鼎大豆油,線性圖標的設計表現要求要高於麵性圖標_||永盛国际手机彩票官网,因為線性圖標要在具有表現力的同時還需要有很高的識別度|||漯河军嫂被拘留,同時不能太過複雜-_360时时彩走势图彩,內部不能過於擁擠_-盈彩二维码。



劃重點


1--|内地av、當頁麵圖片以圖片為主時|--038的邀请码,使用純文字或者純圖標的能夠降低底部圖標對用戶造成的幹擾-|金盟减肥药;

2_2019年网上可以购彩吗、文字+圖標的搭配屬於最穩妥的方式||陈楚河张檬,適用於大部分的產品底部圖標設計--|中科彩票220。

3_-战狼团队彩票全天计划、圖標是由有識別度的特征線索組成的-__阴道老化,而麵性圖標的識別度速度更快___守护甜心目录;

4__|沙井刻章、線性圖標的內部間距比較寬的時候||-步步惊情港台版,更容易識別-_|诛仙3牵机,內部間距比較窄的時候-_杨幂不雅视频百度云,使用麵性圖標會更好__霸气行会名字;

5|-_阿鲁科尔沁旗绿原网、圖標的特征線索在邊緣的地方-_-永盛国际手机版手机彩票,使用線性的圖標識別度更高|||许若月。

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司|_嬉戏谷死人,為期望卓越的國內外企業提供卓越的UI界麵設計||hs小游戏、BS界麵設計 -||电大统考成绩查询、 cs界麵設計 |盈彩在线app、 ipad界麵設計 --152彩票靠谱吗、 包裝設計 |_uzi五杀vn、 圖標定製 -|_不丹国王、 用戶體驗 -_英国女主播直播中脱胸衣露乳出镜、交互設計__-陕西职业技能鉴定中心、網站建設 ||众购彩票主页、平麵設計服務|-_御龙在天野蘑菇。
標簽: ui設計 « z-index不起作用的大坑 | Vue+Electron下Vuex的Dispatch沒有效果的解決方案»


訂閱Rss