Codeages Design Web中后台设计规范

原创作品 分类: 网页设计 版权:
10715 131 58 3
更新于:2017-05-25
26.3
普通推荐

为什么要用Sketch制作设计规范?


1、Sketch专门为UI设计量身定做,所以制作UI相关组件的时候相当快速便捷。

2、Sketch的全局Style样式能够做到变化一处色彩,就能统一整套设计规范的色彩,这对于我们需要针对不同项目采用不同色彩的设计规范而言非常方便快捷。

3、Sketch的Symbol能够真正将设计元素“组件化”,通过在项目中快速调用组件大大提高设计效率,并且由于组件单位基本与前端组件和产品原型组件保持一致,所以能够大大提高产品设计、交互设计、UI设计、前端开发的协作效率,大幅度减少沟通成本。

4、结合Sketch Measure插件,能够快速将设计规范导出,不需要任何手动标注就能够让前端开发实时查看元素属性,非常方便。

5、除此之外,将Sketch与Flinto相结合,能够快速将设计稿变成轻量化的交互产出物,目前我也在等Craft插件即将推出的Prototype功能,能够让Sketch像Adobe XD一样直接在工具中进行部分交互处理。



制作设计规范需要注意什么?


1、偏向中后台的设计规范需要有组件化概念,合理采用Symbol功能,可以大大提高复用性,也让原型设计和前端组件化有参考标准。

2、所有图标设计在同样的盒模型中,保证图标尺寸的一致性(参考Material Design的Icon设计标准)。

3、设定文字大小层级,以及默认文字色值/半透明度。

4、除了Paragraph里的文字以外,其他文字行高(line-height)统一设定为1倍,避免设计过程中不断换算文字行高。

5、按照Web字重(font-weight)与设计软件中字重的比较,Normal约等于400字重,Bold约等于700字重。 通过调整Sketch中相关元素的Resizing属性,让Symbol的复用更为合理。


下载附件查看大图:)



请登录并验证邮箱后查看原图

benz

杭州拱墅招 UE,作品发邮箱 benzlee@yeah.net

3428粉丝/0关注

原创小生分享帝
Material Design 2018,更新内容总结Wedding website practice :)

benz

benz

杭州拱墅招 UE,作品发邮箱 benzlee@yeah.net

原创小生分享帝

扫描二维码
去手机端查看海报

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN