产品特色

编辑推荐

　　从早先的拟物化设计到扁平化风格，轻设计是什么……

　　你是否真的理解网页设计的轻与重风格之别……

　　好的设计应该让用户感到轻松、愉悦……

　　怎样不动声色又可以引导他人……

　　设计，意味着一切……

　　《轻设计：网页设计中的轻奢主义和禅意思维》通过对网页设计的各个环节——轻网站的认识、情感与灵感、网站的结构类型、网页设计的布局、网页设计的配图和配色、页面元素的设计、网页设计工序的详细讲解，力图解密这类“看不见”的轻型网页设计，让读者了解轻设计这一风格，以及了解各大类型网站的结构，并从网页设计工序教会读者怎样与客户和开发人员沟通。

内容简介

　　互联网和计算机硬件的不断发展，为网页提供了越来越多的资源与功能，另外移动终端设备的普及，让网页制作更加多元化，并且更加关注用户的交互体验及产品展示的个性化。我们在学习网页制作时，不能只在一片技术“汪洋”中辗转迂回，更要触碰到网页制作的核心。

　　轻设计是笔者在创始飞屋工作室之初，慢慢摸索出来的一类网页制作与设计模式。在网页制作中，轻设计表现出的是一类能为用户减少视觉负担、增加审美品质的效果。《轻设计：网页设计中的轻奢主义和禅意思维》依据网页制作过程逐一揭开其中的每一个细节，从接到设计需求开始，直到最后交付设计稿。《轻设计：网页设计中的轻奢主义和禅意思维》将其中的周转曲折和大量工作体验分享出来，目的是帮助每一位网页制作初学者找到出发点，绝非教条，更不希望对大家有所限制。

　　《轻设计：网页设计中的轻奢主义和禅意思维》适合网页制作初学者、在校或在职的网页设计师，以及想要在网页设计与制作方向发展的人员。同时，《轻设计：网页设计中的轻奢主义和禅意思维》也适合设计爱好者从网页设计的角度加以鉴赏品读。

作者简介

我是完全自由式的UI设计师，就像野外生存一样自我成长、自我反省、自我寻路。如果你问我有什么爱好，大概都与审美有关：绘画、设计、阅读、做美食、欣赏美人美景。

我是飞屋设计工作室的创始人，拥有十年设计行业经验。飞屋设计工作室是国内领先的独立网页设计工作室。我在网络上发表关于设计的文章，优设、UI中国等设计类网站会在首页推荐我的文章，有一部分人通过这些渠道认识了我。我会整理自己一路成长中的对设计方方面面的理解。这一切与我总是用文字保存自己的学习轨迹的习惯有关。我把一切的创作都理解为“时空胶囊”，目的是保存当下的理性与感性，以便走更长更远的路。

我认为设计并不是一门技艺，而是一个生活的角度。设计师只是切换到了这个角度，完全用自己的视角去重新看世界。这个全新的视角也就赋予了设计中的趣味所在。

内页插图

目录

第 1 章 简、轻、灵：初识网页中的轻设计 / 1

看不见的设计：如何设计一枚鸡蛋 / 4

留白：华丽的隐忍场 / 8

极简主义：不只是为了简单 / 10

扁平化：新航海时代 / 12

第 2 章 无声之韵：故事感 / 17

情感区间：在钻戒和铅笔之间 / 18

狩猎灵感的小甜点 / 28

作为主创的生活 / 41

第 3 章 游戏规则：“轻网站”的结构类型 / 47

品牌网站：个性形象沙龙 / 49

互动网站：往来之道 / 54

轻杂志：口袋里的阅读革命 / 57

轻商城：商业世界的小而美 / 58

活动单页：变装时间 / 61

第 4 章 禅意空间：网页设计的布局 / 65

空间感：无的哲学 / 67

视觉平衡 / 82

结构感：隐形的视觉骨架 / 89

灵动版式 / 95

第 5 章 一图一世界：轻网页的御图术 / 105

网页中的六类配图 / 107

摄影配图：镜头叙事 / 116

插画配图：浪漫风格化 / 127

纹理：可触视觉 / 133

图片搭配法则 / 134

图文配，字与形 / 137

第 6 章 情感魔术：充满灵性的配色 / 143

以色彩之名 / 144

配色方法论：观感谜题 / 164

第 7 章 页面元素：细节里的小性感 / 179

LOGO：风格的协奏 / 180

导航：信息的列兵 / 184

图标：形象抽取的艺术 / 190

按钮：动作触发点 / 194

输入框：UI 礼仪课 / 200

第 8 章 角色相对论：网页设计的工序 / 209

一场对话 / 210

设计未完成 / 218

前言/序言

　　在很多年前，互联网刚开始发展，处于学生时代的我就在Explore里把自认为界面优美的网站收藏起来。当时，这只是纯属私人爱好的一件事情，和20世纪90年代的人喜欢集邮一样。没想到，后来我成为了一名UI设计师。

　　作为UI设计师，我也体验了从技能掌握到自我挖掘这一成长过程。从早先的拟物化设计到扁平化风格，还有近期日渐成熟的GoogleMaterialDesign，这是互联网的生长过程，也是我们自己的成长轨迹。

　　当我开始思考我们与欧美地区网页设计风格之间的差异时，很自然归咎于文化因素。事实上，我们会发现现少有人将其当作一个设计过程进行处理，更没有人设立正式学科来框定某种概念。当我们想要学网页设计，只是在一片技术“汪洋”中辗转迂回，却极少触碰到设计的核心，把网页设计的过程细致整理并理清细节的人更是少之又少。所以，从浅层次看来，我们国内的网页设计相比国外，仍然有段距离。究其根本，那是由于我们或许从来没有在内心深处去探究这一设计过程。

