明博体育

　　明博体育明博体育常常会听到这么一些忠告“多看 多想 多做”，这个我也很赞同，也是我经常会告诉新手的。

　　在我还是新人的时候，我更想得到 咋看 咋想 咋做的方法，那么我就凭自己多年的设计经验，讲解给大家听，希望能帮助到一部分迷茫的人。

　　你有没有发现一个问题，每天都在看各种设计作品，真到自己做的时候，一下子全都忘记了，脑子短路了。之前看到那么多好的设计作品也都白看了，人家的还是人家的，跟你半毛钱的关系也没有。有没有这种感觉~？

　　所以今天要讲的是个人的一些经验，希望看过这篇文章的同学，看完之后有种豁然开朗的感受，找到学习方法或是解开多年心结。

　　如果你保证每天学会5个知识点，一个月就是5*30=150，一年就是12*150=1800（这是保守的算法，不要纠结一个月是31天还是30天，不是重点）

　　答：你现在缺什么，你想学什么，工作中要用到的，或是找工作的时候，用人单位写的招聘要求，你看看你都有哪些不会的，这些都是可以学习的知识点和学习的方向。小到一像素的投影，一像素的高光，虚线做法，这些都是要学习的知识点。

　　14、红色 橙色 黄色 绿色 青色 蓝色 紫色 黑色 白色 灰色 这些你都知道怎么搭配好看吗？（这些就够你研究很久了吧）

　　上述的问题，我一天能收到好几个，那么今天我就详细的写一写如何开始学UI吧。

　　关于作者本人，大学时曾经兼职某培训机构PS讲师，对设计培训行业了解一二。自己是非科班出身纯自学无培训经历工作三年的每个月还完信用卡就感觉身体被掏空的普通UI设计师。

　　在当下这个时间点，一提到UI，大家其实会不由自主的指向移动端app设计而忽略UI的其他形式。网页、手机 app、pad app、车载系统，智能冰箱的控制窗口、智能电视的操作系统界面等等等等，其实都是UI的范畴。各位现在励志想学UI的同学们，不妨扪心自问一下，你为什么想学UI？

　　我综合分析了几个周围朋友和私信我的同学的真实案例，答案无非只有以下几种：

　　郭德纲有个段子说得好，一个人卖盆，结果卖了两个月发现不挣钱，然后就去卖猪肉了，从此以后再也没有卖过盆，这是正常人的择优手段。但是还有一个人卖盆，结果卖了两个月发现不挣钱，于是就去卖肉了，然后用业余时间继续卖盆，那这个人是真的喜欢卖盆，他对卖盆这个事情有着天然的兴趣。

　　这样吧不然，为了检验你是不是真的喜欢设计，我这里先推荐诺曼的那四本《设计心理学》，这是相对来说不那么枯燥乏味的设计方面专业书了，算是一种科普性质的，什么行业看了都没错。你先去啃下来，如果中途没有打瞌睡并且能够看个大致明白并且觉得还挺有意思的，那说明你可以具备一定的自驱力，可以去开始着手学UI。

　　自驱力是最重要的一点，为什么今年有一些三年工作经验以上的UI一下子就被淘汰了找不到工作？因为一个人的价值是和你的不可替代性成正比的，自驱力来源于兴趣，本身不是喜欢这个行业的设计不求上进两三年拿不出与工作经验相衬的作品，势必要被淘汰。

　　每个行业都有挣得很多的顶尖人才，还是那句话，一个人的价值是和你的不可替代性成正比的，但是普遍来说中国的互联网行业薪资构成一定是产品≈技术设计的，但是相对来说技术的行业门槛比较高，产品暂时抛开不论（手动微笑），而且在绝大多数非技术岗位互联网从业者的心目中设计这件事情是一个纯主观的事情，很多人甚至到今天还在说哎呀XXX今天更新好丑，他们公司的UI简直就是一坨屎这样的言论背景下，在前几年UI培训确实是如火如荼的进行。

　　用户体验行业从业者税前薪资年收入主要在 5 ~ 15 万；管理类薪资较高,集中在 10 ~ 25 万；视觉设计、 交互设计、品牌设计的薪资相对较低，偏向 5-10 万；用户研究，产品类的薪资居中，倾向于 10-15w。从图上可以得知，如果是一个下定决心打算进入UI设计/视觉设计行业的萌新，那请你做好一开始“不到5W一年”和“不到10W一年”的准备。

　　我大二的时候因为PS技术比较好，所以兼职在某培训机构教PS，先后带过三个班，一个是摄影后期那个就不说了，其余两个都是UI的基础班，只不过一个侧重移动端app，一个侧重网页设计而已（12年那时候还没sketch）。

