很多朋友对UI设计感兴趣,却对它一直一知半解。这篇文章将简单介绍UI设计是什么,作为设计师该学些什么,希望对大家有所帮助。
一、UI设计?
UI设计到底是啥
UI的中文名是用户界面(User interface),百度百科上讲,UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点,我们现在使用的大多数设备界面都是图形用户界面,即 GUI(Graphical user interface)。我们通过这些可视化的图形界面来理解计算机,进行工作。
一句话概括:UI是架接机器与人沟通的桥梁
大家接触UI这个名词是最近几年的事情,但是你知道吗,UI设计在设计行业一直存在,从最初我们用的电子产品、软件再到网站的建设,这些都是UI范畴,我们现在使用的电脑显示屏里的东西也都是UI。可以这么说,自从有了设计这个行业,UI这个名词其实就已经出现了。
那么,为什么到最近几年这个名词才被大家熟悉和这么火呢?因为越来越多的企业意识到设计的重要性和用户使用感受的对产品的影响了,也就是用户体验。
说到用户体验,不得不提一个人,那就是乔布斯老爷子。我个人觉得是他把用户体验做到了极致,暂且不说他之后的Iphone设计的如何,不能否认,苹果的产品在设计行业依然成为了标杆。
即使是最初的苹果 MAC OS图形界面也只有两种颜色,苹果设备通过对深度,纹理,按钮和图标的控制,来模仿现实生活中的物体。界面的美观很大程度上受制于技术,而不是设计师。
随着技术的发展,设计师们在界面的视觉设计上获得更大的自由。苹果在发布的Mac OS X界面中运用了有光泽的塑料气泡样式,拉丝铝和逼真的图标。随着时间的推移,操作系统的视觉样式愈发增强。微软在Windows系统中预置有光泽透明玻璃般的主题,而苹果公司在桌面和移动系统中采用更加材质感和拟物化设计,如日历应用程序中的皮革纹理,并在其电子书阅读器中使用逼真的翻页效果。
说到这里大家应该能够明白,所谓UI不单单是设计视觉界面这么简单,它还包括了用户的使用感受(用户体验)以及使用时的交互方式(交互设计),所以UI设计师的首要任务,就是 设计一个个图形界面,确保人们能够清晰、高效的使用软件。
关于平台
PC端 、移动端和TV端
就现在的趋势而言,移动端的UI设计无疑是最热门,但是我们更建议选择自己感兴趣的平台,因为你的兴趣会让你更快乐的做设计,才会爱上自己的工作,才会充满热情创造更多。
然后你会渐渐发现视觉设计和平台差异的问题并非最难的,更重要的是通过设计解决用户的问题,发挥软件的效用。你会渐渐地理解用户体验,考虑商业需求,了解技术难点,并从整个服务全局开始思考问题。
到那时,对你来说平台真的不是问题。
交互设计
在图形界面产生之前,长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计操作流程,树状结构,软件的结构与操作规范(spec)等。一个产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。
UI 设计师也应该掌握交互设计方面的知识,或者直白地说就是一定要了解产品结构和交互逻辑。因为只有这样才能做出合理的界面设计。
交互设计师可不是简单的画线框仔。他们的产处物有竞品分析文档、用户反馈文档、流程图、设计草图、设计原型等等,工作内容可丰富着。
在实际工作中,我强烈建议UI 设计师在产品设计前期就加入讨论。这样能减少交互设计师或产品经理和 UI 设计师交接的沟通成本和理解误差,以保证软件界面和项目组成员的预期相符。
反之,如果在项目前期,设计师没有任何参与,而是接到需求后才开始工作,那就很难摆脱「以需求文档为设计依据」的尴尬局面了。并且通常这样的流程会导致不停的沟通与改图……
所以 UI 设计师也应该善于沟通,理解人机交互,不为需求文档设计。
二、学习
多方位了解,一方面专精
我非常鼓励大家学习多方面的知识,而不是视觉就只盯着视觉,交互就只盯着交互。可以在跨学科的学习中慢慢树立自己的专业方向,然后目标成为「T 型」设计师,拥有知识面的广度和专业知识的深度。
献上干货,成为「T 型」UI 设计师可能需要的知识点,希望能帮助入门或困惑中的朋友。
送上设计师 Andrei Herasimchuk 访谈的一段话
“在你人生的某一个阶段,你会发现你有了擅长的地方,那些地方你不用花太多功夫就能够做得不错。有些人就擅长画画,有些人擅长数学。在工作上也是一样的,你需要去发现你擅长做什么。
但是,请记住,你不需要花费太多精力做这些,因为你很擅长这些。你应该努力花精力时间在你不那么擅长的事情上。
这是我的建议:花时间在不擅长的东西上。而且现在跨学科的东西越来越多,于是你很需要知道哪部分你是擅长的,然后强迫自己去练习不擅长的部分。哪怕仅是平面设计,有字体的部分、色彩理论的部分、空间和排版、情感联系的部分;而软件交互设计,有交互的部分、行为的部分、用户研究、编程的部分等等。任何一种设计都有各种各样需要学习的内容,这也是为什么设计学习是一生的过程。所以,需要对自己诚实:OK,这部分已经做得不错了,我会继续练习,但是我会把精力减少很多,用来做其他那些做得不那么好的事。不要成为一个只有一个维度的人。”
智库灯塔(www.dengta360.net)是国内最专业的UI设计培训机构,由乐视网的产品总监、百度用户体验UI设计主管以及腾讯设计主管联合创办,授课讲师均出身于互联网,师资力量强大;同时具备给各大企业培训的经验,无论实践经验或授课经历都很棒。
【系统课程让你从0到1】零基础入门,先入行了解互联网的部门结构、学习设计的基础技能、移动app案例讲解,通过手绘基础,配色运用等课程开始,并逐步进阶到设计,课程包括动效设计,用户界面设计,VI设计,专题自体设计等,最后通过实战项目巩固所学。
【国际化讲师团队】由多位来自互联网行业的资深产品总监、设计总监组成的强大师资团队,更有外教高级UI设计师一对一指导,真实环境的项目实战,每天都是干货的传授与分享(交互,体验,易用性),等于在大公司由一位资深leader手把手带你成长,这对未来胜任工作大有益处。
【终身就业推荐指导】课程结束后进行免费就业指导,包括模拟面试以及面试注意事项的建议,同时,学校与千家企业签订人才输送计划,终身免费推荐就业,毕业薪资8K起,学校定期举办招聘会,到场企业包括乐视等名企。
智库灯塔高压的UI设计课程,从零基础到入门,乃至入行,课程费用在业界来说,算得上可承受范围内的,所谓一分付出十分收获!零学费入学也确实可以减少学生的经济压力,同时智库灯塔与千家企业签订人才输送计划,软性资源是其他家花钱买得到的,定期举办招聘会,课程结束后提供就业指导,帮助学生能够找到更好的工作,性价比相对较高。
智库灯塔更是推出零学费入学及免费试听,先就业后交学费,减轻学生经济压力,让学生能够能专心完成学业。
最后,推荐一些UI设计学习相关的内容给大家,希望能帮到准备入行的你
【从新人到大牛的交互设计完全修炼手册】
菜鸟入门必读好文!
《网易美女设计主管!交互设计菜鸟如何入门?》
阿里资深设计师手把手带你认识交互设计!
《交互设计那些事儿(一)》
《交互设计那些事儿(二)》
多位资深前辈经验合集!交互设计师自学指南!
《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
优设网 http://www.uisdc.com/
学UI网 http://www.xueui.cn/design/app-screenshot
设计达人 http://www.shejidaren.com/
25学堂 http://www.25xt.com/
Pinterest http://www.pinterest.com/(国外)
花瓣 http://huaban.com/
Tumblr http://www.tumblr.com/(国外)
Pttrns http://pttrns.com/(国外)
Capptivate http://capptivate.co/(国外)
AppreciateUI http://www.appreciateui.com(国外)
Signa http://www.signa.li/(国外)
Materialup http://www.materialup.com/(国外)
iOSup http://www.ios.uplabs.io/(国外)
awwards http://www.awwwards.com/(国外)
Quora https://www.quora.com/
知乎 http://www.zhihu.com/
站酷 http://www.zcool.com.cn/
UI中国 http://www.ui.cn/
Dribbble https://dribbble.com/(国外)
Behance https://www.behance.net/(国外)
APP Design Served http://www.appdesignserved.co/(国外)
Medium https://medium.com/(国外)
UX Magazine http://uxmag.com/(国外)
UX Booth http://www.uxbooth.com(国外)
Android规范
https://github.com/1sters/material_design_zh_2
OS规范
https://isux.tencent.com/ios9-guideline-ch4.html
本文来源:不详 作者:佚名