《视界无界2.0》写给UI设计师的设计书

内容简介

作为一名从事设计职业的设计师，或者正在通往成为设计师道路的朋友，都会遇到很多这样或那样的问题。什么是UI？和其他职业有什么区别？我该学什么软件？从零基础如何一步步地提升？该培养自己什么样的习惯才是一名好的设计师？工作中的正确流程是什么样的？对于配色、设计质量等有没有可以提升的技巧？该如何进入大公司，又如何应对面试？该如何对设计外包单报价？一名优秀的设计师应该遵守什么样的戒律？或许，这本书拥有你想知道的答案。

工具书对大家的帮助是阶段性的，而本书更像是一本能作为一名设计师思维经验上的规划的指导用书。书籍并不能告诉你该走什么捷径，因为设计不会有捷径，但是可以告诉你避免少走弯路。

作者：王涵（牛MO王）

BIGD创始人兼创意总监

Adobe ACA中国设计委员会理事会员

Adobe 认证交互设计师

辽宁省青年设计协会理事

站酷十周年十大人气设计师 / 推荐设计师

UI中国全国十佳UI设计师

网页设计联盟全国十佳网页设计师

点击查看牛MO王的成长经历>

编辑推荐

适读人群 ：设计爱好者。奥美前创意副总监灰昼破例写序力荐；小米首席设计朱印、锤子科技前视觉设计总监罗子雄、腾讯UED设计总监任婕、ARK联合创始人火山大陆滕磊、站酷网CEO梁耀明、UI中国CEO董景博、优设哥张鹏等高颜值实力派联合力荐。

书籍详情

序言

本来我是要为牛MO王（以下称阿牛）的书写推荐的，但是我觉得还是写序比较好。

基本上我是看着阿牛成长起来的。大家都知道阿牛几乎是UI界人人知晓的“大神”，却不知道他其实也是从一个小设计师做起的。而他的成长历程本身就是一个非常励志的故事。我是真的没想到，这个小伙可以通过自己的努力，“牛”到这种程度。

大概是2010年，我们在一家业内知名的互动广告公司做同事。那时他也不叫牛MO王，而我已经是业内知名的所谓的“大神”，在我看来他真的是一个“菜鸟”。我们都挺慢热的，以至于在一个公司里，在座位非常近的情况下，相互之间3个月都没有说过话。这也是我们之后经常拿来打趣的梗。但是几个月的工作接触下来，我发现他有种特别的潜质——一种坚韧不拔的毅力和对工作的认真与负责，以及北方人的重情重义与爽朗。

从此，我们成了无话不谈的好友。

后来他去大连，在大连的一家大型软件公司做UI设计。其实，大连的设计氛围非常一般。即使在专业的设计公司里，大部分人也是混日子。要知道，一个公司的工作氛围很重要，一个大部分人都混日子的公司很容易影响一个人的工作状态，但是他没有受到影响。

有一次他到北京出差，我们见了一面。我还记得他兴奋地跟我描述如何画一个图标的情景，并拿iPad给我展示了他给某个品牌画的一套图标，然后给我讲解每个图标他是怎么思考又是怎么完成的。

其实，认真这件事，非常要命。他可以认真到用好几天的时间去抠一个图标，细节细致到每一个像素。我想，他对UI的热爱，大致源于他对每一个像素的热爱吧。当时我就觉得他是真的喜欢这个、擅长这个。几年之后，果然如此。

我也曾带出过很多人，包括几名站酷网推荐设计师。现在这个时代，懂得感恩的人，依旧不多，但阿牛是其中之一。他是一个很真诚的人，真诚到办培训班之后还建议别人自学。很多做UI设计的小伙伴都知道，阿牛的文章帮助了很多人。

之所以我能为阿牛写这么多，和他的经历是分不开的。他做过平面设计、网站、互动网站，转到UI设计方向简直可以说是顺风顺水。

