入行必看!带你从头开始认识UI设计师(附自学技能表)

2015/09/26 42064

ui-designer-basic-knowledge-1

@洪涵滴滴:很多朋友对 UI 设计感兴趣,却对它一直一知半解。为此我希望分享些自己对设计的思考和在工作上的经验。这篇文章将简单介绍 UI 设计是什么,作为设计师该学些什么,还包含了我自己对学 UI 设计的一些看法,希望对大家有所帮助。

附自学人气好文:《超实用新手指南!零基础如何自学UI设计?》

一、UI 设计在设计什么?

UI 到底是啥?

先一句话概述:UI 是架接机器与人沟通的桥梁。

UI 的中文名是用户界面(User interface),而我们现在使用的大多数设备界面都是图形用户界面,即 GUI(Graphical user interface)。我们通过这些可视化的图形界面来理解计算机,进行工作。

但是最初的界面可不这么友好,那时的界面还是命令行界面,CLI(Command line interface)。计算机只是被政府或大型机构使用,在普通人眼中是完全不能理解的存在。

(命令行界面,Bourne shell interaction on Version 7 Unix)

而乔布斯一直渴望计算机能进入寻常百姓家。在 1979 年,他「命运般」地参观了施乐公司,然后做了一回搬运工……使得图形界面被应用在 Macintosh 上,还引入了鼠标。苹果电脑大肆宣传其创新的交互界面,Macintosh 的诞生开启了一个新的时代。而那时的界面设计也奠定了现在的计算机界面。你可以发现很多设计,过了几十年依旧被保留了下来。

(1984 年面世的 Mac OS System 1.0)

UI 设计师的首要任务,就是设计一个个图形界面,确保人们能够清晰、高效地使用软件。

另外,还有个近些年比较新的交互界面:自然用户界面,NUI(Natural user interface),感兴趣的朋友可以自己搜索了解更多。

关于平台

现在有这么多的系统,PC 端的、移动端的,还有 Web ,我到底该做哪一块的设计呢?

就现在趋势而言,移动端的 UI 设计无疑是最热门的。但我不会这么建议你,我更建议你选择自己最感兴趣的平台。首先是因为,自己的爱好所在才能令你快乐地做设计,才会爱上自己的工作,才会充满热情创造更多。

然后你会学到很多,你会渐渐发现视觉设计和平台差异的问题并非最难的,更重要的是通过设计解决用户的问题,发挥软件的效用。你会渐渐地理解用户体验,考虑商业需求,了解技术难点,并从整个服务全局开始思考问题。

到那时,对你来说平台真的不是问题。

交互设计

UI 设计师也应该学习交互设计方面的知识,或者直白地说就是一定要了解产品结构和交互逻辑。因为只有这样才能做出合理的界面设计。

交互设计师可不是简单的画线框仔。他们的产处物有竞品分析文档、用户反馈文档、流程图、设计草图、设计原型等等,工作内容可丰富着。

在实际工作中,我非常推荐 UI 设计师在产品设计前期就加入讨论。这样能减少交互设计师或产品经理和 UI 设计师交接的沟通成本和理解误差,以保证软件界面和项目组成员的预期相符。

反之,如果在项目前期,设计师没有任何参与,而是接到需求后才开始工作,那就很难摆脱「以需求文档为设计依据」的尴尬局面了。并且通常这样的流程会导致不停的沟通与改图……

所以 UI 设计师也应该善于沟通,理解人机交互,不为需求文档设计。

【从新人到大牛的交互设计完全修炼手册】

菜鸟入门必读好文!
《网易美女设计主管!交互设计菜鸟如何入门?》

阿里资深设计师手把手带你认识交互设计!
《交互设计那些事儿(一)》
《交互设计那些事儿(二)》

多位资深前辈经验合集!交互设计师自学指南!
《交互设计师修炼指南!教你从零开始成为优秀交互设计师》

二、成为「T 型」设计师

多方位了解,一方面专精

我非常鼓励大家学习多方面的知识,而不是视觉就只盯着视觉,交互就只盯着交互。可以在跨学科的学习中慢慢树立自己的专业方向,然后目标成为「T 型」设计师,拥有知识面的广度和专业知识的深度。

我之前看到设计师 Andrei Herasimchuk 访谈的一段话

,直击我心。我本想多表述什么,但还是算了。仅将那段话摘录如下:

在你人生的某一个阶段,你会发现你有了擅长的地方,那些地方你不用花太多功夫就能够做得不错。有些人就擅长画画,有些人擅长数学。在工作上也是一样的,你需要去发现你擅长做什么。

但是,请记住,你不需要花费太多精力做这些,因为你很擅长这些。你应该努力花精力时间在你不那么擅长的事情上。

这是我的建议:花时间在不擅长的东西上。而且现在跨学科的东西越来越多,于是你很需要知道哪部分你是擅长的,然后强迫自己去练习不擅长的部分。哪怕仅是平面设计,有字体的部分、色彩理论的部分、空间和排版、情感联系的部分;而软件交互设计,有交互的部分、行为的部分、用户研究、编程的部分等等。任何一种设计都有各种各样需要学习的内容,这也是为什么设计学习是一生的过程。所以,需要对自己诚实:OK,这部分已经做得不错了,我会继续练习,但是我会把精力减少很多,用来做其他那些做得不那么好的事。不要成为一个只有一个维度的人。

「T 型」UI 设计师

最后献上干货,我自己梳理了成为「T 型」UI 设计师可能需要的知识点,希望能帮助入门或困惑中的朋友。

(UI 设计知识库,红字表示作为 UI 设计师第一阶段必须该具备的知识)

当然,图中所举知识点并不是所有都一定要精通,可能也还会有遗漏的点。关键在于确定自己的职业方向,然后不断拓展自己的知识。

作者微信号,欢迎关注哟!

优设指南类文章合集:

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  4. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  5. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》

原文地址:zhuanlan.zhihu
 作者:@洪涵滴滴

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量101万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/ui-designer-basic-knowledge

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里