​锦子会教程UI设计初学者应该怎样入门？

锦子会教程UI设计初学者应该怎样入门？

#锦子会教程#UI设计初学者应该怎样入门？

1、UI设计师是什么？

不说UI设计师，就连设计师，很多人都以为只是P图的美工，这里有必要先明确一下UI设计师的概念。

维基百科对于UI定义：

UI，也即用户界面（User Interface，简称UI，亦称使用者界面）是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。

因此，UI设计师也就是设计用户界面的人。

毫不夸张地说，在颜值当道的年代，UI设计师的水平，直接决定了互联网产品（网站、App、网上店铺等）的颜值。无论产品的质量怎样，用户接触产品的第一幕，就是UI设计师给产品设计的这张脸，而像我这种“颜狗”，一旦产品的颜值达不到我的标准，下一步就是关闭/卸载。

一个好的UI设计师，能润物于无声，在浑然天成的设计中为产品注入新的价值，绝不是普通的打杂美工。

2、UI设计师的基础修养

·设计总体认知

在进入一个未知的领域前，我总倾向于先梳理这个领域的架构，待有了比较全面认知后再深挖，这其实也是大学专业课程设置的思路，先学习一门导论课，了解基本概念，再进入细分领域。学习UI设计也是一样，先对整个设计专业有总体认知，再去学技法层面的内容、规则，慢慢把知识库填充完整，如果有条件，可以尝试了解一个新的互联网产品出炉的工作流程。这样，在局部学习前，就能对重难点、课程框架都心中有数。

·技术基础

如果说程序员一天中大部分时间都在码代码，那么设计师的时间都留给了Photoshop、Axure、Adobe Illustrator，涂涂修修确实是常态，而这里，也是“美工”称呼的发源地。娴熟的技法，是完美展现设计作品的必备条件，作为UI设计师，也应当熟练掌握这些常用软件。稍低一点的要求，是至少能精通其中一款软件，各种操作都已经形成自然反应，其他软件也能通个七八分。

不过，学完这些软件之后，切忌炫技，学到这步，你只是学会了修图，还只在美工的地步，并谈不上设计。

·画图基础

有人以为，设计师只要去图库网站找一些素材，借助工具进行修饰即可，其实这只能锻炼你的借鉴能力，当你的技法娴熟到一定程度，就可以尝试临摹。通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的创新能力。

临摹的内容，可以有两方面选择：一种是系统自带的图标，比如Mac OX、Windows，或者移动端iOS、Android的原生图标，都是精心打磨过，既能帮助初学者了解平台设计规则，又能在临摹中逐渐巩固常用软件的技术。另一种则是行业牛人的设计作品，捉摸他们的设计风格、思想和细节，都能加深对设计的认识。

·各平台设计规则

iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好，在移动端，连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。这里贴一个之前看到的iOS和Android的平台规范，整理的比较全面、规范：iOS和Android的app界面设计规范。其他平台的设计规则，在搜索引擎上也都能被检索到。

·理解能力

作为设计的上游，产品经理常常会直接发需求文档给设计，能读懂产品文档、快速分析需求，定位出风格、色调、元素，最后迅速把产品需求视觉化，就是产品经理们最爱合作的设计师了。需要学习软件的同学，大家可以百度搜索锦子会，去锦子会博客下载更多学习资源！如想要了解我的，请百度搜索罗锦，欢迎了解更多我的设计之路！

3、UI设计师的进阶修养

·审美意识

先来看两个肥肠火热地知乎问题：

国内有哪些非常有设计感的 App？国内有哪些非常有设计感的 App？ - 应用（软件）

国外有哪些非常有设计感的 app？国外有哪些非常有设计感的 app？ - 应用（软件）

为什么我们青睐每日故宫、榫卯、网易云音乐这类应用？除了应用本身生产的优质内容外，设计感是很重要的一点，君不见多少用户赞美良心设计。

→_→那么，什么是设计感呢？投射到设计师身上，大概就是设计师自身的审美意识了。

至于审美意识要如何培养、提高，这就跟你去问文学家要如何提高写作能力一样，他大概也是懵逼的。日积月累地浏览、学习、思考、联系，大概就是逐渐提升的可能途径吧。

