UI设计第一季:UI的发展史

所属分类: 平面设计 / 平面其它 阅读数: 1154
收藏 0 赞 0 分享

从今天开始,我会和大家的聊聊UI,聊的内容大多是从我的新书中节选的一些内容。

今天是第一篇,先来和大家聊聊UI的发展史吧。

前言

所谓UI设计,无非就是和界面打交道,但又不同于我们看到的那么简单。

我在设计行业摸爬滚打10余载,没有大的成绩,经验是我唯一能分享的东西,现在UI行业大火,有的没的都想要做一个APP出来玩玩。大环境的改变必然带动新的就业机会,设计师们纷纷想转行,投身UI设计的领域。但是我接触的更多的设计师却很迷茫,要么没有相关的经验,不知道该做什么,怎么转行。有些经验的呢,所在的团队,工作流程不正规,实际学到的东西又很少,阻碍了自己的发展。

UI设计师到底在做什么、该做什么、怎样才算合格的UI设计师?这正是本书想要跟大家聊的。我会尽量把我在实际工作中积累的实用经验分享给大家,目的是让UI初学者和新晋UI设计师能学以致用,在工作中不在迷茫。

1.1 UI发展史

UI这个名词大家都不陌生了,但是UI从何时起,又是为什么这么火的呢?

大家接触UI这个名词是最近几年的事情,但是你知道吗,UI设计在设计行业一直存在,从最初我们用的电子产品、软件再到网站的建设,这些都是UI范畴,我们现在使用的电脑显示屏里的东西也都是UI。可以这么说,自从有了设计这个行业,UI这个名词其实就已经出现了。

那么,为什么到最近几年这个名词才被大家熟悉和这么火呢?因为越来越多的企业意识到设计的重要性和用户使用感受的对产品的影响了,也就是用户体验。

说到用户体验,不得不提一个人,那就是乔布斯老爷子。我个人觉得是他把用户体验做到了极致,暂且不说他之后的Iphone设计的如何,不能否认,苹果的产品在设计行业依然成为了标杆。

即使是最初的苹果 MAC OS图形界面也只有两种颜色,苹果设备通过对深度,纹理,按钮和图标的控制,来模仿现实生活中的物体。界面的美观很大程度上受制于技术,而不是设计师。

c99a56cddfdd6ac7252ce606c7c3.jpg

随着技术的发展,设计师们在界面的视觉设计上获得更大的自由。苹果在发布的Mac OS X界面中运用了有光泽的塑料气泡样式,拉丝铝和逼真的图标。随着时间的推移,操作系统的视觉样式愈发增强。微软在Windows系统中预置有光泽透明玻璃般的主题,而苹果公司在桌面和移动系统中采用更加材质感和拟物化设计,如日历应用程序中的皮革纹理,并在其电子书阅读器中使用逼真的翻页效果。

715956cddfeb32f875520fb12ae2.jpg

说到这里大家应该能够明白,所谓UI不单单是设计视觉界面这么简单,它还包括了用户的使用感受(用户体验)以及使用时的交互方式(交互设计)

所以UI设计又分了3个方向,它主要是由UI 研究的3个因素决定的,其分别是研究工具,研究人与界面的关系,研究人。

研究界面-图形设计师(GUI)

国内目前大部分UI工作者都是从事这个行业。包括(网页设计,软件界面,移动端界面设计),每天工作做着各种界面设计。也有人称之为美工,但实际上不是单纯意义上的美术工人,而是产品的外形设计师。这些设计师大多是美术院校毕业的,其中大部分是有美术设计教育背景,例如工业外形设计,装潢设计,信息多媒体设计等。

45ac56cde0016ac7252ce6c0fe33.jpg

a4ce56cde00f32f875520f64a95c.jpg

59e956cde01e32f875520ff936e0.jpg

198b56cde02832f875520f9f06e0.jpg

研究人与界面的关系—交互设计师(IxD)

在图形界面产生之前,长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计操作流程,树状结构,软件的结构与操作规范(spec)等。一个产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。

交互设计师一般都是软件工程师背景居多。



研究人-用户体验师(UX/UE)

至于UE和UX,其实根本就是一回事,通常海外和国内的外企公司习惯用UX,因为老外都习惯全称User Experience,和简称UX。

任何的产品为了保证质量都需要测试,软件的编码需要测试,自然UI设计也需要被测试。这个测试和编码没有任何关系,主要是测试交互设计的合理性以及图形设计的美观性。这个职位很重要,如果没有这个职位,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来严重的风险性。

综上所述UI设计师就是:图形设计师、交互设计师和用户体验师。

了解了UI的来历,以及它的概念,对于之后的工作也是有帮助的,你可以根据自己的情况决定往哪个方向去发展。

1.2 UI必备技能

上面跟大家介绍了UI的发展历程以及它的概念和分类,那么,想成为一名合格的UI设计师,需要具备哪些技能呢?

