您所在的位置:首页  >   电脑教程首页  >  UI设计培训教程

移动端设计规范详解 让自己成为高级设计师

编辑:优优     发表时间:2017-07-01  共有人访问

由于工作的缘由,并且应一些学员的要求,我们的老师特别整理了一套APP的UI设计规范,里面包含了界面布局、颜色规范、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层等。

希望初学者学会自己设计一套APP设计规范,成为一名高级UI设计师,总之可参考的价值很高,大家可以自己完善吧。

博优小程序界面.jpg

界面设计.jpg

文字规范.jpg

颜色用量.jpg

App顶部导航栏.jpg

APP顶部标签栏.jpg

APP底部标签栏.jpg

APP底部工具栏.jpg

APP控件规范.jpg

APP弹出浮层.jpg

按钮规范.jpg

图标规范.jpg

图标汇总2.jpg

图片规范.jpg


IOS和Android的设计规范就属于给产品经理看的,里面写的内容大多围绕如何选择好的设计方向、哪种处理方式更加合理化,界面细节等详细介绍。

这种规范适合用来做路演,内容不多,界面醒目,令人容易接受,而且还有很多创新的功能。依照此种作为设计的参考,它不仅告诉你如何才能达到理念中所勾勒的那个目标,图标、尺寸、颜色、字体……等。

但这种规范也有不足之处,一是它缺乏针对具体场景的规范化,常常把功能上常用的界面内容都一一的呈现在屏幕中,然而却不能很好的从需求方面告诉具体的运用场景。

二是容易理想化,因为做这种规范的人通常是纯粹的设计师,所以里面很多设计想法未必有足够的可验证性,或是一些创意未必经得过实践的考验,例如用分辨率敏感的dp取代像素单位其实大部分情况下很难实现,总之,仁者见者,智者见智,能够在一套可行性一般的项目上运用此种规范,也不失为一件让人感觉到新鲜感的体验。


分享到:

用户登录

一个月内保持登录状态

还没有账号?点击注册忘记密码

第三方账号登录

用户注册

阅读并同意 用户注册协议

已注册账号!点击登录

用户注册协议