更多课程 选择中心


UI培训

400-111-8989

设计小白要知道的UI设计规范流程

  • 发布:UI培训
  • 来源:UI教程
  • 时间:2022-04-28 16:31

设计小白要知道的UI设计规范流程。在UI设计的过程中,设计规范是一个关键步骤。今天达内UI设计为大家分享一篇文章,文章整理了设计规范中的分类情况,UI设计规范有几大分类组成,分别是:尺寸、标准色、字号、段落设置、图标、图片、间距、圆角值、大小、阴影、组件等。

1、设计图尺寸

虽说现在大多数人都是以750 (@2x) 为设计稿, 但是也还是有人720 (@2x) 的尺寸, 或是375 (@1x) 的尺寸, 所以设计之初要定一个统一的设计尺寸, 特别是多个设计师合作的时候, 千万不要想当然的以为别人都和你一样。

设计小白要知道的UI设计规范流程

2、标准色

颜色是设计中比较重要的部分。细节决定品质,所以对颜色的运用格外细致,颜色的搭配直接决定产品的品质感。包括基础标准色(主色)、基础文字色, 还应该包括全局标准色(背景色、分割线色值等)这些都需要标好色值以及使用的场景。

3、字体

字体是设计中必不可少的考虑因素,不同的字体气质不一样,并且不同场景下带给人的感受也不一样。所以需要在设计的时候考虑到字体的设计效果,然后在设计规范中注明。在定义字体名称的同时也定义了字体的风格,并且添加了不同字体风格的预览效果。

4、段落设置

在实际的产品设计中,段落有很多种样式,不同场景下的段落要求也不一样。像阅读内容的段落要求文本可阅读性强,所以对字体、字号、颜色、行间距等要求简单易读。而带有装饰性的段落文本则不需要那么严谨,装饰性强就可以。

5、图片

图片包括 APP 内出现的所有图, 一般情况下都是产品图和头像, 但是需要注意的是在制定规范之前, 要先把图片比例定好, 常见的比例有 1:1、2:1、4:3、16:9 等等,也是属于设计规范重要的部分之一,按照用途分类整理图片资源,设计风格系统化。

【免责声明】本文部分系转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与联系我们,我们会予以更改或删除相关文章,以保证您的权益!

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:UI设计免费自学教程分享
下一篇:在UI设计中,如何让你的UI设计更有个性?

PS教程之使用PS快速做长图

在UI设计中,如何让你的UI设计更有个性?

UI设计免费自学教程分享

达内教育面向全国用户提供免费课程!(文中申请)

  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

  • 视频学习QQ群

    添加QQ群:1143617948

    免费领取达内课程视频学习资料

Copyright © 2021 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
贵州省

广西省

海南省