自学丨从零基础新手到高级UI/UX设计师的阶段心路分享 - 优设-UISDC

自学丨从零基础新手到高级UI/UX设计师的阶段心路分享

2016/11/18 10780

akane-lee-growth-summary-1

收到很多刚踏入 UI/UX 这个领域的学生或设计师的私信,他们迷惘,并且担心自己的未来… 今天@Akane_Lee 把自己学习UI/UX 各阶段的心路历程分享出来,供大家参考。

刚起步的菜鸟 时期

什么都不懂,一堆名词动词要查 Google 不然完全不知道在讲啥。Guideline?蛤?可以吃吗?

我起步的时间不算早,大约是 iPhone 3GS 那一波。因为英文太差只能看简中文章,或者整页丢去 Google 翻译。繁中文章?这时间几乎没有专门的设计站在介绍 UI/UX,全靠 新同文堂 把简中转繁中。

x 招解决 oo 问题

那时候特爱看「x 招解决 oo 问题」之类文章,似乎只要会这几招就能搞定了。像是:

与众不同!20个提升品牌效果的平面设计技巧
解锁新姿势!我有50个方法教你做出好看的美食排版设计
用这13个方法,帮你做出真正轻量化的移动APP 设计

算了吧,这种文章看多了除了「感谢大大分享祝大大一生平安」之外,就是累积更多看不懂的专有名词。但学习新领域一定经过大量看、大量不懂、大量 Google 查单字的时期。

10 招里有办法记住 1 招并实际使出来就很偷笑了,初期挫折感很大,怎么自己什么都不懂啊~之类。

开始拜大神

随着阅读文章量累积,也会看到很多美美的炫图,知道几个设计师贴作品的网站,开始崇拜大神。

Dribbble – Show and tell for designers

几位知名大神的名字朗朗上口,比如:

Mike | Creative Mints
Eddie Lobanovskiy
Marcelo Schultz

神拜再多都没用啦,自己没练习光看怎么会进步?

如何做出 XX 炫图

身为设计师,理所当然追求视觉稿要多炫有多炫,又看了那么多大神炫图,巴不得自己也这么厉害。但他 X 的我就是个刚毕业的菜鸟,连素描都画的 2266 是能搞出多炫的东西?剪剪素材拼拼公家单位最爱环保地球风格还差不多。

狂爬 Adobe Photoshop Design & Illustration Tutorials by Envato Tuts+ 的教学。可是他们就算现成写好好的步骤,自己照做出来还是差了点味道。

而且,要自己原创,在这阶段根本不、可、能、多、漂、亮。

半懂不懂 时期

爬了 1 年的文,主要常用术语都不知道 Google 多少,进入很少有关键词看不懂的时期。但也只是「知道这名词在讲什么」,离深入了解、有自己的见解很远,所以很喜欢讲解某技术专用词的文章。

不可不知的 XX 技术

针对某个实作运用的主题/名词深入介绍,像是:

仅此一篇,读懂卡片式设计长盛不衰的秘密
从这3个方面,帮你改善移动端APP的输入体验
专业干货!提高无线端表单可用性的7个设计原则

看的时候都懂,转头要自己实作时没几招用得出来的。非常令人沮丧的时期,觉得大家都好强怎么自己都过一年了进步这么慢。

20xx 年,x 条规则

还是很菜,多少懂一点了但更怀疑自己的方向,不知道现在在干嘛,更甭提未来产业变化,所以很爱看有人帮忙整理好的「今年流行」、「未来会怎样」之类的文章。像是:

绝对不能错过!2016 年最流行的8个UI设计趋势分析
2017年,这五条设计趋势将惊艳整个设计圈
未来交互新趋势!6个值得提前学习的「语音交互」设计方法

发现自己看再多还是不知道可以怎么做。这些规则什么的,都是其他人整理好的东西,融会贯通的也是别人不是我啊!

看半天除了点头按赞,觉得「哇~写文的都好棒啊!好厉害」之外,我学会了什么?对我手上的工作帮助多少?

感觉有帮助又好像没帮助,非常疑惑自己的脑子泡了多久的水导致吸收不了新知。

开始自己写 RWD 、爬国外文章 时期

这个时期简中文章已无法满足我,老是那些东西绕来绕去换句话说,同领域文章看多了就算英文再烂,基本关键词也能读懂。

工作上要和 F2E 沟通,不如自己写比较快!但给 RD 看的文件往往只有英文版,就算有中文翻译,落差很大:写 HTML、CSS 用的是英文啊!不看原文根本搞不懂在讲啥,

Bootstrap
Susy
Sass

RWD 写一写发现自己的英文单字量变多了,却只能和浏览器沟通,没办法和人类对话…

质疑项目开发流程 时期

工作 3 年,因为工作上摔过的坑、撞过的墙也多了,慢慢开始把眼光从「视觉」、「Photoshop」放到外面的世界。会思考团队合作、项目流程、工作时程。像是:

41% 的APP 不合格?可能是你没试过这个快速高效的工作流程!
专业科班的答案!一个完整的交互设计流程是怎样的?

看了一堆发现,自家公司完全推不动,哈哈哈。(泪)

其实是自己太嫩,视角只有正前方 30 度,不知道别人在干嘛、不懂公司文化,更不知道什么是商业价值、营运模式。一头热想在公司推动改良,根本是来乱的。

起码有办法画出「利害人关系图」、「价值主张图」再来说改变工作流程吧…

把眼光放到「视觉」以外的世界

