视界·无界：写给UI设计师的设计书（全彩）

牛MO王，一个霸气又顽皮的名字，一如其人。

在站酷上初见他的帖子，犹如一道阳光，把设计行业内的一些非技术性的商务沟通技巧毫无保留地展现在大家面前，即便是我这个非专业人士也有豁然开朗的感觉。

翻开这本书，认真、刻苦、毅力、激情、励志扑面而来。无论你是小白，还是资深设计师，你都能从书里得到不一样的体会。这本书，会让正在路上的UI设计师少走很多弯路。

作为一名从事设计职业的设计师，或者正在通往成为设计师道路的朋友，都会遇到很多这样或那样的问题。什么是UI？和其他职业有什么区别？我该学什么软件？从零基础如何一步步地提升？该培养自己什么样的习惯才是一名好的设计师？工作中的正确流程是什么样的？对于配色、设计质量等有没有可以提升的技巧？该如何进入大公司，又如何应对面试？该如何对设计外包单报价？一名优秀的设计师应该遵守什么样的戒律？或许，这本书拥有你想知道的答案。工具书对大家的帮助是阶段性的，而本书更像是一本能作为一名设计师思维经验上的规划的指导用书。书籍并不能告诉你该走什么捷径，因为设计不会有捷径，但是可以告诉你避免少走弯路。

王涵（牛MO王）

BIGD联合创始人兼创意总监

Adobe认证交互设计师

站酷网粉丝排名前五的站酷推荐设计师

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

UI中国全国十佳UI设计师

个人荣誉：

2006 全国大学生“X动力平面海报”优秀奖

2012 百度云桌面 三等奖

2013 新浪天气通 优秀奖

2013 康佳手机主题设计 三等奖

2013 电信手机云桌面主题设计 优秀奖

2014 墨迹天气插件设计大赛 优秀奖

2014 小米主题设计大赛 入围奖

2014 华为EMUI全球手机主题设计大赛 优秀奖

2014 果壳电子智能手表UI设计大赛 优秀奖

2014 华为花粉吉祥物设计大赛 特别纪念奖

认识王涵（牛MO王）这位晚辈，便感觉他对艺术、对设计、对职业的态度都是诚恳和认真的。在他的书里，不仅可以帮助新一代设计师提升技能，同样也对他们的职业规划、职业态度指明了一个方向。艺术和设计本是一体的，它们不仅需要创作思想，同样需要良性的态度和正确的认知，为此我推荐这本书。

辽宁省青年美术家协会主席/国家一级美术师/硕士研究生导师常庆利

我一直在关注牛MO王在站酷网发表的系列文章，干货满满，人气超高。本书有50%的内容没有在站酷网发表过，如果你是一位有志于从事UI设计的设计师，本书会非常适合你，从UI设计入门、设计师的态度和技法等各个方面，牛MO王都毫无保留地分享自己的心得。诚意之作，值得大家一看。

站酷创始人&CEO梁耀明

牛MO王的大部分文章我都读过，非常适合UI刚入门或者打算进入这个行业的设计师，所以我也会经常推荐他的文章给一些向我请教的年轻朋友。

他的很多观点其实也是我想说的，因为我自己也是这样一步步摸索过来的，走了不少弯路。在目前这个UI教学依然不够专业的环境下，他的这些文章确实可以让年轻的设计师朋友们早些明白那些道理，少走一些弯路，这是非常有价值的。可能也正是这个原因，他有越来越多的设计师粉丝。

他不仅仅在讲设计本身，还从职业生涯、对待设计的态度、如何提升自己等更全面的角度出发，让大家对行业与设计的认识更整体。我希望好的内容能被更多的人看到，让更多的年轻朋友们受到启发，对这个行业有兴趣的朋友都来读一读吧。

ARK 联合创始人滕磊（火山大陆）

产品是设计的放大器。设计师除了专业的能力与知识结构，更多地培养产品感与用户感知更加重要。多学、多看、多感受。

RIGO设计创始人，小米首席设计朱印（Robin）