商业设计并不是一个封闭的系统，它是相通的。任何一个学习UI设计的小伙伴如果能掌握基本的平面设计、网站排版甚至品牌设计等，那么他在UI上面的造诣是非常大的。如果没有这些经历，他怎么会写出这些东西？在这个行业内，缺少的就是他这样无私分享的人。尤其是他的UI系列文章，影响了很多人。

或许有人不喜欢他，但无法否认的是，更多的新人看了他的文章以后，少走了很多弯路，如此就够了。

就像他的签名——“人活着就要实现自己吹过的牛。”我相信，这个小伙总有一天会实现自己的梦想。

奥美前创意副总监/赤云社创始人——灰昼

自序

我是谁

我的网名是牛MO王。牛是生肖，MOMO是我于2006年创作的表情，王是本姓。

大学就读于吉林动画学院（现在被称为“中国动漫产业的黄埔军校”）。当初在我入学的时候，这并不是一所有名的大学。

高考之后填写报考学校的时候，因病不能填写志愿，那时又没有手机，所以同桌阴差阳错地帮我报了吉林艺术学院动画系和吉林动画学院设计系。但我并没有因此自暴自弃——既然选择了设计系，就努力做下去。同系比我起步优秀的人有很多，绘画能力比我高的人也不少，但我却总能获得优秀作业奖。只是因为我比别人用心，态度更认真。

大四时我利用课余时间玩起了Flash，而且帮助互动专业的同学做了两分钟的动画作为其毕业设计，被评为优秀毕业设计。

毕业后，我在北京某外企公司做平面设计，俗称小美工。虽然安逸，可内心的灵魂总是会因互联网潮流的发展而躁动。

当我接触网页设计后便无法自拔，于是以低薪进入互动广告行业，做起了互动设计师。刚接触网页设计半年的我，因为同事的一句“你一辈子都不可能上68设计联盟专访”的玩笑，而暗自下定决心。半年后我接受了68设计联盟专访，并且获得“2010年度中国十佳优秀网页设计师”殊荣。当时，68设计联盟是国内最大的网页设计平台。

后来随着移动互联网时代的来临，我再次转行，成了UI设计师。由于离开了北京，因此学习交流就靠网络。

在大连这座城市我的职位是UED（用户体验设计师），在一个全国有３万名员工的企业，只有我一个设计师的200人的部门，一做就是3年。3年时间，说长不长，说短不短，我在这里经历了很多风风雨雨。

2014年，我终于下定决心组建了BIGD这个团队，并且注册了大连必格设计有限公司。

2015年，翻开新的篇章，很荣幸在年初的时候，我和合伙人aiki007获得了“UI中国十佳UI设计师”的殊荣，这是对我们莫大的鼓励和荣耀，更是促进我行动的源泉。同年，我拿到了Adobe交互设计师资格证书，我相信未来迎接我的便是光明，也深刻地领悟到“越努力越幸运”这句话的含义。

2016年，站酷举办十周年活动，我再次入选“站酷十大人气设计师”，而且BIGD团队入选“站酷十大最酷团队”，这是一份新的挑战、新的荣耀。

2017年，我成为辽宁省青年设计协会理事，也担负更大的责任，期待为更多新行业里的新人带来更多价值，培养更多年轻的设计从业者，让他们具有正确的三观和正直的态度。

我走得并不快，底子并不厚，不过即使是蜗牛般的速度，我还是会不断地向前爬行。因为我从不服输，我相信，即使不在一线城市，不在所谓的互联网巨头企业中，我仍然能做一名优秀的“设计师”。

这就是我，一个以蜗牛般的速度前进的设计师。

为什么要写这本书

业内比我优秀的人有很多，这本书的编著是一个非常有趣的契机。以前的我经常活跃于站酷网，后来有幸成为站酷网推荐设计师。刚入行的时候，深知求学的痛苦——没有人指导，只有自己去摸索，走过很多弯路，吃过很多苦头。现在稍微有一点点成绩，感觉可以给大家分享一些经验，帮助新人朋友避免走弯路。于是，在站酷网、UI中国（前身为iconfans）、优秀网页设计等平台分享了很多内容，包括UI系列文章、图标案例教程、交互动画教程等。