　　我可以拍着胸脯保证我教授的PS知识能够完成市面上所有的app和网页设计，这个按钮是怎么实现的，渐变怎么拉，字行距间距怎么设置，布尔运算怎么操作这些你从我这里一学就会，包学包会，然而这并没有什么卵用。这就好比一个你去学习素描，老师告诉你铅笔分为几种，每一种黑度不一样，你手要怎么拿铅笔，排线要怎么练，面是由线构成的，好了，你画吧。你能画的出来才怪。

　　好了书归正传，虽然学会软件并不等于可以胜任UI设计的工作，但是学会一门软件是很基础的入门级的事情，市面上能用于UI设计的工具现在几乎淘汰到了只剩三款，PS/Ai/sketch，而其中Ai由于是基于对象的矢量绘制软件，在位图设计当中有着天然的劣势（当然也有很多人用，但是我个人是直接排除的，才不会告诉你我还见过firework流的UI呢）。

　　在Ps和sketch中，目前在UI设计工作中，我基本上完全会用sketch，Sketch实现不了的功能，偶尔会用PS辅助一下，Sketch实现不了什么功能呢，比如你现在想做一个弥散阴影（自行百度），sketch就实现不了，十分想吐槽sketch没有类似于PS图层“图层样式”的功能，不然基本上做UI就可以完全不打开PS了。

　　目前我的观点是Sketch可以作为UI设计主打软件，适合新手使用，入门简单，学习成本极低，插件丰富，功能足够强大，唯一美中不足就是只支持苹果系统，但是我认为如果你是决心入行的话，rmbp还是买一个吧。Sketch/PS的教程视频网上一搜一大把，这里我就不赘述了。学习一款软件，最重要的是持之以恒，一两个月绝对可以掌握，这部分外功没啥好说的。

　　作为新手来说，第一步应该关心的是：这张设计稿有没有什么技术难点是我实现不了的。

　　比如晚上睡觉的时候，无聊翻Pinterest，然后看到这张图，作为新手来说，心路历程大概应该是类似这样的：

　　其次看什么呢？尝试每看一张图的时候不要像刷朋友圈一样一晃而过，看的时候强行试着分析一下这张图的优点和缺点，同样举个例子：

　　比如这个UI界面，作为一个新手，自己尝试分析一下这个页面的优缺点明博体育，比如：

　　1.这个页面给人一种性冷淡风干净清爽的感觉（然后你去baidu/google”性冷淡风”,得到关键词“Normcore”，然后再继续dig deep，去详细了解这种设计风格。）

　　1.这个界面偏概念，隐藏了navigation bar和Status bar，在一般工作中这样设计需要谨慎

　　2.虽然美观，页面展现信息较少，在工作中一定是不适用了。比如图一，一屏信息只展现了人名+人简介+Add和Message按钮以及下面两个人物列表。图二更，只显示了这个人的这么一点信息，换句话说，这个页面所有呈现的信息约等于微博四分之一页面信息，除非这个app功能特别少，只强调美感，不然应该不太会这么设计：

　　分析是UI设计的基本功，不管是浏览设计网站看设计作品还是日常使用app和电脑浏览网站，都可以抱着这种分析设计的心态。如果你能根据你的设计分析写一个学习笔记什么的，相信我你会进步得更快。

　　同样是方形构图元素，第一张吸引我的是一种“品质感”，第二张吸引我的是颜色。

　　包括第一张MARKET IT下面一条线的形式感设计和第二张最下面鞋上的VANS AQUA SHOES的形式感设计，都是可以学习和借鉴的。

　　其实不太对，大家想这样一句话，我说让你抄同桌的作业和临摹同桌的作业，区别在哪儿？

　　给大家举个例子，下图是我临摹的UI中国高手@wtidus设计的Bridex形象，设计师作品链接如下：

　　在临摹和思考这只小鸡（人家是鸟）的过程中，学到了翅膀部分的的一些方法和尾巴地方的高光，觉得真是特别可爱~我再给大家举个例子，左面这张我自己作品里的一张图，之前还没有Sketch的时候用PS做的，后来学习Sketch的时候我又用Sketch临摹了一遍，放在右边：

　　其实仔细看是能看出区别的啦，但是临摹，起码要做到这种效果，每当你去临摹一张设计稿的时候，可能要花大量时间，但是收获巨大。

　　因为首先临摹第一步是需要测量，测量和临摹一个UI作品给我的帮助太大了，强烈建议每一位新手好好的，临摹一两款市面上很火的app，不管是什么，只要是你觉得界面还可以用着够方便，微信微博也好，美团网易云音乐也好什么都好，找一款app尝试测量和临摹，你会看到很多更深层次很有趣的东西。甚至可以了解这个产品UI当时的心路历程，总之临摹这件事你试试就知道了这方面我就不展开了，以后有机会另起一文。

　　，因为很多时候光看是不够的，有些时候你自认为很好实现的效果，到你手上实际去做的时候会发现根本就不是这样的，不信的话，下面这九个图标，你们可以选一两个去临摹一下试试：

