UI设计同类干货教程在应用市场搜:“职星”,下App观看学习。

首先,什么是UI设计?

用户界面(Userinterface) ,用户界面是一个比较广泛的概念,指人和机器互动过程中的界面,以手机为例,手机上的界面都属于用户界面。我们通过这个界面向手机发出指令,手机根据指令产生相应的反馈。设计这套界面视觉的人称呼为UI设计师。

在设计师领域,在PC端从事网页设计,我们称呼WUI(Web User Interface)设计师或者网页设计师。PC端UI设计,也就是电脑用户,界面指的就是电脑上的操作界面。像电脑版的QQ,微信,PS等软件和网页的一些按钮图标等,都属于PC端UI设计。

在移动端,从事移动设计的称呼为GUI(Graphics User Interface)设计师,因为移动端会有大量图形用户界面设计。也就是说手机上的所有界面都是移动端UI设计。比如微信聊天界面,QQ聊天界面,手机桌面,手机上看到的所有图标界面点了后会有反应都可以理解成移动端UI设计。

在公司中,人们并不会很清楚的区分这两种职能,都统称为UI设计师。因为他们产出的都是界面,都需要对产品的界面视觉负责。

还有游戏UI,和其它UI ,比如像VR界面、AR界面、ATM界面、一些智能设备的界面,比如智能电视、车载系统等等,用户较少,但又需要,未来有可能很火,有可能保持现状。

学习UI设计需要学习哪些软件?

软件的掌握是一种硬技能,不管我们有多好的想法,都需要好的软件掌握来实现。我们需要掌握软件的基础操作,例如Photoshop中的形状工具、钢笔工具、文字工具、图层样式 。也需要了解曲线、色阶这部分图像调整功能。下面介绍一些在UI设计中常见的软件。

Photoshop:是一款老牌像素处理软件。主要处理以像素所构成的数字图像。在图像、图形、文字、视频、出版等各方面都有涉及。各种设计行业图形处理都会用到Photoshop,可以满足UI界面设计的日常需要。

Illustrator :是矢量软件,广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等。在处理一些及其复杂的图形路径时候,可以考虑使用Illustrator ,也有设计师所有的图标在Illustrator 中完成,然后连接嵌入到Photoshop。

After Effects:现在扁平化设计成为主流,所以动效设计成为不可或缺的一部分。可通过这个软件设计动效平滑切换界面。

Axure RP:是一个专业的快速原型设计工具。让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

学习UI设计需要构建哪些知识体系?

首先我们要知道在实际工作中“UI设计师主要是做什么事儿?”

APP界面设计(IOS和安卓)、网页设计、banner设计、H5界面,这些都必须熟练掌握,也都是重中之重。

经过对设计知识的重新梳理,我将所需要掌握的基本设计技能归纳为以下几点:

色彩:需要理解色彩的基本原理以及配色方法。色彩很难把控,因为它很容易被过度使用。如果,你还是一个初学者,那么尽可能使用柔和的色彩,仅在需要强调的地方使用更醒目的色彩。

字体与排版:文字往往占据整个设计内容超过80%的区域,所以理解如何使用正确的字体和排版方式非常重要。请将内容的清晰易读作为你定义字体和做排版的首要目标。

动效:动效能够显着增强一个应用的用户体验。他们能使你的应用更有生气和迷人,前提是你所设计的动效快速、流畅,并且是符合用户预期的。

图标:优秀的图标往往与我们每天见到的事物紧密关联,比如 相机、垃圾桶、云等等,能让人一眼就识别出它所代表的功能。因此,使用那些具有良好辨识度的图标,避免让用户产生混淆。

好了,UI设计小白应知应会的入门知识就介绍到这里了,想要获取更多UI设计干货,敬请关注职星App!