您现在的位置是: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。
 
   交互样式:点击效果。
 
   组件库:元素层:按钮
 
   组件层:可直接复用

站点信息

  • 干货分享452篇文章
  • 导航地图网站地图
  • 微信公众号:扫描关注我们,领取更多学习资料