畫底部tab圖標不知道用麵性還是線性_盈彩网站是合法的吗?

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

如果您想訂閱本博客內容|-北华信电子集团,每天自動發到您的郵箱中__108娱乐平台正规的吗, 請點這裏

我們都知道UI設計並不僅僅是做出好看的東西_淘1站,還涉及到交互和數據還有轉化率_--周村二手房,就像是設計師通過界麵在於用戶交流一樣__-金够败,而底部導航欄就是交流對話中的一個_|_金饶。因為如果用戶連他們在產品的哪裏都不知道-_评剧发源地,那麼我們的設計再好優秀也是沒用的|成都江潮电脑。



底部導航欄的用法


底部導航欄在屏幕底端展示3至5個目標選項-|_和讯模拟炒股,每一個選項由一個圖標和文字標簽展示-|_11选5杀2个100%技巧,點擊底部導航圖標時||金大班大结局,將帶領用戶前往與之關聯的視圖|东莞一条龙服务流程。


這裏將目標選項放在底部的原因是|__台风妮妲路径,在手持的移動設備上容易被觸及|-易购彩票安全不安全,符合拇指定律_|-金螳螂 朱兴良,方便用戶單手操作_-波多野结衣迅雷。




底部導航欄的展示


根據我的觀察-|诺基亚3110c软件,底部導航欄的表現形式一般分為三種_|_诺基亚500报价,首先我們先來說第一種-||106下载苹果版本:

1|-|2016女排大奖赛赛程表、文字+圖標

大部分的平台都是使用的扁平風格-云购彩票是正规平台吗,隻有在節假日的時候才會出現|-西安烟草网上订货,而多數情況下||_注册送彩金所有平台,我們常見的底部導航欄都是以文字+圖標的形式出現_玩具熊不要冬眠,在選中的狀態下|-_流浪的蛤蟆蜀山,設計師也會根據對整體風格的把控和產品調性_|2019香港管家婆马报,增加一些變化和趣味_-|瓦楞纸规格,來突出產品的風格--_佛说五百次回眸。如下圖所示_-_小学值周总结:


全名K歌和知乎的底部導航欄就是使用文字加圖標的形式_-|青岛教育人事网,其中全名K歌的底部圖標增加了一些有趣的變化_-永胜国际贴吧,讓底部圖標變得更有趣-||龙炎电商,同時文字的存在能夠更好的讓用戶對圖標進行理解|_掌上购彩可靠吗,提高用戶識別效率|-南疆暴乱。


2_-云鼎彩票招商、文字

文字按鈕目前來說產品裏使用的也是比較多的_-_广发弘利债券,大多出現在以圖片和視頻為主的產品和界麵中__-256买彩票,如下圖所示_-_金华职业教务网:


抖音_||118彩图库和118论坛网址大全、美圖秀秀_|掌上彩票登录不了、小紅書||冬不拉的故事,這三款APP的底部導航欄都是文字作為模塊切分|--大老虎周永慷,在使用的過程中||22彩票官方版,更能夠關注與閱讀內容--诺基亚5320xm刷机,底部操作欄視覺層級相比上麵的那種層級比較低_-守护甜心目录,不影響瀏覽視覺|李俊案,同時文字按鈕降低了用戶的理解成本|-|碧月帆雪。


3_k mic、圖標

單圖標按鈕是很少見的-|_蹦极事故,很多圖標都沒有很強的識別度___芬迪斯,所以僅僅用圖標放在底部操作欄-碧月帆雪,會造成用戶的認知負擔||11086移动彩票手机软件,不建議使用獨立的按鈕_038彩票可以吗。如下圖所示|新普桑2013款图片:


VSCO是一款給用戶推薦產品的APP|-钱学森女儿,因此底部操作欄隻有三個按鈕|__亿发彩票下载安装,從設計的架構和產品的邏輯上來說--_电视剧热爱,比較有利於用戶對圖標點擊操作-_|孙继发豆芽机。


Same的是一款社交的APP|_-爱唯侦察论坛地址,有別於目前的大部分產品--360足球彩票,它的底部是使用的單圖標的形式--_柳州音乐网,雖然整體界麵比較簡約_-掌上彩票pro网络异常,但是辨識度比較低-赢彩彩票有人玩吗,造成了使用產品時的認知負擔--|k7k小游戏。


小總結-数米基金网:

1-|_谈爱 李白、當頁麵圖片以圖片為主時||_雾里看花终隔一层,使用純文字或者純圖標的能夠降低底部圖標對用戶造成的幹擾|132彩票官网网址,但是純圖標的底部導航欄降低了用戶的識別度-|永盛彩票app手机版下载,引起用戶使用時的認知負擔__cf易美官网。

2-_何小萌萌萌、文字+圖標的搭配屬於最穩妥的方式|零客户机,適用於大部分的產品底部圖標設計_-李公堤水霸王。



底部導航欄圖標的設計


當我們準備做APP底部導航欄設計的時候-|昆明三对夫妇,不知道大家有沒有遇到過經常不知道該用麵性還是線性的糾結中|-三星s3mini,究竟要選擇哪種對用戶來說才是合適的呢|-_花样少女?

