移动端UI界面中通常是需要选取 主色，标准色，点晴色 它们各自代表的含义主色 虽然是决定了画面风格的色彩但是往往不会被大面积的使用通常在导航栏部分按钮icon特殊页面等地方出现，会有点晴，定调的作用统一的。

美团App的底部导航栏包含了五个功能入口首页分类订单我的消息用户可以通过底部导航栏快速切换到相应页面底部导航栏的设计简洁明了，符合用户的操作习惯色彩搭配 美团App在色彩搭配上，采用了橙色作为主色调，给。

3然后双击我们的内层动态面板下面的state1，然后点击矩形，并将其图案拖拽到我们的内层动态面板中，调整好位置，并给其填充颜色4在拖进一个占位符，并调整其位置，如图所示5然后点击我们导航栏上面的外层，并将我。

缺点设计时需要注意色彩的搭配，太过于花哨会让用户产生视觉疲劳3抽屉式导航抽屉式滑动导航很好地弥补了tabber导航中切换项受限的缺陷，通过纵向排列切换项解决了这一问题，将菜单隐藏在当前页面内，点击入口即可像抽屉一样。

以下是一个包含了所有配置选项的 pagesjson 用于设置应用的状态栏导航条标题窗口背景色等注意 实例 使用uniapp自定义导航栏时，自己的导航栏字体颜色为白色，但是系统上方的通知栏部分还是黑色，文档中表明。

首先，导航栏可以告知用户目前的位置，并提供回到上一步或下一步的操作入口，以免让用户迷失方向其次，对当前页面内容进行顶部Tab整理分类，并在导航栏中聚集各种类型的入口，为用户提供全局操作最后可以增加品牌曝光度，比如容器品牌颜色图标。

12双击母版，进入母版编辑页面在这里进行那些拖动等操作啦21我们观察到导航栏总共5个tab组成，每个tab里有两个元素一张图片，一个文本标签但是为了可以方便的设置宽高调整距离均分屏幕并且组合拖动设置点击状态等。

原来普通的图标按钮，稍加改动，就能立刻变得与众不同，这就让APP页面增加了不少分以此类推，我们可以利用创意根据图标画出各种不规则的形状进行剪切粘贴，也可以给形状添加颜色等变化，利用你的创意为你的APP页面设计加分。

11隐藏了app自带的UINavigationController导航栏，使用自定义View作为导航栏 12项目是禁止深色暗黑模式，也就是info里Appearance设置为了Light13设置全局状态栏文字为白色，所以项目info文件设置了2个选项View。

primarySwatchUI右下角的FloatingActionButton的颜色就是默认取值MaterialColor， 默认是蓝色的，如果修改成primarySwatch，就会变成这个颜色值只支持MaterialColor primaryColor顶部导航栏和状态栏的颜色修改，需要用到这。

UI基础篇千万不要忽略的导航栏设计 关于导航栏 导航栏简称Navbar在iOS上， 导航栏是指显示在应用程序顶部， 位于状态栏下方的容器区域，层级应高于当前页面内容在安卓上， Google公司在Material Design中也赋予了它同样的。

导航的设计是 App 设计发展过程中很值得玩味的地方，由于移动设备特别是智能手机的屏幕尺寸有限，设计者们通常会将屏幕空间尽量留给主体内容，为了在手机屏幕给定的范围内展示出更多内容，优秀的导航栏设计将起到关键性作用，对于不同的操作也当。

问题四android 沉浸式状态栏和透明状态栏的区别 注意两种方法的区别第一种为顶部栏跟随当前activity的布局文件的背景的颜色，使用方便，不过也有点问题就是，如果有底部虚拟导航键的话，导航键的背景跟顶部的颜色一。

双击未选中，修改里面的图片和文字颜色这样就不用重复设置间距之类的了 25对于其他四个标签页，只需复制第一个创建并编辑的动态面板来修改其中的图片和文字即可，不必重复创建 26拖动到底部导航栏矩形以调整间距并平均划分屏幕。

如果你的app含有不能用系统图标表示的任务或模式，又或是系统图标与你的APP风格不符，你可以设计你自己的图标自定义图标通常被叫做模板，它不含有色彩信息并且通过mask来创建你在导航栏标签栏工具栏或是主屏幕快速操作视图看到的图标。