全部新闻提供最新行业动态,分享前沿设计理念
APP设计规范之一稿走天下
时间:2024-09-12 来源:朝夕友人 点击:

【摘要】目前市面上 iOS 与 android 存在大量的机型,然后但并非所有开发团队都有足够的时间和人力成本去搭建两个平台设计团队,为了提高开发的效率和节约开发的成本,在很多的公司都会选择用一套设计稿去适配两个平台。所以,对于一些设计新人说,熟练的掌握一套设计规范并能融汇贯通是必备的要求,在UI设计的过程中,能够释放你更多的精力。

【 作者】Molly

设计规范的方向

制定设计规范,不仅能够让产品在不同的平台统一适配,也能让多个设计师合作的团队更好的理解设计规则,提高协作能力。每一个大厂基本上都有一套自己的完整规范体系,设计师在制定设计规范的时候,可以参考大平台规范体系,但是不要满目的照搬。设计师需要针对产品和公司的情况,整理出适合自己的规范内容,能有效地避免规范内容缺失,也能发挥出规范应有的作用。

制定设计规范,我们可以从下面几个基本的方向入手:

01.色彩规范

作为UI设计中非常重要的一个元素,颜色的运用与搭配决定页面的质感。在界面的风格确定之后,需要统一界面用色的规范。设计需要将不同的颜色罗列出来,在设计的时候,可以围绕这些颜色进行设计。在 UI 设计中,颜色的使用规范主要在于:品牌主色、文本颜色、界面颜色(背景色、线框色)等。

02.字体规范

iOS苹果的默认中文字体:苹方简;英文、数字用San Francisco Pro,

Android系统当中中文字体:Noto(思源黑体字体),也是目前安卓系统当中使用的最新字,字体设计也比较优雅。英文字体:Roboto

a:字重

常规体——Regular

中黑体——Medium

b:字间距

文字的字间距保持默认为0;多行文字的行间距通常为字号的1.2~1.5倍,注意呼吸感

03.图标规范

1. 犀利清晰,粗细一致;

UI在设计图标的时候,保证图标细节,不出现虚像素,是作为UI的一项基本功。

2.类型、风格统一;

在绘制图标的过程中,同一套图标,要把面性、线性,线面三种风格的图标要区分开,不能混合在一起使用,确保图标粗细大小统一,给用户的第一感觉,是均衡和谐的,不至于一眼看上去,就很违和。

3.透视效果和阴影方向一致;

对于立体图标设计,同一套图标,设计师需要确认好投影的方向或者透视的角度。

4、圆角统一

同一个项目的圆角,设计师在绘制的时候,需要把握好细节。如有图标的风格是带圆角的,那每个icon的圆角要保持一致.

5、大小统一

我们所说的大小统一,不是物理上的绝对统一,而是视觉大小的统一。图形的面积越大,在尺寸相等的情况下,视觉感受会更大。图标绘制时,我们将面积小的图形尺寸增大一些,这样图形才能达到视觉

如果您也有此需求,欢迎咨询我们立即咨询