在各大平台也收到过很多朋友的私信，向我咨询相关知识。基本上每一个问题我都会耐心、认真地去解答，后来发现问题实在是太多了，而且有很多问题都是相似的，并且大多数人也都在问与技法相关的问题，很多朋友就对我说希望我能出书，让更多的人受益。当时我已经萌发了出书的念头，只是觉得没有找到合适的出版社。

后来，电子工业出版社的编辑找到了我，问我有没有意向出一本关于UI设计教程的书，我想这正好是个机会，于是在网络上发表了UI系列文章，没想到反响非常好。由于内容有趣，以至于被很多平台转载，这让我感到非常高兴。同时也更加觉得这个行业太需要一本书来为初学者指点迷津了，于是埋头写完这本书。后来发现UI不是三言两语就能讲完的，需要更加通俗易懂、接地气的词语和案例才能说清楚。所以在编写这本书的时候我尽可能地用比喻及通俗的语言去说明，希望看到这本书的读者会接受并喜欢这样的方式。在这里，感谢编辑对我的支持与帮助！不能说这本书是业内标杆，但是我会尽自己最大的努力去帮助和指导新人步入UI殿堂。

这本书有什么不同

如果你不慎入错了行业，或者想转行，并且对UI设计有浓厚的兴趣，或者想提升自己，或者想了解设计团队的执行和管理，那么我非常推荐你看这本书，我相信，这里的内容和思路一定会对你日后的工作有很大的帮助。

同时我也建议，即使你已经掌握了其中的部分内容，也应该花一些时间耐心、细致地看完，相信一定会有不一样的收获，这也是我最期待的结果。

感谢那些人

一路走来，既坎坷又幸运。

由衷地感谢那些帮助我的人，那些支持我的人，因为是你们激励我在这个行业做出了些许成绩。如今，我相信自己可以去帮助更多的年轻设计师，这是我存在的价值和应尽的责任。同时也寄语即将踏上设计旅程的朋友们，设计是源于生活、服务于生活的，不应该闭门造车，多分享才能彼此进步，才能不断地去改善中国设计的大环境，我认为，这是一名设计师应有的态度和应具备的一种责任感。

最后，真诚地对书籍对面的每一位读者说一声：“谢谢！”

再版序

互联网产品都会进行版本的迭代更新，书籍同样如此。

我要深深地感谢一直以来关注、支持我和《视界·无界：写给UI设计师的设计书》第1版的读者朋友们，感谢大家对书籍内容的肯定。在京东、豆瓣读书、微信读书等平台看到大家对书籍的赞誉和肯定，让我有莫大的荣誉感。

在2016年写完人生第一本书的时候，我真的非常开心。图书出版后不断地再版，让我完全没想到阅读这本书的读者如此之多。在得到赞誉的同时，我也看到了一些意见和建议，这让我产生了很多遗憾，为此，做一个深刻的反省。同时也暗自下定决心，要让修订版的内容更丰富。

首先，对于第1版的封面，原本的设计想法是无论反正、上下，在不同的角度都能读出“视界无界”这个名字，却也忽略了识别性，造成有几位读者加我微信告诉我说这个名字真的很难辨认。其次，内容上即使经过多次校对，还是出现了错误，这让我觉得很惭愧。书籍应该是非常严肃的事情，一点点文字疏忽都可能会让读者误解，应该更加认真、仔细校对。再次，由于写这本书的时候是2014年，而历经两年的时间，在2016年开始出版印刷时，其中很多资讯、信息已经随时代老去，也有很多内容没有及时更新。

关于一些细节内容，比如，设计师的报价技巧、如何详细地将报价单提交给客户、面试简历的具体内容，而且很多内容缺少画面实例和数据表格等，这些都是大家非常关心的问题。