·用户体验

从前，除了设计界面的UI设计师之外，互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题，但如今多元的趋势下，一个互联网产品的视觉设计，需要懂一点产品、懂一点用户体验，才能更有效的推进合作流程，同时也会培养自己多元化的思维方式（用户研究以缜密的逻辑发展，而UI设计则更加追求审美）。

交互设计

分不清交互和UI的人，可能一抓一大把，事实上，这还是有区别的。从一般意义上说，UI主要做的是图形用户界面，也可以称为GUI设计师；交互设计主要做处理点事人机互动的界面，任何与机器打交道的过程，都需要交互设计师来参与。

但坦白说，现在的App中，有多少操作能把UI和交互完全清楚地剥离开来呢？一个好的产品，需要美观的界面和顺滑的交互，也就离不开设计师两种能力的相辅相成了。尤其现在，设计趋向扁平化的时期，只要遵循设计规范，交互设计甚至能出了设计稿后直接给开发去实现，单纯UI设计的存在感日益弱化。

·代码能力

这几年互联网产品最火的推广方式是什么？

自然是H5！

那么如果一个设计师既能做好设计，又能完善布局前端代码，那么只要有一个简单idea，经过你的手就能完全实现。这种复合型人才是多少公司争抢的对象呢？不过这些都是进一步的要求了。

4、资料

说了很多，下面推荐一些适合入门的书籍与网络资源，以供参考。

·书籍

《Don’t Make Me Think》（点石成金）

这本书已经了好几版了，能这样一遍遍修订出版的，除了学生用的教材，就是业界的圣经了。这本书主要讲的是如何通过网站设计来提高网站的可用性，除了网页设计外，也包括了一些用户心理研究等内容，语句晓畅，读起来十分轻松。里面的案例虽然有点久了，但经典的案例永远不会过时。作为初入学者，能从一本书里看到整个领域的大局，也有逐渐养成设计师的思维，是入门启迪型书籍。

《写给大家看的设计书》

一本Robin Williams大师写的老生常谈，本书主要围绕对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)四个设计基本原则展开，短短200页，门外汉读起来也不费力，但读完这本书你会明白设计的重要性。另外，这本书的排版、文字编排也很有设计感，读起来更加舒服。

《破茧成蝶：用户体验设计师的成长之路》

前面的书是理论型的，这本是则比较注重实践，结合本土互联网公司案例解释了很多落地的问题，甚至还有具体岗位介绍，面试细节，工作流程等，可以作为工作的工具书。

《设计之下》

通过搜狐新闻客户端UED团队的设计过程，完整展现真实的设计流程。全书分为三个部分，第一部分为“交互设计”，主要总结了大局观、操作流程简捷、形式新颖且统一、各种特殊情况等交互设计要点。第二部分为“视觉设计”，阐述了界面、颜色、图标、质感、动画、等具体方法。第三部分为“他们眼中的优秀设计师”，通过产品经理、程序员、运营、市场经理的视角，阐述了如何成为一名优秀的设计师，同样是1-2岁的设计师学习的好书。

·网络资源

《交互设计师》微专业

相比线下培训班动辄几万的价格和固定时间学习，在线学习更加方便点，而且说真的，网易出的那些App，像网易云音乐、LOFTER还都挺有设计感的，挺欣赏他们对产品认真打磨的态度，所以不自觉的就对他们出的设计课程抱有好感。

外语不错的也可以去Coursera上学英语授课英文字幕的《interaction-design》交互设计（Specialization）的微型课程，同样学完七门课和一个毕业设计后可以拿到证书。

理论性课程：

《Design Thinking》是德国MOOC平台上的iversity的一门设计课程，比较注重理论性通识类课程，实践内容几乎为零，整体启发性较强，不过只有英文作为课程语言。

优质网站：

Dribbble：https://dribbble.com/

Behance：Behance

站酷：站酷 (ZCOOL)

花瓣：花瓣网_陪你做生活的设计师（发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品等）

这类网站就像是设计师的脸书/人人网，大牛设计师都在上面注册并发表自己的作品，灵感枯竭的时候，觉得自己审美不够的时候，都可以去上面逛逛，寻找灵感，提高审美，陶冶情操，和谐生活。