　　临摹，是将“别人的”转化为“自己的”最优秀的办法。第一步先做到尽量一模一样，然后再去求变和思辨，往这个方向努力一段时间，回过头，你会发现自己的进步，除此之外，你还会发现，咦这些个app这种设计形式我都曾经见过。。。

　　UI设计师的自我修养step 3： 尝试分析 （Attempt to analysis）

　　尝试分析一款app，基本上是从app的信息架构入手的，这是一个UI偏UE和产品的工作，但是对UI设计师来说挺重要的，app的信息架构怎么做，说白了就是花时间把整个app点一遍，然后分析app的信息层级，一般我用Xmaind7去做信息架构图，比如我是一个dota2玩家，所以我曾经做过max+的产品架构，放在下面给大家看：

　　做信息架构的时候不光光是点完记录下来就结束了，要带着自己的想法去做，比如我图上标绿色的地方是这个app的重点功能模块，黄色的小问号是我初次做信息架构觉得信息展现有问题的地方。

　　这点不展开了，推荐大家上手做网易云音乐和的信息架构，做了我在说什么。

　　比如你之前是一个旅行类app的UI设计师，现在你即将跳槽去一个互联网金融p2p的创业型新公司，如何入手设计一款新的p2p类app呢？你只需要选择市面上最火的两三款p2p类app做一下信息架构，你就会明白一个大致的方向，因为行业里大家都是这么做的，你就把好的地方继承，不好的地方创新就是了。（心里话：说起来容易，做起来可完全不是这么一回事啊喂！Orz…)

　　很多UI设计师都喜欢做作品集，那自己没这么多线上作品怎么办？于是就做redesign，站酷上UI中国上到处都是各种产品的redesign，有一些做得确实很好，在分析一款产品的信息架构之后其实是很容易找出产品一些易用性问题的，那针对这样的易用性问题进行优化的redesign思维一定是有益的。我在这里提供第二种制作信息架构的方法，这种方法更偏交互，我把他称之为点击类信息架构：

　　具体这是一张特别大的图，我就不给大家展示全了，这里我着重想说的是这是另一种偏交互类的信息架构方法，图上那个S0，S1，S2是我自己编的词，S1代表的是一次点击就可以达到的页面，S2表示的是两次点击可以达到的页面，S3表示三次点击可以达到的页面，然后我把S1，S2，S3对齐排列，这样就可以知道这个app的每个功能深度（深度的意思是指你需要通过几次点击才能达到，点击次数越多当然就越深）。

　　比如分析的时候看到一个特别重要的功能被埋藏得比较深，那就说明这个app是有问题的，下次改版时候从UI方面着手看看能不能把他提前之类的。这当然是产品做的工作，但是UI设计师掌握这个没啥不好。

　　UI设计师的自我修养step 4：回顾与总结（Review and summary）

　　看完一本书，听完一个故事，一个项目结束之后，一个版本迭代完成之后，一份工作离职之后，都是需要总结的。总结开发中出现的问题。比如开发和设计稿不一致，是不是设计这边造成的，如果是，那我是怎么造成的，如果不是，那我有没有挽回的余地。总结设计中出现的问题，这些地方是不是还有优化的空间。总结沟通中出现的问题，是不是不该骂产品骂的这么狠。（我承认，我经常和产品撕得天昏地暗2333333 Orz…）

　　总之，总结是特别重要的一点，尤其是看完一本书之后的总结和踩到坑之后的总结，多和开发成为朋友，他们会教会你很多。（不然我特么作为一个设计怎么知道滑动切换瞬间navigationbar不能变色。。。）

　　就是美术基础，也就是素描手绘这块，这个对于后期的UI设计有一个很大帮助。

　　就是软件层次了，现在的UI设计师一般要掌握以下几个软件平面设计，比如PS AI AE AXURE 。

　　就是理论方面了。这个有内容就有点多了，比如配色，排版，字体设计三大构成消费心理学，沟通学，以及思维导图，原型图，还有交互逻辑，规范，切图，了解程序，互联网思维，用户体验，还有网络营销都是需要学习的。

　　，理论软件都会了，就是临摹作品，及原创作品了。然后就是不断的做项目，参与互联网各种UI大赛及一些兼职网接单兼职，和去互联网公司做UI设计工作等。之后不断的逛一些比较不错的设计网站，比如站酷网等。长期坚持下去就能把自己的设计水平慢慢提升。有了以上四个步骤，也不一定能成为UI设计高手，因为上面的是需要学的知识，这些知识如果只依靠零散似的自学是很慢很慢的。更何况，UI这条路的竞争也很强了，同时还要有很强的耐心，要能吃苦明博体育，能坚持，有信心，和专一。这样才能学会。