如果你希望成为一名UI设计师，作为一名初学者，那么这本书将会很适合你。本书作者用多年的从业经验总结了你该如何去看、如何去做及如何去思考与反思的问题。其中的一些方法可能是只有当你真正参与制作多年后才能够发现的技巧。

锤子科技视觉设计总监罗子雄（Pumel）

这是一本写给设计师的好书，用贴近当下的案例详细地讲解了设计技巧和工作经验，是一本不可多得的设计入门书籍，那些看似简单却爱不释手的UI设计是如何一步一步实现的，正是这本书想要告诉大家的。如果你是UI设计爱好者、从业新人，那么这本书再适合不过了。

腾讯网UED设计总监任婕

不翻书，只看到牛MO王的名字，就可知本书必会热销。先不说这是一位做事踏实、为人幽默的视觉老鸟儿，平日里只看他在我们优设上发布的文章，首日必定能使阅读量轻松破万，提起那篇脍炙人口的设计师报价公式，更是被设计师广为传阅，成了许多新入行同学眼中的行事标杆。总而言之，这是一本接地气的书，设计师要入行，要做UI，此书一定得捧来一读，相信你会有那种如获至宝的兴奋感，你一定会学到满卷的窍门，是千真万确的真本领，用优设的标识语怎么说来着——通篇的干货！

优设哥张鹏

阿牛一直活跃在UI中国，发布了不少对UI新人帮助很多的文章，几篇文章都位居榜首。从起初的iconfans论坛的一个无名小卒，慢慢地变成了一个很多人熟知的UI设计师，很荣幸见证了他一步步的成长。做设计其实不怕走弯路，怕的是选择了一条错误的路，并且一条路走到黑，白白浪费了青春大好时光和精力。本书不能说应该成为每位UI设计师必读的圣经，但是真正地能感受到作者阿牛对书中内容的认真及希望新人设计师们走一条对的路、向善的路的心情，我为他的态度和用心点赞。

小米生态链设计主管/UI中国联合创始人朱君

经历过才能言之有物，很感激有这样出色的设计师帮我们整理实用的设计内容，这可能是国内为数不多既优秀又原创的设计书籍，通过幽默、易懂、干练的描述，解读逻辑、原理、技巧等诸多设计层面，让我们了解设计究竟是什么，针针见血。这本书不仅适合那些初学的设计师，我觉得大部分设计师都应该看一看，书中提到的设计意识非常值得大家学习，是一本精彩的设计指引书籍。

设计是周而复始的累积，而设计思维是这些累积的成果。如果有人将自己多年感悟的成果分享给你，他一定是当代雷锋，这就是那本敢于奉献的书。

5plus联合创始人冯铁

在我眼里牛MO王是一个很认真的人，认真做设计，认真做UI，认真做教程，认真做自己的事业。认真生活的人都值得被认真对待，所以这本书你值得认真对待。

蚂蚁金服（支付宝母公司）品牌设计中心资深视觉设计师奚郁浩（阁楼妖怪）

UI设计领域已经逐步进入一个成熟期，不仅仅只热在图形界面，也不仅仅在空谈理论，而是回归到UI设计的价值本质。王涵的这本书也正是成熟于此时，设计概念、设计方法、实践经验等丰富且深入，在UI中国看过“牛mo王”分享的系列经验的设计师肯定更加了解，接地气的写法能够让你快速理解和消化这些内容，更好地进阶。相信这也是王涵近几年实践经验的结晶。

UI中国创始人&CEO 董景博