另外，真心推荐互联网公司UED部门博客，干货很多，值得学习。

腾讯CDC：腾讯CDC

腾讯ISUX ：腾讯ISUX – 社交用户体验设计

淘宝UED ：TaoBaoUED | 做地球上最好的 UED

阿里巴巴UED ：阿里巴巴（中国站）用户体验设计部博客U一点设计 UED团队

网易用户体验设计中心UEDC：网易用户体验设计中心

·各类App：

各种榜单、推荐应用的账号上新出来的App都可以关注，App集邮能力，就是你资历的一部分，很多超越也是在巨人的肩膀上改出来的。

4、练手

光说不练假把式啦~

·参加比赛：

现在手机主题设计、App皮肤设计各种比赛到处都是，有一定寄出之后适当参加比赛，都是锻炼人能力，崭露头角的好地方，运气好就直接拿到offer了。

·接私活：

虽然听上去有点微妙，但临摹能力、技术能力，这些都能在接私活中慢慢培养起来，而且还有真实收入。很有可能，你之后面试的作品就是私活带来的。

·实习：

既然要入行，当然要去里面自己体会下个中滋味，如果有幸去了大公司，很好你就能熟悉一套规范的设计工作流程；如果去的是小公司，那你可能就要成为独当一面的全能手了。总之，出去历练，是走向社会的第一步。

5、偶尔提神醒脑

初入行的你和年薪XX万的高级设计师之间有多少差距？

这里贴上facebook的产品设计师总监Julie Zhuo用草图解释初级设计师和高级设计师差别的文章，三个对比图，简单明了但发人深省，自我感觉良好的时候，可以上来看两眼醒醒脑。

从工作流程上来看，初级设计师就像亢奋的小精灵；高级设计师则在疯狂中有规则。

在设计追求上，初级设计师追求设计美感；高级设计师则创造新的价值。

在解决问题上，初级设计师往往脱离实际；高级设计师则更贴近产品实际。

最后说点自己的看法

很多人说互联网寒冬来了，眼看着找不到工作的学弟学妹逃离北上广，缩招裁员越来越明显，就极力游说周围的人别再从事程序员、设计师、产品经理等与互联网相关的岗位。

其实我始终不太赞同这个观点，这只是前几年互联网过度乐观膨胀发展后终于回归理性而已。

回归理性，意味着已经过了人有多大胆，地有多大产的时代。

回归理性，意味着行业从野蛮生长逐渐转向遵循市场规律。

回归理性，意味着企业对人才需求仍在，但要求渐高。

所以，做一个不那么恰当的比喻，

多才多艺的设计师就像一线城市的房价，尽管开价很高但还是供不应求。

学艺不精的设计师就像十八线城市的房价，在一路下跌的颓势再也硬不起来。

核心技能点是人才流通市场上永远的硬通货。

鸡汤一碗，与君共勉。

UI设计零基础如何自学，关于培训班该如何选择？

精彩回顾：

零基础学习UI，如何4个月入职互联网公司？

为什么要选择下班后努力学习？

没有天赋能做设计吗？

往期回顾：

平面设计和UI设计的区别，UI设计学习书籍推荐（零基础必看）

什么样的人适合学习UI设计？（转行必看）

UI设计课程一览表

零基础如何自学平面设计，需要学些什么？

平面设计课程介绍（最新版课程）

CDR广告设计课程介绍（最新版课程）

UI设计学习指南

新手学习Photoshop的七大戒律

给给初学Photoshop朋友的24条建议

菜鸟学习UI设计正确步骤，菜鸟看少走2年弯路！

UI真的很火，但入行前你需要了解这些！

为什么说UI设计师工资是设计界最高的?

UI设计学习技巧之学习方法

UI设计正式学员作品欣赏

学习UI设计，就从这里开始！

如何才能正确学习好UI设计

UI设计为什么很多人都想学？

如何学习ui设计 学习ui有哪些学习技巧

谈谈UI设计学习的方法

怎么让你快速学习UI设计！

如何4个月内成为月薪过万UI设计师

新手如何打破传统高效学习UI设计？

UI设计小白怎样学习才能快速入门？

学习UI设计的小技巧

