描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787121314131
从早先的拟物化设计到扁平化风格,轻设计是什么……
你是否真的理解网页设计的轻与重风格之别……
好的设计应该让用户感到轻松、愉悦……
怎样不动声色又可以引导他人……
设计,意味着一切……
本书通过对网页设计的各个环节——轻网站的认识、情感与灵感、网站的结构类型、网页设计的布局、网页设计的配图和配色、页面元素的设计、网页设计工序的详细讲解,力图解密这类“看不见”的轻型网页设计,让读者了解轻设计这一风格,以及了解各大类型网站的结构,并从网页设计工序教会读者怎样与客户和开发人员沟通。
互联网和计算机硬件的不断发展,为网页提供了越来越多的资源与功能,另外移动终端设备的普及,让网页制作更加多元化,并且更加关注用户的交互体验及产品展示的个性化。我们在学习网页制作时,不能只在一片技术“汪洋”中辗转迂回,更要触碰到网页制作的核心。
轻设计是笔者在创始飞屋工作室之初,慢慢摸索出来的一类网页制作与设计模式。在网页制作中,轻设计表现出的是一类能为用户减少视觉负担、增加审美品质的效果。本书依据网页制作过程逐一揭开其中的每一个细节,从接到设计需求开始,直到*后交付设计稿。本书将其中的周转曲折和大量工作体验分享出来,目的是帮助每一位网页制作初学者找到出发点,绝非教条,更不希望对大家有所限制。
本书适合网页制作初学者、在校或在职的网页设计师,以及想要在网页设计与制作方向发展的人员。同时,本书也适合设计爱好者从网页设计的角度加以鉴赏品读。
第 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 设计师,我也体验了从技能掌握到自我挖掘这一成长过程。从早先的拟物化设计到扁平化风格,还有近期日渐成熟的
GoogleMaterial Design,这是互联网的生长过程,也是我们自己的成长轨迹。
当我开始思考我们与欧美地区网页设计风格之间的差异时,很自然归咎于文化因素。事实上,我们会发现现少有人将其当作一个设计过程进行处理,更没有人设立正式学科来框定某种概念。当我们想要学网页设计,只是在一片技术“汪洋”中辗转迂回,却极少触碰到设计的核心,把网页设计的过程细致整理并理清细节的人更是少之又少。所以,从浅层次看来,我们国内的网页设计相比国外,仍然有段距离。究其根本,那是由于我们或许从来没有在内心深处去探究这一设计过程。
轻设计是我在创始飞屋工作室之初,自己慢慢摸索出来的一类设计模式。也可以说,这是一种符合我们审美的设计风格。但当我提到模式的,并不是表示这就有固定范式和章法可循。只是在这种氛围框架之上,我们似乎可以离“粗制滥造”的时代远一些。
其实,在轻设计出现之前,已经有了扁平化风格的潮流。扁平化的风格是直奔“简洁”而去的,但简洁并不是设计的终使命,它应该是一把通向更高层次的审美概念的钥匙。简洁意味着更多空间,也就象征着更多自由。自由带来想象,意味着众多的可能。这就像你仰望星空那一瞬的感悟,或者接近禅的境界,如当头棒喝的一记反思。这需要层层递进,揭出网页设计中多层次的丰富内涵。
为了更顺畅地表达轻设计的概念,我从佛教文化和生活情趣里分别借来两个词汇,禅意思维和轻奢主义,它们的结合乍看是矛盾的,甚至是相互冲突的。这也是轻设计同时兼具的两种既矛盾又相互融合的境界。在我看来,获得良好的审美体验并不是目的,设计更是一种艺术。艺术没有喜怒哀乐,更没有沾沾自喜,往高处走也许只能高处不胜寒。而设计在此基础上必须有所互动,设计要和人发生关系,所以,怎样不动声色又可以引导他人,这需要的是不断磨炼的深厚内力。我们不仅要知道是什么,还要知道为什么。
“轻奢”是从时尚产业中衍生出来的词汇,后来演变为一种生活方式,指的是一种“没负担、有品质”的生活方式。在网页设计中,轻奢主义是一种能为用户减少视觉负担、增加审美品质的设计类型。它有减少主义的倾向,但又并非减少而不可。
任何紧张感都难免造成误解,轻奢主义试图缓和紧张的空间关系,把定义的权力还给观众。为了避免平淡化,我们在设计中又要学会如何讲好一个声情并茂的故事,利用设计技巧对元素进行微妙的平衡和对比。好的设计应该让用户感到轻松、愉悦。
我们还在这条路上挣扎,也许你比我走得更远,也许我看到了和你不一样的风景。现在我们还有时间能有机会将网页设计从头谈起。
本书依据设计过程来揭开网页设计中的每一个细节,从接到设计需求开始,直到后交付设计稿。设计过程中每一项的考虑都是在成为轻设计,并成为我们自己。我们将其中的周转曲折和大量工作体验分享出来,目的是帮助每一网页设计初学者找到出发点,绝非教条,更不希望
对大家有所限制。设计师交付的只是一张图稿,背后的努力无法细数,但这不是让别人认可的理由。更重要的是,我们是否真的理解了网页设计,是否真的理解了所谓的轻与重的风格之别。
作为致力于创造平面审美价值的 UI 设计师,要创作出轻奢效果的网页,首先需要明确目标和情感内核,凭空构建出一种浏览结构,形成网站的骨骼。由于 UI 设计还包含了与用户的交互,因此它必须被赋予更多的体验式的设计。但作为平面设计的一种,它又逃不开视觉审美的
法则,从排版到配色,每个过程都需要倾注设计师的巧妙构思,将内容进行重构。在这个过程中,网页图片的选用同样非常重要,它几乎是整个界面的“颜值担当”。因此,如何选用图片,用哪种类型的图片,用多少以及如何使用等问题贯穿了整个网页设计的主题。除此以外,由于网页还具有不断更新的功能,这意味着设计师在安排时还需要考虑后期维护和升级的空间,这必然要求设计出的网页是具有迭代能力的。
我想我并没有在写一本严肃地教你一步步应该如何设计网页的书,只是提供轻设计的风格探讨空间,分享我的观点,让我们可以走得更远。本书不敢说是完全的方法论,也不想成为纯理论,我试图在找一个平衡点。如果把所要学习设计的风格在“简单粗暴”和“细腻高冷”之间做一个分类,本书的价值观停留在后者居多。时间才是真正的试金石,廉价娱乐带来的狂欢会很快被迭代,这是我一直做设计时努力保持的初心。
保罗·兰德曾经说过,“设计,意味着一切。”而在这里可以这样认为,一切皆为设计。由于探索之路刚刚开始,本书或有诸多不足,还请谅解和指正。
评论
还没有评论。