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

所属分类: 平面设计 / 平面其它 阅读数: 1179
收藏 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设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多