APP导航栏设计分析：5种设计样式+4种交互正常

（4) 搜索框

在网站下端中但会但会就让到搜索框不摆放上方的的设计，将搜索框并作为单独的GUI或者和其他GUI组合运用于于不摆放上方，方便使用者快速访问。

（5) 沃尔特示例

在Pad下端和网站下端中但会，可以运用于于模板在运用于排上方的沃尔特示例顺利未完成翻转账户、语言等操并作。

二、GPS排的5种的设计格调

下部GPS排的设计格调需要与与整个厂家的UI值得注意，；也用的GPS排的设计外观有

扁平格调、双眼泥浆特性、色填满特性、运用于于浅棕色GPS等。

1. 扁平格调

下部GPS周围几乎糅合到着重中但会，和整个主页在行一个主体，主页有点比较简约。

2. 双眼泥浆格调

通过在GPS排正下方增高一层双眼特性，让GPS排有泥浆在主页上的感觉觉，同时便于和主页其他概要并作辨别。

3. 色填满格调

将GPS排着重顺利未完成诗意填满，不透明度降低到8-12%，运用于于一些简约而高阶的诗意来增高主页的比较丰富度，体现知名品牌特点。

4. 深色格调

APP主页的着重大多都是灰色，这个时候如果运用于于深色的GPS，必须产生很强烈的对比特性，用来突成GPS中但会的概要。比如后期的微信APP主页，下部就是采用深色的GPS，和灰色的主页并作对比。

5. 透明格调

图表详情页的UI的设计中但会；也用到透明的GPS格调，既能避免GPS排将图表概要挡住，还能突成主页的高阶感觉。

三、GPS排交互正；也比对 1. 顺位但会正；也

当使用者与GPS排交互时，GPS排上的GUI要必须静态翻转来为使用者提供第一时间一个系统，比如当顺位但会主页中但会的概要时，GPS排要成也就是说的操并作提示，是否删除、体会等。

2. 向上正；也

当主页上下向上时，原本扁平的APPGPS排成现双眼泥浆的升温特性，正；也的忽略但会让操并作有点格外自然。

3. 着重直观

当主页向上时，下部GPS成现毛玻璃的直观特性，这是以前很风靡的感觉官特性，但会让主体的使用者体验格外时序。

4. 厚度调整

当主页厚度渐变小时，要考虑到将多余的GPS选择接合并隐藏在“格外多”彩带里面，这样才但会让的设计格外合理。

四、最后

以上就是GPS排(App Bar)的设计中但会能用到的知识点和的设计细节，希望通过这些概要能帮助你对GPS排有格外多的的设计就让法和探究。

#媒体人#

并作者：Clippp，微信社会所号：Clip的设计夹。每周精选的设计文章，投身于体会关于厂家、交互、UI感觉官上的的设计探究。

题图来自Unsplash，基于CC0协议。