编者按:@Akane_Lee 老师的讲座结束后,很多同学询问她怎么入门,今天老师给了一篇去年写的文章,现在来看,每一个建议依然是有用的,完全不会过时,想入门UI/UX的同学都可以好好学习一下。
资深经验分享:
《17条经验之谈!视觉设计师如何进阶提升自己能力》
《推荐阅读!尤原庆的设计之道与成长之路(华为设计总监)》
@Akane_Lee 自从开了这个 BLOG 后,好多人都问我这些关于 UI/UX 设计的技术是从哪里学到的。就中国台湾来讲这个领域太新了,刚入行的时候只能够自学,缺少很多资源,通通靠自己摸索,所以我希望能整理出一套系统性的 UI/UX 教育方式,但这需要花费大量的时间,靠下班后的空档根本不够,顶多写写 BLOG 让大家加减看。目前我不想把 UI/UX 硬拆成两块,虽说这本来就是两个不同的领域,但世界上所有的事物都是有关联的,不能说我只想做这个其他连碰都不碰,很快就会陷入窠臼遇到瓶颈。大概是因为我喜欢规划分析、但又不想放弃能做漂亮炫图的机会吧。
Guideline
UI/UX 设计的领域包山包海非常非常广,所以不能说「我讨厌这个」把某项踢一边不去理解,比如 Guideline。(当然也是有在某个领域强到不像个人、其他全部放掉的某天赋专精。这种专才建议到国外发展,在中国台湾除非有办法进入很高档的公司,不然依照现在产业状况会活得很辛苦。)
连 Guideline 都不懂的人,不配称为 UI/UX 设计师!
设计人通病之一就是只看图不看字,偏偏 Guideline 之类的文件都是字为主。把「我是念设计的耶~」挂在口边、说 Guideline 限制创意,作设计就是不能被局限在框框里...哈哈哈,能力不足看不懂 Guideline 、没办法遵循 Guideline 的同时做出让人眼睛一亮的作品就老实讲,硬拗些有的没的...你以为这样说 RD 就会放过你吗?那是遇到菜鸟 RD 才会自己吞下去帮忙擦屁股。这和丢下一句「我是女生耶~」所以掏钱的都该是男生的责任一样,哪个傻鸟吃这套就哪个去买单。
以下是官方 Guideline 网址,不用倒背如流(每年改版就要重背了),知道需要时要去哪里找就好。最起码最起码,把内建元素的尺寸背下来,不然开个 Evernote 做笔记也好。
手绘
念设计不代表手绘好,但手绘不好也很难成为一代宗师。不要被日系动漫骗了,没几两肉的娘炮可以单手骑重机单手挥舞大剑...人家都说是幻想了不然咧?现实就是要靠练习才能成长,手绘是很多设计人的致命伤,如果你想走 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阅读器。
UI 设计师必备,顶尖 Photoshop 技术教学,对岸很多看起来很高明的中文教程其实都翻译这个站的。这是一个系列站,包山包海什么都有,从摄影、向量绘图、网页技术、影片剪辑到手工艺制作,挑自己适合的订阅吧。
理论、商业模式、技术、设计通包的网站,几乎是站在潮流最前端,看不懂也要订一下。
对岸的站,比中国台湾的站多了很多对工作有实际帮助的文章,有很多翻译文救了不少看不懂英文的设计师。他们还有在线免费讲座可以听很佛心有诚意了,更新速度很快,每天数篇。资源大全整理得不错。对于初学者来说是座宝山。强烈推荐安装繁简转换外挂 同文堂 ,还是习惯看繁体中文...
咦,这里还有一座银山:《设计师必备图书目录》
对岸设计人聚集的地方,很多教学文。因为该站是个人发表文章为主,有些文章内容有误要小心。其中最推荐「影天酱」的文,会有顿悟升级的感觉。素材库的资源也很多,小心版权问题。
搜集资料
几年前我是开文件夹做图片整理,最近用了 SparkBox 来整理图片,还不错,就是有点顿。Pixa 在观察范围内。特别好的图文就用 Evernote 另外存起来写笔记。搜集来的东西都还是别人的,只有亲手写下笔记、思考消化后的东西才会是自己的。以下是拿来当激发灵感、参考对象的网站。
我一定把这个放在搜集资料第一名,不是照三餐看,而是干脆挂在上头不下线了。世界各地高手云集的地方,善用关键词搜寻 + Popular 排序,你会得到全世界。它偏向概念性质、最新潮的设计(也许不怎么实用),可以激发很多创意。作品图片质量极佳,要模仿练习也有无数对象可以跟着学。
Adobe 的设计师作品发表平台,内容很多很杂包山包海,操作接口不太顺。除非 Dribbble 真的找不到我想看的才会到这里来挖。
Pttrns
Mbile Patterns
lovely ui
这3个都是搜集漂亮的 iPhone、iPad app 界面 Pattern、并分类的网站。
Android 的 Pattern、一样有分类。
美美的 Desktop icon ...Dribbble 看不够时我会跑来这。
CSS Galleries / CSSMania
siteInspire - Web Design Inspiration
CSS 网页设计灵感来源,毕竟 Dribbble 是静态一张图,这边是实际可操作的网站,执行逆向工程时好用。
做 Responsive Web 好用的网站参考!
(部分网站裂图,自备梯子即可)
最重要的是:保持对任何事物的好奇心和热情
这点才是最难达成的,技术可以靠练习,一些鸟人破事却会瞬间浇熄所有热情。
我也很常遇到,比起技术不足、更讨厌和人与人之间的勾心斗角。又不能喊「我只喜欢研究技术、画漂亮的图,拜托不要来找我麻烦。」有这么顺利尾戒销路会变差、香港天桥下的阿婆也会失业。自从和老公讨论好,打定主意不要跳进去和某些被称之为「乱象」的人群瞎搅和后、我总算可以用很酸的语气和个人偏见写文了。为了什么营造专业形象、打好人际关系避免得罪他人通通闪边去吧,又不发我薪管我粮的。网络发达真是件好事,可以躲在屏幕后面发废文。(喔对、我妈知道我在这里发废文,不用问了。)
原文地址:blog.akanelee.me
作者:@Akane_Lee
【优设网 原创文章 投稿邮箱:2650232288@qq.com】
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量70万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI绘画艺术风格设计
已累计诞生 650 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