01
你好，UI
Hello，UI
002 什么是UI
004 什么是UE/UX
006 移动UI设计的崛起
008 UI设计的价值
012 UI设计的基本原则
015 UI不是LOGO
017 UI不是画画
020 UI不是网页
02
设计师不是万能的美工
The designer is not a panacea
024 各种各样的设计师
024 平面设计师
026 网页设计师
027 交互设计师
029 用户体验设计师
030 GUI设计师
032 美工
034 UI设计师
03
零基础的设计之路
The road of zero based design
040 第一步：把职业当成兴趣爱好
044 第二步：绘画知识很重要
050 第三步：掌握软件是实现创意的基石
065 第四步：“抄袭”别人超越自己
076 第五步：思考分析突破瓶颈期
080 第六步：享受生活是灵感的源泉
084 第七步：重新审视自己的作品
085 第八步：把兴趣爱好当成职业
04
好习惯决定好设计
Good habits determine good design
088 收集创意
092 管理资源
095 文件命名
101 来源收藏
102 懂得分享
05
设计师的正确工作流程
The correct working process of the designer
106 头脑风暴
108 交互草图
114 设计阶段
121 输出研发
123 动效描述
125 补充待命
125 产品上线
126 倾听用户
126 附：APP切图常用英文对照参考
06
色彩的奥秘
Mystery of color
130 准确地使用颜色
133 质感决定色彩
136 万能的环境色
138 统一设计风格
07
提高作品质量的技巧
Techniques to improve the quality of the work
144 镜像对称
147 强迫三改
149 同步实物
150 逼迫质问
08
三年入职大公司
Three years into the post company
154 填不满的职位
154 做好准备
158 第一年
159 第二年
161 第三年
09
简历与面试话术的秘笈
My resume and interview with you

164 该拿多少作品
165 作品从哪儿来
167 投递简历格式
170 期望薪资如何填
171 简历怎么写
173 面试前的准备
174 面试是兵法战
177 公司如何选择
177 衷心的祝福
10
外包单报价公式
Outsourcing quotation formula
180 公式
180 实例
181 合同
182 产出物
183 增值报价
184 价目表
11
UI设计师十戒律
Ten Commandments of the UI designer

序言/前言:

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

基本上我是看着阿牛成长起来的。

大家都知道阿牛几乎是UI界人人知晓的“大神”，却不知道他其实也是从一个小设计师做起的。

而他的成长历程，本身就是一个非常励志的故事。我是真的没想到，这个小伙可以通过自己的努力，“牛逼”到这种程度。

大概是2010年的时候，我们在一家业内知名的互动广告公司做同事。那时他也不叫牛MO王，而我已经是业内知名的所谓的“大神”，在我看来他真的是一个“菜鸟”。

我们都挺慢热的，以至于慢到什么程度呢?

在一个公司里，在座位非常近的情况下，3个月都没有说过话。这也是我们之后经常拿来打趣的梗。

但是几个月的工作接触下来，我发现他有种特别的潜质——一种坚韧不拔的毅力和对工作的认真和负责，以及北方人的重情重义与爽朗。

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

后来他去大连，在大连的一家大型软件公司做UI设计。其实，大连的设计氛围非常一般。

即使是在专业的设计公司里，大部分人也是混日子。

要知道一个公司的氛围很重要，一个大部分人都混日子的公司很容易影响到一个人的工作状态。

但他没有。

有一次到北京出差，我们见了一面。

我还记得他兴奋地跟我描述如何画一个图标的情景。然后拿iPad给我展示了他给某个品牌画的一套图标。然后给我讲解每个图标他是怎么思考又是怎么完成的。

其实认真这件事，非常要命。你可别小看认真。他可以认真到用好几天的时间去抠一个图标，细节细致到每一个像素。我想，他对UI的热爱，大致源于他对每一个像素的热爱吧。

我当时就觉得他是真的喜欢这个，擅长这个。

过了几年，果不其然。

我也曾带出过很多人，包括几名站酷网推荐设计师。

现在这个时代，懂得感恩的人，依旧不多。

但阿牛是其中之一。

他是一个很真诚的人，真诚到办培训班之后还建议别人自学。

其实很多做UI设计的小伙伴都知道，阿牛的文章帮助了很多人。

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

商业设计并不是一个封闭的系统，它是相通的。任何一个学习UI设计的小伙伴如果能掌握基本的平面设计、网站排版甚至品牌设计等，那么你在UI上面的造诣是非常大的。如果没有这些经历，他怎么会写出这些东西？

在这个行业内，缺少的就是他这样无私分享的人。尤其是他的UI系列的文章，影响了很多人。

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

如此就够了。

就像他的签名——“人活着就要实现自己吹过的‘牛逼’。”

我相信，这小伙总有一天会实现自己的梦想。

前奥美副创意总监灰昼

于2016年3月5日