威龙发艺发型设计价格联盟

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

UI设计院2018-06-19 15:42:07

据说点击上方蓝字关注UI设计院”的人

都会成为一名月薪上万的UI设计师哦



1
one

什么是UI设计?


《百度百科》中对UI设计作了这样的定义:“UI即User Interface(用户界面)的简称,UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。”


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

我们一般所说的UI设计多指UI视觉设计,主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展,纯视觉的工作已经开始日益减少,行业要求UI设计师也要懂点交互设计和产品方面的知识,即懂用户体验设计(User experience),国内称UE,国外叫UX(全栈设计师甚至要懂代码)。UI设计最后产出物是高保真视觉稿+页面标注+切图。

出于成本考虑,有的中小型公司和初创型公司也会让UI设计师负责一些平面类的设计,如:海报、宣传册、LOGO等。所以,UI设计师如果会平面设计或手绘则是加分项,但不是必须项,不会也不用担心。

在设计师领域:

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





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





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


2
one

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

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

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



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



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



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



3
one

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


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

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

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

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

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

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

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

UI要掌握的知识技能确实很多,但是你要是把顺序搞错了,你将浪费很多时间,走很多弯路。

先从网页设计开始,同时学习平面设计的基础(三大构成,排版配色等)。然后再过度到APP,这样你会相对容易很多。

图标之类的平时也需要多画画,特别是布尔运算要熟练掌握。图标这些可以让你对软件操作更加熟练,对图形的把握更加准确。能够根据产品的特点自己绘制一套符合产品个性的原创小图标。

审美必须长期去培养,做的东西丑,主要是审美差,多看看优质的设计案例,多整理个人素材库,看到好设计及时收藏归类。审美提升这个过程是比较漫长的,只能多看、多分析。累积到达一定程度,会豁然开朗,立马开窍的。

界面设计是最重要、也是最难掌握的。需要多花心思去分析需求,提炼信息,合理的布局排版,遵循交互逻辑,避免犯错。

banner设计要加强练习,保证信息传递准确的前提下,提升设计形式感,包括文字的变形组合,色彩的搭配,背景氛围的烘托。这是设计师日常工作中非常重要的一部分。

当你能轻松的设计出合格的界面了,接下来再搞搞AE小动画,Axure原型等等。记住,一定要抓重点,界面设计是最核心的。

你一定要做出拿的出手的成套的作品,并且要对自己做的东西有一个深刻的理解,要说的上来为什么要这样去设计。



UI设计院


喜欢我就请长按二维码关注我


设计电影|娱乐|生活搞笑

-----------------------------

微信公众号ID:UISJ520




友情链接