赞助商
立即赞助

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

UI设计3年前 (2021)更新 流光
2.7K 0 0

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

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

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

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

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

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

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

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

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

当然还有很多容没有展开说,如在Sketch 里面把KIT 制作成Libraries 统一使,但是我想作为一篇设计规范入门程目前应该足够了,这篇章现在有3W像素,实在有些长了,更多的容我在后续幵补充。

阶教程:《实用全面!教用Sketch Libraries构建组件库/设体系》

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

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

数字化经济日益发达的现阶段,数字化产品作为线上触点,也就逐渐成为服务中的标配,它更像一个服务员通过屏幕与用户发生对话...
设计系统
在有一次面试的时候,我问候选人一个问题:你觉得你作为设计师,最擅长的是什么?候选人回答我说他最擅长的是移动端的设计。 ...
方法论
一、图标的定义 1. 什么是图标 图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。 2. ...
ICO
@孔雅轩LineVision :这篇文章渗透进页面中的每一个 Kit控件,深入的分析每一个控件所能带给用户的视觉以及心理感受。 ...
UI 设计
相信对于做UI的同学来说,设计规范大家肯定都很熟悉了,那什么是设计系统呢?在实际项目中又该如何快速做好一套设计系统?一...
设计系统
卡片式设计采用图像与文字说明相结合的方式将信息传达给受众,在有限的矩形空间中建立了无限的可能性。 时至今日,卡片式设...
UI 设计
Eugen Eşanu 编者按:小时候我们很多经验都是来自于寓言故事,故事总能帮你更好地理解一些事情和道理。关于设计,这个道理同...
Eugen Eşanu
越来越多的设计师和设计团队开始选择使用 Figma 来进行 UI 和产品设计了。 凭借着快速发展的社区和大量的第三方插件、服务以...
Figma