　　把这几点搞清楚，你就有会一个大概的思路和方向，学起来更轻松。下面我就来一一解答下这些问题，满满的干货！

　　： User Interface用户界面，泛指用户的操作界面设计，包含移动APP，网页，智能穿戴设备等产品设计。UI设计决定了产品的整体风格气质。

　　：User Experience 用户体验，它是用户在使用产品过程中建立起来的一种纯主观感受。UE设计旨在提升用户使用产品的体验，让设计的产品理解起来明白，用起来顺手。

　　：关注整个业务链中每一个环节，将设计的价值融入每一个和用户的接触点中，让整个业务的用户体验质量得到几何级数的增长。全链路设计强调用户为中心，兼顾商业盈利，技术实现和用户需求。二、

　　又是进入企业的一道门坎，没有好的作品集，可能连面试的机会都没有，希望以下分享对大家有所帮助。总的来说，学好UI设计是一个持久的过程，也是一件非常困难的事情。你需要全身心地投入其中，并把它作为一种兴趣来坚持。那么，你就离成功很近了。

　　我自己没上过培训班，但是别人这么说，我也觉得对。但是如何甄别培训班的水平，这是一个问题。）

　　（李涛的ps教程不错你可以看一下）（一边看，一边跟着做，动手很重要）（软件可以是别的比如AI，方法是一样的）

　　附赠一个PS新手手册，其实不仅仅是新手，这就像一个讲礼貌的素质，会赢得更多尊重。

　　找一些自己喜欢好看的图标、APP、网站截图下来，尽可能百分百临摹复制出来。

　　（不懂就看教程，百度，进各种设计、UI群，问别人，问朋友。百度和教程是第一位的，尽量少问别人，问多了会烦的。尤其是重复的问题，新手有时候简单的操作记不住不会，因此勤做笔记，一个一个步骤细致一点，确保下次还能按照步骤重来一遍）

　　很多不上手做就注意不到的问题最直接的效果就是你可以开始上手做东西，而不是做一些四不像的半成品。（因为你已经做了好几套成熟而完整的作品了，临摹的也是你做出来的）（

　　浏览各种设计类的网站（站酷，优设、UI中国。。。）看别人的学习经验，下载收集设计类的素材。

　　可能这里是别人的飞机稿，练习，项目上线以后才发布的稿件、很多是对新趋势的尝试，产品的改版、还是相对完整的作品。这也是有一定价值的。

　　（快速解决某些问题，掌握某些知识的利器），教程和各种精美实用的素材。（不建议花太多精力学习——某些过于炫技的东西）

　　下载各平台的设计规范（安卓，苹果，WP）仔细研读，并在练习中加以注意，应用。

　　自己觉得差不多了，就可以开始对已有的APP，网站进行修改设计，发现优点与不足。变成自己的东西。自己尝试做自己想法的东西，

　　以下为转载——以下为转载——以下为转载 ——以下为转载 ——以下为转载 ——————————————————————————————————————

　　如果你进来随便看一看就走了，那不能怪别人，是你自己不努力~！~~已经有很多新人在这里学完找到了高薪工作。今天来谈谈这个话题，学UI第一阶段到底要掌握哪些知识和技能。

　　——中级阶段——高级阶段QQ群里大多数学生都还在入门阶段，感到很迷茫，不知道从哪里开始学起。网上的海量信息，全是教程，都不知道先看什么，后学什么。非常的无助。

　　小编拥有多年UI设计实战经验，大大小小也做了很多项目，借这个机会，给新人们指引一个方向，希望能帮助到大家。

　　入门阶段，就像一张白纸一样，干干净净，也很茫然。所以才会有那么多的培训学校，教给大家的都是最基础的入门的知识。

　　下面我们来讲讲自学，因为小编从业多年都是自学。谁叫咱是穷孩子，交不起16800的学费。

　　对于入门阶段的童鞋来说，不要纠结那么多，先把Photoshop玩熟练再说吧。因为在日常工作中，用的最多的就是PS了，可以这么说，做UI界面基本上用它就够用了。所以入门阶段的你，不要瞎操那么多心了，专心学习PS吧.

　　这个时候，逮到什么画什么，比如打开百度的首页，这个界面不陌生吧，照着画一个出来。有人说了，这有什么好画的啊。你还别不服。很多入门级的新人，还真是做不出来。

　　Photoshop的知识点太多了，用了10年都不敢说精通。每个不同的设计领域用到PS的知识点也不一样。

　　比如做CG原画的，做网页设计，照相馆处理照片的等等用到PS功能都不太一样。

　　上面做的百度这个页面，看着简单，却用到了好几种的图层样式。那么像下边这样的按钮。

　　用到的就更多了。所以想打怪升级，还是要把图层样式玩的很熟悉，入门阶段要分析的出来，用到了什么效果。