您现在的位置是:ui设计学习网 > 零基础学ui > 零基础学ui
普通中小设计团队如何快速制作有效的UI设计规范
2021-01-21 17:56零基础学ui 人已围观
简介规范制作:(举例子说明下 ) 这里主要以一个iOS设计稿为主,涉及到安卓的话,如果要精准,也时需要2份设计稿和2份设计规范 这是一个Sketch制作的设计稿。 我会简单做一个设定 视觉规...
规范制作:(举例子说明下 )
这里主要以一个iOS设计稿为主,涉及到安卓的话,如果要精准,也时需要2份设计稿和2份设计规范
这是一个Sketch制作的设计稿。
我会简单做一个设定
视觉规范:
颜色:界面用色/背景用色/文字用色/线条用色
字号:标题字/正文字/辅助字
行高
间距
有小伙伴有疑问了,上面的色值那个c1/c2的代号是什么意思?
这个代号主要是为了方便前端开发人员建立UI库,比如,我们设计稿一个间距是20px,可能在开发眼里的20px和他所计算的单位不在一个频道。如果以J2来代号来表达一个间距值,那么不管双方是什么单位,但是至少这个间距大小呈现出来是一致的。当开发问设计人员某个地方间距是多少,你可以直接告诉他是J2,那么开发就会知道,哦,是20dp。
交互样式:点击效果。
组件库:元素层:按钮
组件层:可直接复用
这里主要以一个iOS设计稿为主,涉及到安卓的话,如果要精准,也时需要2份设计稿和2份设计规范
这是一个Sketch制作的设计稿。
我会简单做一个设定
视觉规范:
颜色:界面用色/背景用色/文字用色/线条用色
字号:标题字/正文字/辅助字
行高
间距
有小伙伴有疑问了,上面的色值那个c1/c2的代号是什么意思?
这个代号主要是为了方便前端开发人员建立UI库,比如,我们设计稿一个间距是20px,可能在开发眼里的20px和他所计算的单位不在一个频道。如果以J2来代号来表达一个间距值,那么不管双方是什么单位,但是至少这个间距大小呈现出来是一致的。当开发问设计人员某个地方间距是多少,你可以直接告诉他是J2,那么开发就会知道,哦,是20dp。
交互样式:点击效果。
组件库:元素层:按钮
组件层:可直接复用
下一篇:那种人群适合学ui设计?