4卡通風(fēng)格 特點(diǎn)是可愛(ài)，富有親和力，規(guī)劃簡(jiǎn)潔而精致，視覺(jué)效果杰出，但風(fēng)格小眾，運(yùn)用范圍比較限制，常用于女人或二次元APP中5輕質(zhì)感風(fēng)格 層次簡(jiǎn)單，用色素雅干凈，采用輕投影輕突變的辦法規(guī)劃這類(lèi)圖標(biāo)具有一定的立體。

原則一保持視覺(jué)簡(jiǎn)潔一個(gè)優(yōu)秀的app標(biāo)簽欄圖標(biāo)，應(yīng)該該是簡(jiǎn)潔的，有清晰視覺(jué)重點(diǎn)的，這樣的app標(biāo)簽欄圖標(biāo)才可以更有意義，能讓用戶(hù)清楚地看到它傳達(dá)到的信息和操作指令原則二設(shè)計(jì)必須為用戶(hù)已進(jìn)行設(shè)計(jì)不須為，盡為全面。

扁平描線(xiàn)圖標(biāo)其實(shí)是面形和線(xiàn)形的結(jié)合，一開(kāi)始這種設(shè)計(jì)形式，主要用來(lái)做復(fù)雜度比較高的插畫(huà)，后來(lái)逐漸在標(biāo)簽欄，首頁(yè)功能入口這些位置開(kāi)始應(yīng)用這類(lèi)圖標(biāo)相對(duì)于純面形，純線(xiàn)形來(lái)說(shuō)，風(fēng)格明顯，個(gè)性化程度更強(qiáng)有一款A(yù)PP叫。

8帶標(biāo)簽的工具欄 默認(rèn)情況下，所有的 工具欄元素 鏈接 沿著工具欄等距分布 它們之間的距離相等9向圖標(biāo)添加角標(biāo) 如果你需要向標(biāo)簽欄圖標(biāo)添加 徽章 ，只需在圖標(biāo)內(nèi)部放入 10帶有文案的標(biāo)簽欄 如果你需要使。

4 Messenger的構(gòu)造嚴(yán)格地遵循了標(biāo)簽導(dǎo)航，一部分標(biāo)簽固定在頂部，一部分在底部清晰地呈現(xiàn)主要功能圖標(biāo)清晰易于理解，也允許自定義標(biāo)簽，從而產(chǎn)生精致而整潔的視覺(jué)體驗(yàn)小結(jié)越來(lái)越多的設(shè)計(jì)師意識(shí)到導(dǎo)航欄菜單對(duì)提高用戶(hù)體驗(yàn)的。

一標(biāo)簽式導(dǎo)航 標(biāo)簽式導(dǎo)航是蘋(píng)果ios可以自動(dòng)生成一種導(dǎo)航控件，開(kāi)發(fā)起來(lái)方便所以這種經(jīng)典的底部導(dǎo)航欄受到絕大數(shù)app設(shè)計(jì)師的青睞這種設(shè)計(jì)符合手機(jī)端用戶(hù)單手操作的習(xí)慣，包括新版微信，淘寶，支付寶，百度手機(jī)等都采用的這。

目前ios的尺寸都是_@2x，除了plus需要注意導(dǎo)航欄60PX，底部標(biāo)簽欄148PX，尺寸需要_@3X也就是15倍計(jì)算。

APP導(dǎo)航欄設(shè)計(jì)要點(diǎn)全解析 第一，基本介紹導(dǎo)航欄 導(dǎo)航欄在哪里？ 標(biāo)簽欄菜單欄Tab欄等UI設(shè)計(jì)組件，欄目標(biāo)題欄目導(dǎo)航欄目在許多類(lèi)型和名稱(chēng)中，有許多新設(shè)計(jì)師很難區(qū)分這些重復(fù)的名稱(chēng)和相應(yīng)的區(qū)域 導(dǎo)航欄位于應(yīng)用程序的頂部。