零基础入门学习UI的话,建议先了解什么是UI设计

过去,很多人对UI的理解是平面设计,也就是画图的艺术家。在互联网不断发展的今天,UI设计不再局限于某个领域。

在移动应用产品设计、游戏软件、多媒体制作、广告设计、工业设计及医疗、军事、科技、交通、通讯、商业流通等各个行业都有广阔的发展空间。

相比之下,学习 UI 设计的人数正在增加。不过,不同于美术师只需要会画,UI更多的是考验设计师对用户心理的探索和把握。

如果你想从零基础开始学习UI,建议先了解什么是UI设计? UI设计需要学习哪些软件?这样你可以更好地发展你的勤工俭学!

UI设计需要学习什么软件

分别有PS、AI、AE、ARP、思维导图等软件

Adobe Photoshop CC Adob​​e Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。在UI设计中,PS的使用率高达90%以上,作为一名合格的UI设计师。 PS一定要掌握。 PS可以在UI设计中画出界面设计、图标设计等。

Adobe Illustrator CC 2018Adobe Illustrator 是一款行业标准的矢量插图软件 AI,应用于出版、多媒体和在线图像。可用于平面设计、网页设计、UI设计等设计工作。 AI在UI设计中的使用率也很高,主要可以用来绘制图标、界面等设计。

Adobe After Effects CC 2018Adobe After Effects简称“AE”是Adobe推出的一款图形视频处理软件,适用于从事设计和视频特效的机构,包括电视台、动画制作公司、个人后期制作工作室和多媒体工作室。在UI设计中,PS主要用于制作交互动画。

Axure RP Pro 8.0Axure RP 是一款专业的快速原型制作工具。 Axure(发音:Ack-sure),代表美国Axure公司; RP是Rapid Prototyping(快速原型)的缩写。 Axure RP的用户主要包括业务分析师、信息架构师、可用性专家、产品经理、IT顾问、用户体验设计师、交互设计师、界面设计师等。此外,架构师和程序开发工程师也在使用Axure。在UI设计中,ARP主要用于制作交互原型。

Mindjet MindManager简称思维导图MindManager,中文商标翻译为C,俗称“脑图”,也称“思维导图”,是一款用于创作、管理和交流思想的通用标准绘图软件,由美国Mindjet公司开发,界面可视化,具有直观、友好的用户界面和丰富的功能。主要用于组织UI设计中的交互逻辑思维层。

在简单了解了UI设计常用的软件之后,我们开始今天的教程:如何快速设计三种风格的统一系统图标?图标是决定应用风格的重要元素。要设计一个复杂的应用程序,请成为一个复杂的设计师。掌握如何设计一套风格统一的图标是基本要求。

APP中有多种图标,最常见的有:人脸图标、线条图标、扁线图标。文章主要讲这三种图标。图标的形式没有绝对的对错,只要适合当下,就是最好的。设计圈有点像时尚界,有一些重复,时而复古,时而摩登……

一.人脸图标

人脸图标具有较大的视觉比例和强烈的视觉表现力,通常用于应用程序的主入口。那么如何统一人脸图标的样式呢?

在APP界面中游戏图标制作教程,人脸图标的使用通常有两种方式:正常和反转。

1.正式

上图是表面图标的正面使用。要统一风格,要注意: a.曲面面积 B.负形状的面积 c.线条的统一 D.形状的统一。可以从造型的形状和圆角统一起来

示例中的图标在曲面形状上也是统一的,都使用圆形进行布尔运算。当需要绘制大量功能图标时,这种统一并不是必要条件。如果满足以上三个条件,基本上就可以做出一套风格统一的人脸图标了。

2.高亮

上图是人脸图标的反向使用。使用反转图标时,除了正常图标的三点注意外,还要注意图标与后面板的大小比例。比例没有严格规定,但建议使用0.618黄金比例。

请注意以下几点: b. 表面面积负形面积 c.线的统一 D.形状统一。例如:圆角统一 e.篮板和图标的比例

二.线条图标

线性图标重量轻,减少视觉干扰,让用户专注于产品的核心功能。

线条图标也有两种使用方式:常规和倒置。不建议反向使用线条图标游戏图标制作教程,因为从设计逻辑上看,背板和线条图标的组合是矛盾的。

正式

上图中的线条图标需要统一在以下几点:线的形状 B.封闭区域的大小 C.线的粗细 D.行的断点

三.扁平描边图标

扁线图标实际上是曲面和线形的组合。起初,这种设计形式主要用于高复杂度的插图。后来逐渐应用于标签栏和首页的功能入口。与纯脸纯线相比,这类icon风格鲜明,个性化程度更强。有个APP叫“想去”,它的分类图标用的是扁线图标,有兴趣的同学可以看看。

扁线图标,风格统一,除了注意线图标的设计,还要注意着色区域的大小。

一个。线的形状 B.线的粗细 C.行的断点 d.填充区域的大小和颜色

已经解释了基础知识。掌握了统一图标风格的基本方法后,就可以开始创新,打造具有自己APP特色的图标了。图标设计有专业的参考网格。按照参考网格进行设计可以在很大程度上使图标大小更加统一,但最重要的是视觉上的统一性。参考网格是辅助设计的工具,不要被它限制。 UI设计就是这样,不仅要融合理论知识,还要理论联系实际,才能更好的成长!