46

超实用!UI设计规范完全制作指南

 5 years ago
source link: https://www.uisdc.com/make-ui-design-guideline?amp%3Butm_medium=referral
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

YRbUfmE.jpg!web

文章从建立设计规范的原因、设计规范的适用范围,以及设计规范的制作流程,全方位解答UI设计规范的问题。

AZR7Vrq.jpg!web

J7b2Uzz.jpg!web

AzEJNny.jpg!web

yA3i6rQ.jpg!web

bqqY7zQ.jpg!web

ni2QbuQ.jpg!web

6jeqEny.jpg!web

这篇的基础部分我做的比较详细,组件部分写的有些概括,主要是因为组件部分不是通用的,要根据自己的稿子进行整理和归纳,归纳好之后做好标注和规范说明即可,这部分是一个罗列的内容,所以就不必展开了。

当然还有很多内容没有展开说,比如在Sketch 里面把KIT 制作成Libraries 统一使用,但是我想作为一篇设计规范入门教程目前应该足够了,这篇文章高度现在有3W像素,实在有些长了,更多的内容我在后续幵新文去补充吧。

进阶教程: 《实用全面!教你用Sketch Libraries构建组件库/设计体系》

欢迎关注作者的微信公众号:「白鹭漫谈」

qENFjyq.jpg!web

mUveimr.jpg!web


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK