PS入门—底部导航PS设计指南

2017-04-21

再次设计开发,某一程度都会遵循Android的基本规范的。而官方的设计指南里里提供很多值得参考的设计方法,但是由于很多的客观的因素影响,导致很多人没有直接接触到Android的原生系统,这次就想通过这篇文章,大概地说说,从视觉设计方面,我对Android原


生系统的看法。由于M原生设计包含的内容较多,网上也有很多的相关的资料可供参考,包括Google的官方网站https://material.io目前也可以直接访问,不需要翻墙了,所以这次我只选取两个比较有Android特色的控件来说说我的看法。它们分别是底部导航和卡片,


前者是最新规范才有的内容,后者是Android的形象代言人。


timg.jpg

底部导航(Bottom Nabigation Bar)


底部导航是Google最新的设计规范才有的内容,以前是不建议在安卓手持设备设置底部导航(也就是IOS中常见的底部标签栏),因为会容易跟功能按键冲突,而且视觉效果也较差,但是从交互体验来说,人的手部操作热区都集中在手机下部,所以在基于用户体验,把


传统的底部导航做了优化,方便用户在顶级试图地内容切换,同时也尽大可能避免跟功能按钮的冲突,确保提供更好的操作体验的同时兼顾视觉展示效果。


底部导航设计指南: 

1、标签的数量控制在3~5个之间,并显示完整。


2、标签必须直接跳转到目标页面;


3、标签的样式:设计样式必须与功能按钮有明显的区分,避免把底部导航跟功能按钮混淆。


a)图标与描述文本:

①当标签是选中状态时,建议显示图标和文本。

②当只有3个标签时,同时显示图标和文本。

③如果标签的数量在4·5个,只需显示图标。

④文本不能换行、不能只显示局部或大小不一


以上是Google在Material design里给出的设计规范,其实不仅在Android平台可以使用,在其他平台设计时,也可以做参考。


蓝桥UI培训,平面设计培训,网页设计培训,成就大学生就业的摇篮!

上一篇:UI设计,ps入门教程:一起来给扁平化按钮加细节!

下一篇:蓝桥软件学院--ps入门课程