大多數的人會覺得是出於個人喜好--金御医,但是一項名為《麵性圖標vs線性圖標-|请输入关键字,對於可用性方麵的影響》的研究表明_||惜春小礼阅读答案:不同的圖標存在著不同的識別效率|_众彩彩票靠谱吗,而麵性圖標一般會比線性圖標更快被用戶所識別|__媚行深宫 菏泽天下。


1--120dj、特征線索

用戶要辨認圖標依靠的就是特征線索||ed2k 麻仓优,如果一個圖標沒有明顯的特征__-s2总决赛we,是很難被用戶所識別出來的_|淘宝注册流程。如下圖所示__258竞彩网合法吗:



如上圖所示_|_11选五中奖助手官方版,發現的特征線索是它的眼睛--_菊苣草种,沒有眼睛|__脸部美容手法视频,發現就是個橢圓爱唯侦察网址;目的地的線索特征就是中間的圓_|_百阅电子书阅读器,沒有了中間的圓_-|维修电工技师总结,就是個小氣泡|_-悦天使;行程是做成了行李的樣子-2019年第123期开奖结果,而沒有了行李箱上的特征標誌||大话腐女2,就變成了一個很普通的包|_亿乐彩注册登录。

所以圖標上的特征線索是用戶識別的關鍵-_堂色品,在我們設計圖標的時候||青岛教育人事处,一定要確保它包含了用戶識別的線索--中博彩票网。


2_||我想看一级片、什麼情況下用線性圖標_众购彩票技巧?

圖標除了要包含特征線索以外--金手指v6,線性和麵性圖標之間也有區別_|_鹿喜微七天断食,當一些圖標的外部特征為它的特征線索時|_-4008 111111,線性圖標會比麵性圖標的識別度來的更為突出|_众赢彩票。


當我們的底部圖標的信息屬於特征線索比較微妙|-|188网彩,並且出現在邊緣的時候|__阿坝州人事网,我們可以使用線性圖標___10500com,或者換個角度來說_|-不思议游戏国语版,就是當我們選擇底部圖標為線性的表現形式的時候|_|丧尸围城视频,在圖標的表現形式上_|台湾身份证号生成器,盡量往形狀的邊緣特征來靠-_黑铁酒杯,這樣能夠讓圖標更加突出並且很快被識別|-|姜晓舟。


3_|苏州火车站订票电话、什麼情況下用麵性__bumper信号圈?

大多數圖標其實就是將現實生活中的對象變成一個小縮影___365彩票首页,因此麵性剪影的圖標形式認知高於線性圖標|__168娱乐2。



盡管如此-|-苏州网上车管所,用戶還是能夠識別線性圖標__陶陶洁具,但是當圖標的內部空間比較狹窄的時候__-易点彩票手机版双色球,用戶識別線性圖標需要花費更多的時間來識別|-_哑巴新娘小说。

對於內部空間比較擁擠|-_maigoo中国十大品牌网,或者線條比較多的圖標||霍去病的小软糖,最好使用麵性圖標-尊龙娱乐假的,剪影的表現方式提供了一個更簡潔也更具辨識度的方式__金华职业技术学院信息工程学院,從這裏我們可以發現一個事實|-_杉杉来吃新番外,線性圖標的設計表現要求要高於麵性圖標|-网游快车金牌网吧下载,因為線性圖標要在具有表現力的同時還需要有很高的識別度_--什么的枝条,同時不能太過複雜__-杨幂11分钟,內部不能過於擁擠|_苗建中。



劃重點


1|_|唐易康官网、當頁麵圖片以圖片為主時||-2m彩票2m彩票振撼来袭,使用純文字或者純圖標的能夠降低底部圖標對用戶造成的幹擾-上海电视台新闻坊;

2_|晋城五个人图片、文字+圖標的搭配屬於最穩妥的方式_|曾海潮李悦陈霁江陵肃,適用於大部分的產品底部圖標設計--_众盈娱乐投注怎么样删。

3_|易乳宝官网、圖標是由有識別度的特征線索組成的_-|长东实业有限公司,而麵性圖標的識別度速度更快|_汶川地震女记者路边哭;

4-花园宝宝游戏大礼包、線性圖標的內部間距比較寬的時候|_|冰雪皇后优惠券,更容易識別--_淘宝网怎么开店,內部間距比較窄的時候-_阳光家缘数据中心,使用麵性圖標會更好|-|诚信公棚;

5-_|谢苗电影、圖標的特征線索在邊緣的地方|103期双色球开奖视频,使用線性的圖標識別度更高-||反间谍工作的主管单位。

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司__-11086时时彩官网电话,為期望卓越的國內外企業提供卓越的UI界麵設計|陈孙华、BS界麵設計 __快乐大本营之棒棒堂、 cs界麵設計 |黄江小顺车行、 ipad界麵設計 _|-盈彩网彩票贴吧、 包裝設計 _|-汶川大地震电影、 圖標定製 ||0365彩票、 用戶體驗 _--亿乐彩页面网址、交互設計__注册六给彩票图片、網站建設 __35彩票苹果版、平麵設計服務__|意彩娱乐。

標簽: ui設計

分享到-||易彩堂合法吗: 新浪微博 騰訊微博 微信 微信 更多

Powered by emlog 京ICP備12006971號-1 sitemap