移動端UI界面中通常是需要選取 主色，標(biāo)準(zhǔn)色，點晴色 它們各自代表的含義主色 雖然是決定了畫面風(fēng)格的色彩但是往往不會被大面積的使用通常在導(dǎo)航欄部分按鈕icon特殊頁面等地方出現(xiàn)，會有點晴，定調(diào)的作用統(tǒng)一的。

美團App的底部導(dǎo)航欄包含了五個功能入口首頁分類訂單我的消息用戶可以通過底部導(dǎo)航欄快速切換到相應(yīng)頁面底部導(dǎo)航欄的設(shè)計簡潔明了，符合用戶的操作習(xí)慣色彩搭配 美團App在色彩搭配上，采用了橙色作為主色調(diào)，給。

3然后雙擊我們的內(nèi)層動態(tài)面板下面的state1，然后點擊矩形，并將其圖案拖拽到我們的內(nèi)層動態(tài)面板中，調(diào)整好位置，并給其填充顏色4在拖進一個占位符，并調(diào)整其位置，如圖所示5然后點擊我們導(dǎo)航欄上面的外層，并將我。

缺點設(shè)計時需要注意色彩的搭配，太過于花哨會讓用戶產(chǎn)生視覺疲勞3抽屜式導(dǎo)航抽屜式滑動導(dǎo)航很好地彌補了tabber導(dǎo)航中切換項受限的缺陷，通過縱向排列切換項解決了這一問題，將菜單隱藏在當(dāng)前頁面內(nèi)，點擊入口即可像抽屜一樣。

以下是一個包含了所有配置選項的 pagesjson 用于設(shè)置應(yīng)用的狀態(tài)欄導(dǎo)航條標(biāo)題窗口背景色等注意 實例 使用uniapp自定義導(dǎo)航欄時，自己的導(dǎo)航欄字體顏色為白色，但是系統(tǒng)上方的通知欄部分還是黑色，文檔中表明。

首先，導(dǎo)航欄可以告知用戶目前的位置，并提供回到上一步或下一步的操作入口，以免讓用戶迷失方向其次，對當(dāng)前頁面內(nèi)容進行頂部Tab整理分類，并在導(dǎo)航欄中聚集各種類型的入口，為用戶提供全局操作最后可以增加品牌曝光度，比如容器品牌顏色圖標(biāo)。

12雙擊母版，進入母版編輯頁面在這里進行那些拖動等操作啦21我們觀察到導(dǎo)航欄總共5個tab組成，每個tab里有兩個元素一張圖片，一個文本標(biāo)簽但是為了可以方便的設(shè)置寬高調(diào)整距離均分屏幕并且組合拖動設(shè)置點擊狀態(tài)等。

原來普通的圖標(biāo)按鈕，稍加改動，就能立刻變得與眾不同，這就讓APP頁面增加了不少分以此類推，我們可以利用創(chuàng)意根據(jù)圖標(biāo)畫出各種不規(guī)則的形狀進行剪切粘貼，也可以給形狀添加顏色等變化，利用你的創(chuàng)意為你的APP頁面設(shè)計加分。

11隱藏了app自帶的UINavigationController導(dǎo)航欄，使用自定義View作為導(dǎo)航欄 12項目是禁止深色暗黑模式，也就是info里Appearance設(shè)置為了Light13設(shè)置全局狀態(tài)欄文字為白色，所以項目info文件設(shè)置了2個選項View。

primarySwatchUI右下角的FloatingActionButton的顏色就是默認(rèn)取值MaterialColor， 默認(rèn)是藍(lán)色的，如果修改成primarySwatch，就會變成這個顏色值只支持MaterialColor primaryColor頂部導(dǎo)航欄和狀態(tài)欄的顏色修改，需要用到這。

UI基礎(chǔ)篇千萬不要忽略的導(dǎo)航欄設(shè)計 關(guān)于導(dǎo)航欄 導(dǎo)航欄簡稱Navbar在iOS上， 導(dǎo)航欄是指顯示在應(yīng)用程序頂部， 位于狀態(tài)欄下方的容器區(qū)域，層級應(yīng)高于當(dāng)前頁面內(nèi)容在安卓上， Google公司在Material Design中也賦予了它同樣的。

導(dǎo)航的設(shè)計是 App 設(shè)計發(fā)展過程中很值得玩味的地方，由于移動設(shè)備特別是智能手機的屏幕尺寸有限，設(shè)計者們通常會將屏幕空間盡量留給主體內(nèi)容，為了在手機屏幕給定的范圍內(nèi)展示出更多內(nèi)容，優(yōu)秀的導(dǎo)航欄設(shè)計將起到關(guān)鍵性作用，對于不同的操作也當(dāng)。

問題四android 沉浸式狀態(tài)欄和透明狀態(tài)欄的區(qū)別 注意兩種方法的區(qū)別第一種為頂部欄跟隨當(dāng)前activity的布局文件的背景的顏色，使用方便，不過也有點問題就是，如果有底部虛擬導(dǎo)航鍵的話，導(dǎo)航鍵的背景跟頂部的顏色一。

雙擊未選中，修改里面的圖片和文字顏色這樣就不用重復(fù)設(shè)置間距之類的了 25對于其他四個標(biāo)簽頁，只需復(fù)制第一個創(chuàng)建并編輯的動態(tài)面板來修改其中的圖片和文字即可，不必重復(fù)創(chuàng)建 26拖動到底部導(dǎo)航欄矩形以調(diào)整間距并平均劃分屏幕。

如果你的app含有不能用系統(tǒng)圖標(biāo)表示的任務(wù)或模式，又或是系統(tǒng)圖標(biāo)與你的APP風(fēng)格不符，你可以設(shè)計你自己的圖標(biāo)自定義圖標(biāo)通常被叫做模板，它不含有色彩信息并且通過mask來創(chuàng)建你在導(dǎo)航欄標(biāo)簽欄工具欄或是主屏幕快速操作視圖看到的圖標(biāo)。