在众多评价中，我看到有读者评价“本书只适合初学者”，虽然我也清楚无法让一本书面向所有层次的群体，但是我希望内容能够更加完善，而让人在不同时期、不同级别、不同年龄层次和职位都有不同的感受，这是我的一点点期待。

为了使书中的内容更趋于完美，我与编辑沟通，再次改版，无论是作为2.0版还是修订版都可以，因为我希望能够完善它，而并非把它当成一个简单的“看过以后就放在书架里不再翻阅”的收藏品。这次改版内容也增加了100多页的“干货”，而且原计划更新30%，慢慢地更新到了50%，最终更新了80%以上的内容。同时，站在两个立场去阐述内容，力争让各个阶层的读者都能够有所收获，并添加了对“设计”的新理解。我希望在UI日益强大的当今中国，能写出一本让国人骄傲的UI书籍，这是我改版的初衷。

从2013年的设计总监，到现在运营一个设计公司的CEO，自身的身份变化让我对“设计”这件事更有不同的体会，对于移动端互联网也有更多的感悟和接触，对于这个时代的设计也有了更丰富的体验和经历。我想，这是我应该和大家分享的，这些经验和经历也是本书真正的价值。

以前做设计更多的是为了满足视觉、满足艺术性、满足精神层次的需求，而当自身将设计师身份和运营身份结合以后，对于设计这件事又有了全新的概念：设计应该具有规则性和目的性，这是我改版的目的。

设计不是绘画，绘画可以让人在某个时间拿起画笔和颜料在画布上尽情挥洒，随心所欲地创作，因为你面向的群体是懂你的人，是喜欢你的作品风格的人。而你若是一名设计师，那么你的设计作品绝对不能随意，而是要有目的性，无论是概念设计还是Redesign（针对现有产品重新设计），都要明确产品的定位、设计的目的、用户的需求、交互的行为、风格的解释、最终完成的复盘及反推，否则你的设计毫无意义。

书籍能引发读者哪些思考、能为读者解决什么问题，这是我对书籍价值的认知。也正因如此，我利用一年的时间重新阅读了大量书籍和参考文献，汲取优秀的思维，发掘欠缺的问题。同时，在知乎、脉脉等平台时刻关注设计师想了解什么、需要什么、最难被解决的问题是什么，以及什么样的内容是愿意被阅读的，这是我改版的愿景。

在我还是设计师的时候，特别不认同的一种“领导”就是让设计师把LOGO放大的人。而当我自己变成领导以后，看着团队成员在做设计的时候，LOGO同样很小，才感受到当初的年少轻狂。客户可能要做的是一个商场海报，设计的LOGO虽然很有格调，但是太小了，因为在商场张贴的海报和用手机查阅的环境是完全不同的，因此客户的投放目的就没有了。因为加深顾客对品牌的印象、了解品牌属性才是设计的目的，设计师不能拿着客户的钱还要满足自己的“审美”。就好像你花8000块钱请了一个健身教练，而他不怎么教你如何健身，而是自己在那里自顾自地练。满足自己的需求而忽略顾客的感受，这是所有设计师值得思考的事情。

UI设计进入了一个鼎盛时代，越来越多的人喜欢上了UI设计，从事了与UI设计相关的工作，也有很多人因为竞争的激烈放弃了UI设计，甚至在一些文章及订阅号中出现了“UI饱和”、“互联网寒冬”等字眼，可结果呢？两年后，UI设计还是那么火爆。竞争更激烈了，因为优秀的人越来越多，企业必然会选择优秀的人才，而淘汰那些投机主义和滥竽充数的人。在自媒体的订阅号时代，“套路”就是给粉丝制造焦虑，贩卖焦虑，然后从中得“利”。

在此，我也希望此时正在阅读本书的你，成为一个自身强大、有着一身本领的人。

所以，请不要在意过多的舆论，做我们自己，踏踏实实地一步一步向前就可以了。待到付出得足够多，在对的时间，就会真正理解“天道酬勤”这句话的真正含义。

——牛MO王（王涵）