K印象

自从开了这个 BLOG 后，好多人都问我这些关于 UI/UX 设计的技术是从哪里学到的。就台湾来讲这个领域太新了，刚入行的时候只能够自学，缺少很多资源，通通靠自己摸索，所以我希望能整理出一套系统性的 UI/UX 教育方式，但这需要花费大量的时间，靠下班后的空档根本不够，顶多写写 BLOG 让大家加减看。目前我不想把 UI/UX 硬拆成两块，虽说这本来就是两个不同的领域，但世界上所有的事物都是有关联的，不能说我只想做这个其他连碰都不碰，很快就会陷入窠臼遇到瓶颈。大概是因为 我喜欢规划分析、但又不想放弃能做漂亮炫图的机会吧。

Guideline

UI/UX 设计的领域包山包海非常非常广，所以不能说「我讨厌这个」把某项踢一边不去理解，比如 Guideline。（当然也是有在某个领域强到不像个人、其他全部放掉的某天赋专精。这种专才建议到国外发展，在台湾除非有办法进入很高档的公司，不然依照现在产业状况会活得很辛苦。）

连 Guideline 都不懂的人，不配称为 UI/UX 设计师！

设计人通病之一就是只看图不看字，偏偏 Guideline 之类的文件都是字为主。把「我是念设计的耶～」挂在口边、说 Guideline 限制创意，作设计就是不能被局限在框框里…哈哈哈，能力不足看不懂 Guideline 、没办法遵循 Guideline 的同时做出让人眼睛一亮的作品就老实讲，硬拗些有的没的…你以为这样说 RD 就会放过你吗？那是遇到菜鸟 RD 才会自己吞下去帮忙擦屁股。这和丢下一句「我是女生耶～」所以掏钱的都该是男生的责任一样，哪个傻鸟吃这套就哪个去买单。

以下是官方 Guideline 网址，不用倒背如流（每年改版就要重背了），知道需要时要去哪里找就好。最起码最起码，把内建元素的尺寸背下来，不然开个 Evernote 做笔记也好。

iOS 7 Design Resources

Android Grids

Windows Apps

手绘

念设计不代表手绘好，但手绘不好也很难成为一代宗师。不要被日系动漫骗了，没几两肉的娘 炮可以单手骑重机单手挥舞大剑…人家都说是幻想了不然咧？现实就是要靠练习才能成长，手绘是很多设计人的致命伤，如果你想走 UX、多少还是去学一下基础素描，和人沟通现场撇几笔很有用。如果想 UI 路线…你看 Dribbble 上哪个大师的手绘底子很差的？

素描课不贵，画室或是学校的推广教育都有开课，还很便宜。我虽然是本科生、不过高职 3 年 21 学分差点毕不了业，别再说什么妳是本科生训练扎实了，没这回事。一直到研究所都毕业了才又回头去画室上课，发现是没搞懂绘画方法的问题，才把手绘救回来。 有人说「我没有画画的天分」，这跟天份无关，靠的是方法和练习。我已经把绘画当成是某种科学了，有固定的公式可以套用，背熟原则就好了。

比如亮面、暗面、阴影、高光等等，对应不同材质也有不同表现技法，世界上常见材质就那几种：玻璃、金属、毛皮、木纹、塑料、纸…等等。全部条列出来、一项项学着画。全部都画过…再深入下去就跟内力一样靠时间磨，一天长一分，没有武侠小说大还丹吃下去就长一甲子功力这种好事。UX 学素描目的在「训练敢画图」的胆量，UI 要学的就比较多了，再去画室报一堂水彩课吧，素描水彩都轮过一次就知道自己哪边不足了。

看到这里，发誓一定要学好素描了没有，这篇《非科班同学有福啦！手把手教你从零基础开始学素描！》绝对是满篇干货！

阅读新知

