发表于： 2019-01-07 21:04:27
1 1239
今日做的事情：
做编程王
明日要做的事情：
做编程王
遇到的问题：
暂无
收获：
一、基础规范
1.绘制原型图的尺寸
考虑到绘制与查看原型图的便利性，以及大部分产品与开发人员使用小屏幕笔记本，当前原型图的尺寸一般采用375*670px，
相当于iPhone 6s屏幕尺寸的一半，以iOS系统为主，安卓系统个别页面单独做图说明。
2.原型图常用组件尺寸
指经常使用的通用组件，如状态栏、顶部导航栏、底部导航栏等，这里由于最大宽度已经确定都是375px，因此关注的是各通用组件高度。
状态栏可以设置为母版高度是20px，顶部导航栏高度44px，底部tab导航栏高度49px。
3.对齐
页面中的模块或元素不能随意放置，要保持对齐性，这样呈现出的效果才规整有序。
4.亲密关联
也就是我们经常提到的“格式塔原理”的演变，是指内容属性可以划归为一组的，在位置布局上距离相近，不同属性内容之间的距离相对远一些。
5.对比和重复
页面不同元素之间要有对比效果，目的是更清晰的组织信息、使层级关系明了，能够引导用户浏览并且制造焦点。
设计的某些元素可能在整个页面中多次出现。重复的元素可能是某个模块、一条分割线、某种粗字体、某类型图标标识等。
返回列表
评论