　　轻设计是我在创始飞屋工作室之初，自己慢慢摸索出来的一类设计模式。也可以说，这是一种符合我们审美的设计风格。但当我提到模式的，并不是表示这就有固定范式和章法可循。只是在这种氛围框架之上，我们似乎可以离“粗制滥造”的时代远一些。

　　其实，在轻设计出现之前，已经有了扁平化风格的潮流。扁平化的风格是直奔“简洁”而去的，但简洁并不是设计的最终使命，它应该是一把通向更高层次的审美概念的钥匙。简洁意味着更多空间，也就象征着更多自由。自由带来想象，意味着众多的可能。这就像你仰望星空那一瞬的感悟，或者接近禅的境界，如当头棒喝的一记反思。这需要层层递进，揭出网页设计中多层次的丰富内涵。

　　为了更顺畅地表达轻设计的概念，我从佛教文化和生活情趣里分别借来两个词汇，禅意思维和轻奢主义，它们的结合乍看是矛盾的，甚至是相互冲突的。这也是轻设计同时兼具的两种既矛盾又相互融合的境界。在我看来，获得良好的审美体验并不是目的，设计更是一种艺术。艺术没有喜怒哀乐，更没有沾沾自喜，往高处走也许只能高处不胜寒。而设计在此基础上必须有所互动，设计要和人发生关系，所以，怎样不动声色又可以引导他人，这需要的是不断磨炼的深厚内力。我们不仅要知道是什么，还要知道为什么。

　　“轻奢”是从时尚产业中衍生出来的词汇，后来演变为一种生活方式，指的是一种“没负担、有品质”的生活方式。在网页设计中，轻奢主义是一种能为用户减少视觉负担、增加审美品质的设计类型。它有减少主义的倾向，但又并非减少而不可。

　　任何紧张感都难免造成误解，轻奢主义试图缓和紧张的空间关系，把定义的权力还给观众。为了避免平淡化，我们在设计中又要学会如何讲好一个声情并茂的故事，利用设计技巧对元素进行微妙的平衡和对比。好的设计应该让用户感到轻松、愉悦。

　　我们还在这条路上挣扎，也许你比我走得更远，也许我看到了和你不一样的风景。现在我们还有时间能有机会将网页设计从头谈起。

　　本书依据设计过程来揭开网页设计中的每一个细节，从接到设计需求开始，直到最后交付设计稿。设计过程中每一项的考虑都是在成为轻设计，并成为我们自己。我们将其中的周转曲折和大量工作体验分享出来，目的是帮助每一网页设计初学者找到出发点，绝非教条，更不希望

　　对大家有所限制。设计师交付的只是一张图稿，背后的努力无法细数，但这不是让别人认可的理由。更重要的是，我们是否真的理解了网页设计，是否真的理解了所谓的轻与重的风格之别。

　　作为致力于创造平面审美价值的UI设计师，要创作出轻奢效果的网页，首先需要明确目标和情感内核，凭空构建出一种浏览结构，形成网站的骨骼。由于UI设计还包含了与用户的交互，因此它必须被赋予更多的体验式的设计。但作为平面设计的一种，它又逃不开视觉审美的

　　法则，从排版到配色，每个过程都需要倾注设计师的巧妙构思，将内容进行重构。在这个过程中，网页图片的选用同样非常重要，它几乎是整个界面的“颜值担当”。因此，如何选用图片，用哪种类型的图片，用多少以及如何使用等问题贯穿了整个网页设计的主题。除此以外，由于网页还具有不断更新的功能，这意味着设计师在安排时还需要考虑后期维护和升级的空间，这必然要求设计出的网页是具有迭代能力的。

　　我想我并没有在写一本严肃地教你一步步应该如何设计网页的书，只是提供轻设计的风格探讨空间，分享我的观点，让我们可以走得更远。本书不敢说是完全的方法论，也不想成为纯理论，我试图在找一个平衡点。如果把所要学习设计的风格在“简单粗暴”和“细腻高冷”之间做一个分类，本书的价值观停留在后者居多。时间才是真正的试金石，廉价娱乐带来的狂欢会很快被迭代，这是我一直做设计时努力保持的初心。

　　保罗·兰德曾经说过，“设计，意味着一切。”而在这里可以这样认为，一切皆为设计。由于探索之路刚刚开始，本书或有诸多不足，还请谅解和指正。

印刷不错，很小清新，就是要这种feel~~~~~

这个书印刷一般。内容还行

内容还没看，但，就里面的所有配图来说，这不是一本合格的设计书，没有一张配图是清晰的。但也有可能是盗版书吧。一星。

很棒棒！

内容还没看，但，就里面的所有配图来说，这不是一本合格的设计书，没有一张配图是清晰的。但也有可能是盗版书吧。一星。

内容还没看，但，就里面的所有配图来说，这不是一本合格的设计书，没有一张配图是清晰的。但也有可能是盗版书吧。一星。

内容还没看，但，就里面的所有配图来说，这不是一本合格的设计书，没有一张配图是清晰的。但也有可能是盗版书吧。一星。

内容还没看，但，就里面的所有配图来说，这不是一本合格的设计书，没有一张配图是清晰的。但也有可能是盗版书吧。一星。

这个书印刷一般。内容还行