提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
为什么要用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的复用更为合理。
下载附件查看大图:)
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册