UI设计学习不可不知的十大知识点，你都造吗？

2017年转行UI设计还有没有前途！

UI 是什么？UI 设计需要学习什么理论知识？

UI设计新手学习方法—如何勤奋、如何思考

学习UI设计，百度设计师推荐UI设计学习方法！

零基础UI设计学习方法

如何4个月内成为月薪过万UI设计师

正确的UI设计学习流程是怎样的？

UI设计学习大纲

学习Ui设计到底需要什么基础？

UI设计都学什么？怎么学最有效？

UI设计初学者如何避免走弯路？

学习UI设计到底需不需要基础？

为什么自学UI设计的人95%都学不会？

设计入门之UI设计学习路径

ui设计学习难吗？要从哪些方面入手

UI设计学习方法（腾讯UI设计师教你咋看，咋想，咋做）

怎么让你快速学习UI设计！

UI设计全程学习方法讲解（零基础必看）

什么是UI设计？

UI设计为什么那么火呢

你总说自学UI设计，为何总是半途而废

UI设计更适合哪些人学习呢？

什么是ui设计？都需要学什么？

UI发展前景好，那光靠努力就可以学会UI了吗？

UI设计分几种类型，小白应该怎么学习？

UI设计学习的方式

0基础学习UI设计必须做好的4个准备！

全面解析UI设计行业！适合在这个行业或者即将进入这个行业的你

想系统的学习UI设计，有哪些关于UI的书籍推荐

为什么ui设计薪资这么高？

什么样的人适合学习UI设计？（转行必看）

零基础如何学习UI 设计？

零基础学习UI设计要注意什么？

UI设计的未来发展如何？（还会一直火下去吗）

成绩差、学历低、年纪大的人能不能学习UI设计？

醒醒吧，月入3000的年轻人，你已经没救了

UI设计这个行业真的很缺人吗？市场饱和了吗？

因为你没有依靠，所以你必须强大

埋头苦学就会快速超神吗？

新手入门，UI到底是什么？不要只练图标哦~

没有天赋能做设计吗？

零基础学习UI，如何4个月入职互联网公司？

月薪过万的UI设计行业分别有哪些？

揭秘设计师是自由职业好还是全职工作好？

为什么要选择下班后努力学习？

UI设计0基础学习指南

月薪过万的设计师都是怎样提高审美的？

作为一名女设计师的未来之路在哪里？（深度分析）

找高薪UI工作，需要这种操作

设计师这份岗位是否能够让你做一辈子？

学习UI设计需要注意什么？

UI设计VIP学员是如何学习的---( 为什么4个月就可以学会 )

你不是想系统学习UI设计？机会来了，你上车了吗？

UI设计学习指南（让你少走弯路，新手必看）！

经验分享｜UI 设计入门和进阶学习攻略

《猎场》：做为一名设计师职场逆袭的3个必备素质

学习UI设计还有前途吗？

怎样才能成为一个合格的UI设计师？

UI设计零基础如何自学，关于培训班该如何选择？

想转行做UI ，不知道是自学还是报培训班学好？

为什么自学UI设计的人95%都学不会？

UI设计全新开班，现限量开放20个免费体验名额！

UI设计学习软件推荐（最新版本）

“UI设计师需要会画插画吗？”看了这个，你就不会再问了

UI到底是什么？我适合学UI吗？我是自学还是报班？

非科班转行想做UI，但画画拼不过美术设计专业的人，做UI会不会饿死？

工资3500元左右的，2018年就等着吧

UI是什么？怎么学？有几种方式？

这段话太狠了，直指人心！

2017年设计行业哪个薪资待遇最高？

设计是个可以坚持一生的职业吗？

如何成为月薪过万的UI设计师？怎么学习？

UI设计行业就业前景

明年不管你是做什么行业的，都要看看这篇文章

UI设计适合女生学吗？会不会很难？

关于学UI设计的五大问题

记住！提升自己，比什么都重要！（深度好文）

UI设计师如何从里到外提升自己的价值？

PS教程：用PS快速打造完美身材

(责任编辑：钟小英)

赞赏作者

学习可以直接联系QQ/微信156567001或者新浪微博@罗锦V，或者钟小英老师QQ/微信2719509659

加我备注：学习UI