首先,"工欲善其事,必须利其器",作为设计师,熟练的使用软件,这个是基础。那作为UI设计师需要会哪些软件呢?咱们先来看看现在市面上相关的软件都有哪些吧:

Photoshop,Illustrator,Sketch,Flash,Adobe After Effects,Fireworks,MindManager,Axure RP

166256cde04a32f875520fe072c3.jpg

这些是我能想到的比较常用的软件,至于其他的一些小软件或者辅助工具我就不说了。

大家看到这么多软件是不是发愁了呢?UI设计师用的软件可真多,这些都需要学吗?当然不是,我常对身边的初学者说的一句话就是:软件只是工具,它是帮助你实现设计想法的,而至于你使用哪种工具并不重要,只要它能做到。所以我建议,作为初学者,你会熟练使用PS、AI其中的一种就可以了。至于其他的工具,有条件的前期了解即可。不过,现在企业对于UI设计师的要求也是越来越高,建议你在熟练使用了PS或者AI之后,最好会使用AE(用来制作动效),还是Axure,这些后面的章节中会具体讲到。

其次,三大平台的设计规范,其实我个人觉得掌握了2个平台的规范即可,一个是Android,另一个就是IOS,这2大平台目前市场占有率是蛮高的,第三个就是微软的Windows Phone了。不过我接触的项目中,设计这个平台的还不算多。另外建议,智能电视、苹果Watch这些也要了解下。

第三,工作流程。无论从事哪个行业,在整个团队中,你必须要对你负责的项目流程熟悉。对于UI设计更是如此,一个款APP从客户需求提交,到竞品分析,再到交互、视觉,这其中要经过很多的流程,如果你不熟悉整个流程,势必会成为项目中的短板,同事间沟通不畅,最终导致延长整个产品上线的时间节点,导致成本的流失。

以上三点,我觉得最为一名UI设计新人来说,掌握了就已经足够胜任工作了。当然,想要继续提高要学的还是很多的。

更多精彩内容其他人还在看

年后求职必备!UI设计新人常见的7个简历制作要点

当你的简历写完以后,是不是能够在十秒钟内看完所有你认为重要的内容呢?就业专家认为,一般情况下,简历的长度以A4纸1页为限,简历越长,被认真阅读的可能性越小,下面小编就为大家介绍UI设计新人常见的7个简历制作要点,来看看吧
收藏 0 赞 0 分享

如何运用基础的色彩三要素?

说到色彩,优设一直在跟上潮流,比如2017年的潘通流行色,刚发布不久,优设就有了相关的介绍和运用方法,今天我教你如何运用基础的色彩三要素,有需要的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

真正的新用户引导应该怎么设计呢?

新用户引导(Onboarding)这个词本是人力资源领域的术语,不过现在已经被UI/UX领域借用过来,指的是帮助刚刚注册网站/APP的新用户熟悉产品到流畅使用的引导流程,今天的文章,我们来聊聊新用户引导的设计
收藏 0 赞 0 分享

学习方法和思维方式解析如何快速提升设计

做设计这个行业拥有天赋的人很少,大多都是通过有效的学习手段进行提升,盲目学习是不行的,这里就是要提到一个人是否有正确的学习方法了,有的人进步很快,有些人很慢。这里我分享一些自己的学习方法和经验,希望对你们有用
收藏 0 赞 0 分享

设计师容易忽视或处理不好的七大设计细节

我在刚刚做设计的头三年经常会犯各种各样的错误,有些错误现在稍不注意还是有可能会犯。下面小编就为大家介绍设计师容易忽视或处理不好的七大设计细节,来看看吧
收藏 0 赞 0 分享

平面设计师在面试期间的技巧全揭秘

对于设计师而言,作品就是最好的嘴巴!它会在你面试的时候去帮你诉说你的想法你的设计思路,还有你的设计风格!下面小编就为大家揭秘平面设计师在面试期间的技巧,一起来看看吧
收藏 0 赞 0 分享

如何设计一款字体标志?字体标识制作一些经验和见解

在标志设计中文字与图形元素总是紧密配合,只有恰当的字体与图形搭配时才能发挥最大的视觉效果。那么如何设计一款字体标志?下面小编就为大家分享字体标识制作过程中的一些经验和见解,来看看吧
收藏 0 赞 0 分享

3分钟出成品 零基础字体设计过程解析

今天小编为大家分享一个很不错的教程,只需3分钟即可出成品,即使是零基础,也能学会。推荐到脚本之家,有需要的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

实用:易拉宝设计的流程和思路

今天为大家分享易拉宝设计流程,教程真的很实用,介绍地很详细,非常值得大家学习,推荐到脚本之家,感兴趣的朋友可以参考本文,希望能从文中得到一些启发
收藏 0 赞 0 分享

字体性格:字型通过哪些变化影响到人的视觉感官

这篇教程是向脚本之家的朋友分享字型通过哪些变化影响到人的视觉感官教程,教程很实用,主要是向大家介绍字型基本气质,来看看吧
收藏 0 赞 0 分享
查看更多