UI设计入门必学的五大知识点



UI设计入门必学的五大知识点,现在很热门的UI设计要学习的东西非常多,是一个复合型人才,并且他所需要掌握的东西还在逐步增加中,所以请大家一定奥时刻牢记学习,不要妄想啃老本。下面小编给刚入门的宝贝们准备了一些入门干货,请大家最好收藏之后多看看~

一、拟物化和扁平化

在UI设计领域里,设计风格主要分为两个“拟物化”和“扁平化“。“拟物化”也叫“拟真化”,其以iOS(6之前版本)和安卓阵营的锤子为代表。它的显著优点是,细节多、有光影、有质感,很大程度上模拟了现实生活中的物品形状、材质、光影效果。扁平化则是以安卓5.0以及若干国产手机ROM为代表,它强调简单、抽象、符号化,去掉了装饰性设计元素,没有明显质感,弱化光影,最核心的设计方法是几何形状和复色方案。Google在安卓5.0上使用了全新的Material Design设计,让安卓有了跟苹果一样鲜明的、系统化的设计语言。关于两者的好坏,一直没有定论,我认为设计本身没有好坏,只有是否合适。


二、原色,补色,复色

原色有三种,包括红色,绿色,蓝色,原色的RGB通道其中两个为0。补色是由两种等量原色组成的叫做补色,也叫做互补色,补色加上另一种原色会呈现白色。由三种原色组成的颜色叫做复色,一般而言复色相对于原色和补色的饱和度要低。复色的视觉感官上相对于前两者没有那么鲜艳,亮度相对高的复色更加讨好人的眼球,我们看到的颜色大部分属于复色。

UI 设计相对于平面设计而言,我们并不需要给用户十分鲜艳抢眼的颜色,这样可能会在长时间使用的过程中产生视觉疲劳,我们更需要的是,给用户一个视觉上相对讨人喜欢,并且能在长时间的使用过程中不会轻易产生视觉疲劳,或者延缓视觉疲劳的产生。复色的饱和度相对低,并且复色通过不同的颜色组合,千变万化,给设计的发挥空间很大。复色方案也是扁平化设计的一个精髓。


三、名词解释和单位换算

几乎每个UI设计师都被这类问题坑过,所以现在先给刚入门的你们普及一下,一定要记好哦~

1.PPI:
Pixels per Inch,中文为“像素每英寸”,也有很多人直接叫“像素密度”,意思就是在设备的1英寸物理长度上可以显示的独立物理像素。但是需要注意的是,这个是一般情况下我们在手机厂商对手机参数标注的单位。


2.PX:
Pixel,中文全称”图像元素“,简称”像素“,为显示设备的显示单位,也是我们图像设计的基本单位。我们设计的图像上的1个像素点,在显示设备上占用一个RGB显示单元。


3.PT:
Point,中文翻译应该为”点“,这个 pt 并非平面印刷的”磅“单位,而是和 dp、sp一样,是一个相对单位,无关设备物理尺寸。

4.DP:
Device Independent Pixels,中文全称”设备独立像素“(也可译为”设备无关像素“,单词Independent有独立自主或者不相关的意思),也简称 dip。正如其英文字面意思一样,它是一个“无关设备物理尺寸的单位”。

5.SP:
Scaled Pixels,中文全称“可放缩像素”,这个单位的换算方式完全跟 dp 一样,这个单位跟 dp 最大的区别是,它一般用于文字的字号或者与文字相关的地方。


四、UI设计的几大原则

UI设计有一些行内默认规则,比如我们下面会介绍到的KISS,UCD原则。

KISS原则是英文“Keep it simple , stupid!”的简写,也就是教你“一切从简”。

KISS 的原则旨在用最简单的设计去达到目的。没有任何多余的装饰,也没有任何多余的步骤,用最简单的方式和最短的操作路径完成目标,这就是 KISSS 原则。

UCD原则是英文“User-centered Design”的缩写,是想表达以用户为中心来做设计。UI设计的最终目的一定是得到大多数用户的认可,为用户提供最合理最好用的设计,好用远比好看重要。好看只是锦上添花,好用才是最终目的。


五、设计的尺寸规范

我们手机显示内容的时候并非用像素为单位去显示呈现内容,所以我们设计的时候就应该以 pt、dp 这样的单位去设计。但是随之而来的问题是,设计软件里面的单位一般有 mm、inch、px 这类具体的单位,UI 设计显然不会使用 mm 这类的单位,我们选用的是 px,所以在设计之前我们需要找一个方便pt、dp 与 px 进行换算的尺寸。

不过其实我们如果对单位换算和规范足够熟悉的话,我们使用什么尺寸去设计都是没有问题的,如果你是使用 Sketch 的话,你可以输出任意尺寸的资源。


最后敬业的小编还是想告诉大家,这是一个不断更新的行业,也是为什么调查显示这个行业年轻人所占比例百分之八十以上。这是一个美好的职业,希望各位好好珍惜,努力干点名堂出来。

 

北大青鸟网上报名
北大青鸟招生简章