学习UI/UX的四大重点
学习UI/UX的四大重点-移动阅读二维码

关于刚踏入业界需要准备什么、或是想转换跑道需要具备哪些技能,选择 UI/UX 这条路就是要有包山包海的心理准备。大致上我会把它划分成四大类,理论、实践、技术、品味。这四类缺一不可。

自学能不能成为大牛,看看几位厉害的前辈的经历:
《非科班如何成为UI设计师?》
《初级设计师如何踏上自学之路(周陟设计随笔)》

理论

从专有名词释义、XX 定律、OO 概论等等都算在这个范围。站在巨人肩上才看得远,大量的理论是踏入业界最扎实的基础。你想研究一门学问、却连最基本的专有名词都不明白是什么意思,学习到的也会是种模糊不定的概念。起码也要知道 UI 和 UX 的不同、了解 Interface Design 和 Interaction Design 的差异。使用准确的词句可以减少沟通落差,UI/UX 经常需要和 RD 合作,RD 需要明确肯定的指令,使用模糊的形容只会让俩人共识越离越远…

ex:Functional Map、Wireframe、Mockup、Prototype…
ex:费兹定律、十大易用性原则、色彩学、字学、符号学…

衍生阅读:
《费兹定律与移动应用界面设计》
《那些年,我们看过的各种设计理论法则》

实践

当你了解理论,就要学习如何运用。拿学习英文来比喻,就是背了很多单字和句子后遇到外国人问路却傻在当场讲不出半句话。出了社会之后、阅读大量文件不再是有背就有分,要懂得活用。学着如何将理论变成可实际使用的方式绝对比大量阅读难度更高。举个例子:色彩心理学是 UI 设计师的必修课,大家都知道红色代表热情、白色给人纯洁的印象,但真正要着手设计网页时就会愣住了。大标题、小标题、内文、底色、侧边栏、选单、窗体…等等都需要搭配色彩,总不能整个网页通通用红色…过年卖春联红包啊?如何把理论转成可实践的方式绝对是个难题。

技术

这边的技术指的是如何把「实践」具现化、让一般大众都能明白你想传达什么。比如软件操作。Xmind 适合制作 Functional Map、UI Flow;Balsamiq、Axure 能快速画出 Wireframe;Photoshop、Sketch 可以帮助完成精致的稿件;Mark Man 能让 UI 和 RD 对最终产出有共识…等等,没有什么工具是好或坏、只有适不适合自己。高手给他小画家都能生出蒙纳莉萨,但有更好用方便的工具时为什么要选择小画家硬上?

素描水彩也是 UI 设计师的必修课,训练观察和表达的能力。不过手绘大约是到了一定阶段遇到瓶颈、需要更进一步再去加强的能力,通常是卡在就连奇技淫巧偷吃步也没办法无法明确将内心所想的表达出来(眼高手低)时。

BUT!英文比手绘能力重要,它是第一阶段「理论」的基础。(遮脸)

关于英语,这里推荐小编的私货:【恶魔奶爸的英语教室】,舍友学5个多月,拿到英语口语二等奖,顺了个Kindle 5 ,效果真心好,大学生同学有时间强烈推荐学习!

新手设计师必看!学习UI/UX的四大重点

品味

技术可以靠练习磨练,品味这件事就跟内力一样、只能靠时间去累积。有个快速的方法:建立一个图库,逼自己每天抓「喜欢的、很炫、期许自己也画得出来」的 20 张图、依图片性质分类,ex:Desktop icon、Mobile Web、iphone list 等等,每半年就整个图库大翻新。寻找、分类的过程中就会慢慢提升品味,这完全急不来。就和研究穿衣打扮一样,不多看杂志或穿搭教学、也没办法有「潮」感。

结论

以上是主要 4 大方向,接下来就是针对某读者的问题回答了。「如果之后想进入相关业界,这一年期间我该怎么准备呢?作品集方面要怎么下手?有甚么资料我要开始着手准备呢?」

我个人是实战派的,能循序渐进垫基础当然最好,但非本科生白天又需要上班的情况下,基于台湾大环境的考虑,「技术」会是你第一优先需要提升的。如果你有一年的时间,那就全部投在 Photoshop 上。

买一支 iPhone 或 Android,逼自己一天至少下载 3 个接口漂亮的 app 玩玩看,想想为什么会觉得这个 app 很炫或是很好用。(练品味和培养操作惯性)

作品集部份,Dribbble 上高手非常多,找喜欢的作品从 0 开始用自己的方式「临摹」,自己找图找素材想文案。或是 app store 每周更新的漂亮 Banner 也可以,一周画一个,一年就 52 个了非常丰富。PSD+上有很多教学,挑有兴趣的跟着做,不只学到新思路和技巧,而且又多一件作品了。(作品集上记得注明临摹或仿作。)

分配上大约就是 10% 理论、10% 实践、70% 技术、10% 品味…基本设计业界都是看作品集,作品集一翻实力立见真章。这种方式只能应急,只能帮你找到个「是UI」的工作,之后该看的文件该垫的理论基础还是要想办法补回来,不然开始工作后会很辛苦。

 

原文地址:blog.akanelee.me
作者:@Akane_Lee

本文链接:http://www.mobileui.cn/the-four-key-learning-uiux.html