一旦开始质疑项目流程,就回不去只有「视觉」的世界了,像是会不会游泳的差别。会手写 HTML、CSS 是个很大的分水岭。

UI 方面会开始爬「交互设计」、「信息架构」的文章。
UX 方面开始看各种「方法论」、寻找怎么融入实作的技巧。

就算是简中,这些方面的文章数量远远不足,不看原文都不行。不然就是等欧莱礼出中文书…往往落后国外 1~2 年。

在信息业落后 1~2 年!?

Swift 年年改版,落后个 1 年都不知道被冲到哪里去了。UI/UX 更新的速度可能稍慢一点,也没慢到哪去,你看 Apple 发表会,每年 iOS 接口都不太一样。

而且看越多越会觉得基本功很重要,比如英文、手绘、情绪管理、时间管理…进入还债阶段。以前什么东西偷懒逃避没学好,现在都要回头还债补回来,很辛苦。

大量买书挑错 时期

虽然网络文章多,但很零散琐碎,没有完整连贯且系统性讲 UI、UX、互动的文章,还是要靠书籍才行。

看得越多你会发现开始「百家争鸣」,也就是爬到的文互相矛盾。

怎么办呢?我还满庆幸菜鸟时期查关键词时,一个关键词至少把 Google 搜寻到的前 5~10 页连结全部点开阅读。就算有错误或说法不同导致理解不能,林北看个一脱拉库总会总结个概略答案出来吧?

有写过论文就会知道,「参考文献」非常重要,谁说过的话、这数据怎么来都得附上出处。国外书籍颇讲究这部份,多少能看得出来是作者自己鬼扯、还是有什么理论支持他的说法。

书籍能系统性叙述一个论点,去芜存精。就算论点起冲突…多看个几本还是能得到一个大略的概观,加上自己的见解,也能说点什么唬唬人。

前提是「大量阅读书籍」,只看一本没用,参考文献拿来找延伸阅读的补完数据,触角会越伸越广,到某个程度会觉得「通通串起来了」,有种(好像)通了的感觉。

(到这个时期我才开始大量买书…iPhone 3Gs 时期是有几本 UI/UX 书可以买啊!?年代不同好吗?初学者建议网络文章随便看看就好,先从研读书籍开始,系统性打点地基再爬文,可以省去我那一口气连看 10 页 Link 的土炮作法,前因后果脉络也比较清楚扎实。)

十大易用性原则

大概自学 UI/UX 3 年后,我就很少在看「x 招解决 oo 问题」之类的文了。这种锁碎的技巧太多,追都追不完,只会让自己觉得「信息恐慌」。

所有的 UI 设计易用性,本质上只有 3 点。由 Jakob Nielsen 提出,他是所有 UI/UX 设计师都该知道的人物喔!

  • 易于学习
  • 相对无错
  • 便于使用

我把 十大易用性原则 背下来,所有的「招式」源头都是这 10 条原则。把它们当成核心理念,再回头去看「招式」,就会感悟到「招式」不过是为了实现这 10 条规则的技巧。

然后招式就会变得很不重要…

如果你同时学习 UX ,那会发现「招式」可以放一边去有空再说,理解使用者、戳对痛点,比在 UI 上死刻对产品的效益更大。

做自己喜欢的事

「我是 XXX,现在是设计师/学生/F2E。经历 XXXXX….对 UI/UX 有兴趣但不知道下一步是什么,我未来可以走什么方向?」

比起「我未来可以走什么方向」,是 UI 还是 UX,做自己想做的事,热情和毅力可以烧得比较久。

会迷惘是正常的,别说 6 年后自己会走到哪里,我连 6 个月后自己会做什么工作都不确定了。找出自己最想做的,坚持下去。

迷惘的原因之一包含担心未来找不到饭吃饿死。

在台湾,好手好脚的设计师就算是菜鸟,要饿死没有那么简单,根本不是担心未来找不到工作。而是在烦恼周围的眼光、怕自己下错决定时间砸下去后薪水不够高。

说穿了只是对 UI/UX 的兴趣没有大到可以摆脱这些烦恼。

我都和传讯给我的那些人说:比起烦恼「未来可以走什么方向」,不如思考「我喜欢什么」。就算 UI/UX 这个领域薪水比较高,但自己没兴趣的话日子会过得很痛苦,甚至抗拒学习。

有兴趣才会砸时间在这个领域上,你的时间花在哪,成就就会在哪。(所以我砸了 100 小时在 PS4 FF 零式上,得到的成就就是搜集完全部的奖杯。)

推荐一本我买了送朋友的好书:阿德勒「被讨厌的勇气」。能帮你思考人生方向,放下许多负担、坚定自己的信念。

对未来感到迷惘?套句阿德勒的说法…一切都是借口!有迷惘的只是在烦恼人际关系找说词而已。根本不是真爱(?)

包含我自己在内,对未来感到迷惘,其实只是不想承认自己太偷懒导致毕业后没有拿得出手的技艺可说嘴而已。一旦有真爱根本不会迷惘啊!

编者注:「被讨厌的勇气」PDF 下载地址戳:http://pan.baidu.com/s/1bpwwgyz 密码:5qg0。感兴趣但没时间阅读的同学,关注优设主编@3年2班程远 ,24号发阅读笔记及思维导图,如果没发或者笔记简单,请私信我拿五元红包,见者有份。

「优设指南系列」

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

原文地址:blog.akanelee.me

2016uisdc-classroom-new

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

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/akane-lee-growth-summary

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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