多看看总是好的，不会讲英文的人被丢到英国独自求生，只要不老是跟讲中文的人打交道，英文想练不起来都难。同样，每天大量接触 UI/UX 信息，看久了也能唬烂个几句。现在是信息爆炸的时代，每天不知道有多少文章在网络上发表，我的最爱里加一堆书签每天点一遍，不如学着用 RSS ，直接把各站最新文章搜集在同一页里。Google 阅读器死掉之后我改用 Feedly，配合 MAC 版 Reeder ，订阅太多的下场就是每天都有几百篇的文要看…

我不太在手机上看文章，会离开计算机又无聊到得开 RSS 的时候八成在搭捷运吧，晃来晃去硬要看小小的字太伤眼了。而且网络速度太慢，看个文章要等很久会烦躁，不如把脑袋放空休息一下。硬要推荐一套手机版的 RSS ，还是Reeder for iPhone ，操作方式和计算机版一致、画面风格也一致。

以下是我有订 RSS 、又几乎天天更新的优良好站，每天看、看个 1 年基本素养就有了（有写笔记的话）、出来骗吃骗喝说自己是 UI Designer 没问题。

除了订阅网站阅读最新资讯，经典的书籍也不能错过，来这里挑个够 《设计师必备图书目录》

提醒：Feedly在大陆打不开，同学们可以试试其他的RSS阅读器。

PSD

UI 设计师必备，顶尖 Photoshop 技术教学，对岸很多看起来很高明的中文教程其实都翻译这个站的。这是一个系列站，包山包海什么都有，从摄影、向量绘图、网页技术、影片剪辑到手工艺制作，挑自己适合的订阅吧。

Smashing Magazine

理论、商业模式、技术、设计通包的网站，几乎是站在潮流最前端，看不懂也要订一下。

优设

对岸的站，比台湾的站多了很多对工作有实际帮助的文章，有很多翻译文救了不少看不懂英文的设计师。他们还有在线免费讲座可以听很佛心有诚意了，更新速度很快，每天数篇。资源大全整理得不错。对于初学者来说是座宝山。强烈推荐安装繁简转换外挂 同文堂 ，还是习惯看繁体中文…

咦，这里还有一座银山：《设计师必备图书目录》

站酷

对岸设计人聚集的地方，很多教学文。因为该站是个人发表文章为主，有些文章内容有误要小心。其中最推荐「影天酱」的文，会有顿悟升级的感觉。素材库的资源也很多，小心版权问题。

搜集资料

几年前我是开文件夹做图片整理，最近用了 SparkBox 来整理图片，还不错，就是有点顿。Pixa 在观察范围内。特别好的图文就用 Evernote 另外存起来写笔记。搜集来的东西都还是别人的，只有亲手写下笔记、思考消化后的东西才会是自己的。以下是拿来当激发灵感、参考对象的网站。

Dribbble

我 一定把这个放在搜集资料第一名，不是照三餐看，而是干脆挂在上头不下线了。世界各地高手云集的地方，善用关键词搜寻 Popular 排序，你会得到全世界。它偏向概念性质、最新潮的设计（也许不怎么实用），可以激发很多创意。作品图片质量极佳，要模仿练习也有无数对象可以跟着学。

Behance

Adobe 的设计师作品发表平台，内容很多很杂包山包海，操作接口不太顺。除非 Dribbble 真的找不到我想看的才会到这里来挖。

Pttrns
Mbile Patterns
lovely ui

这3个都是搜集漂亮的 iPhone、iPad app 界面 Pattern、并分类的网站。

Android Patterns

Android 的 Pattern、一样有分类。

iOS Icon Gallery

美美的 Desktop icon …Dribbble 看不够时我会跑来这。

CSS Galleries / CSSMania
siteInspire – Web Design Inspiration

CSS 网页设计灵感来源，毕竟 Dribbble 是静态一张图，这边是实际可操作的网站，执行逆向工程时好用。

Mobile Web Design

做 Responsive Web 好用的网站参考！