轻设计:网页设计中的轻奢主义和禅意思维
  • 推荐0
  • 收藏1
  • 浏览1.0K

轻设计:网页设计中的轻奢主义和禅意思维

卢颖睿 (作者) 

  • 书  号:978-7-121-31413-1
  • 出版日期:2017-06-01
  • 页  数:228
  • 开  本:16(170*240)
  • 出版状态:图书立项
  • 维护人:孔祥飞
纸质版 ¥59.00
互联网和计算机硬件的不断发展,为网页提供了越来越多的资源与功能,另外移动终端设备的普及,让网页制作更加多元化,并且更加关注用户的交互体验及产品展示的个性化。我们在学习网页制作时,不能只在一片技术“汪洋”中辗转迂回,更要触碰到网页制作的核心。
轻设计是笔者在创始飞屋工作室之初,慢慢摸索出来的一类网页制作与设计模式。在网页制作中,轻设计表现出的是一类能为用户减少视觉负担、增加审美品质的效果。《轻设计:网页设计中的轻奢主义和禅意思维》依据网页制作过程逐一揭开其中的每一个细节,从接到设计需求开始,直到最后交付设计稿。《轻设计:网页设计中的轻奢主义和禅意思维》将其中的周转曲折和大量工作体验分享出来,目的是帮助每一位网页制作初学者找到出发点,绝非教条,更不希望对大家有所限制。
《轻设计:网页设计中的轻奢主义和禅意思维》适合网页制作初学者、在校或在职的网页设计师,以及想要在网页设计与制作方向发展的人员。同时,《轻设计:网页设计中的轻奢主义和禅意思维》也适合设计爱好者从网页设计的角度加以鉴赏品读。
1. 本书从视觉设计的角度对“轻设计”在网页设计中的风格表现作深入的剖析,“轻设计”是一类最新的设计的范式,必要的留白、简洁的界面让它从纷繁复杂的设计风格中脱颖而出,自成一体。2. 作者着力于创造平面审美价值的UI设计师,要创作出轻奢效果的网页,本书澄清了网页设计目标和情感内核,介绍如何凭空构筑一种浏览结构,形成网站的骨骼。3. 如何选用图片,哪种类型的图片,用多少以及如何使用贯穿了整个网页设计的主题,本书对网页设计中的版式、配色、导航、配图和页面元素进行了深入的探讨。4.懂得浅层的前端代码原理,这对网页设计师来说绝对是画龙点睛而非锦上添花,本书还介绍了网页设计师需要注意的设计和技术结合的方面,让设计师与前端人员沟通顺利。
作者卢颖睿的自我介绍:
我是飞屋设计工作室的创始人,拥有十年设计行业经验。飞屋设计工作室是国内领先的独立网页设计工作室。我在网络上发表关于设计的文章,优设、UI中国等设计类网站会在首页推荐我的文章,有一部分人通过这些渠道认识了我。我会整理自己一路成长中的对设计方方面面的理解。这一切与我总是用文字保存自己的学习轨迹的习惯有关。我把一切的创作都理解为“时空胶囊”,目的是保存当下的理性与感性,以便走更长更远的路。
我认为设计并不是一门技艺,而是一个生活的角度。设计师只是切换到了这个角度,完全用自己的视角去重新看世界。这个全新的视角也就赋予了设计中的趣味所在。
在很多年前,互联网刚开始发展,处于学生时代的我就在 Explore里把自认为界面优美的网站收藏起来。当时,这只是纯属私人爱好的一件事情,和 20 世纪 90 年代的人喜欢集邮一样。没想到,后来我成为了一名 UI 设计师。
作为 UI 设计师,我也体验了从技能掌握到自我挖掘这一成长过程。从早先的拟物化设计到扁平化风格,还有近期日渐成熟的 GoogleMaterial Design,这是互联网的生长过程,也是我们自己的成长轨迹。
当我开始思考我们与欧美地区网页设计风格之间的差异时,很自然归咎于文化因素。事实上,我们会发现现少有人将其当作一个设计过程进行处理,更没有人设立正式学科来框定某种概念。当我们想要学网页设计,只是在一片技术“汪洋”中辗转迂回,却极少触碰到设计的核心,把网页设计的过程细致整理并理清细节的人更是少之又少。所以,从浅层次看来,我们国内的网页设计相比国外,仍然有段距离。究其根本,那是由于我们或许从来没有在内心深处去探究这一设计过程。
轻设计是我在创始飞屋工作室之初,自己慢慢摸索出来的一类设计模式。也可以说,这是一种符合我们审美的设计风格。但当我提到模式的,并不是表示这就有固定范式和章法可循。只是在这种氛围框架之上,我们似乎可以离“粗制滥造”的时代远一些。
其实,在轻设计出现之前,已经有了扁平化风格的潮流。扁平化的风格是直奔“简洁”而去的,但简洁并不是设计的最终使命,它应该是一把通向更高层次的审美概念的钥匙。简洁意味着更多空间,也就象征着更多自由。自由带来想象,意味着众多的可能。这就像你仰望星空那一瞬的感悟,或者接近禅的境界,如当头棒喝的一记反思。这需要层层递进,揭出网页设计中多层次的丰富内涵。
为了更顺畅地表达轻设计的概念,我从佛教文化和生活情趣里分别借来两个词汇,禅意思维和轻奢主义,它们的结合乍看是矛盾的,甚至是相互冲突的。这也是轻设计同时兼具的两种既矛盾又相互融合的境界。在我看来,获得良好的审美体验并不是目的,设计更是一种艺术。艺术没有喜怒哀乐,更没有沾沾自喜,往高处走也许只能高处不胜寒。而设计在此基础上必须有所互动,设计要和人发生关系,所以,怎样不动声色又可以引导他人,这需要的是不断磨炼的深厚内力。我们不仅要知道是什么,还要知道为什么。
“轻奢”是从时尚产业中衍生出来的词汇,后来演变为一种生活方式,指的是一种“没负担、有品质”的生活方式。在网页设计中,轻奢主义是一种能为用户减少视觉负担、增加审美品质的设计类型。它有减少主义的倾向,但又并非减少而不可。
任何紧张感都难免造成误解,轻奢主义试图缓和紧张的空间关系,把定义的权力还给观众。为了避免平淡化,我们在设计中又要学会如何讲好一个声情并茂的故事,利用设计技巧对元素进行微妙的平衡和对比。好的设计应该让用户感到轻松、愉悦。
我们还在这条路上挣扎,也许你比我走得更远,也许我看到了和你不一样的风景。现在我们还有时间能有机会将网页设计从头谈起。
本书依据设计过程来揭开网页设计中的每一个细节,从接到设计需求开始,直到最后交付设计稿。设计过程中每一项的考虑都是在成为轻设计,并成为我们自己。我们将其中的周转曲折和大量工作体验分享出来,目的是帮助每一网页设计初学者找到出发点,绝非教条,更不希望
对大家有所限制。设计师交付的只是一张图稿,背后的努力无法细数,但这不是让别人认可的理由。更重要的是,我们是否真的理解了网页设计,是否真的理解了所谓的轻与重的风格之别。
作为致力于创造平面审美价值的 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

读者评论

  • 很喜欢飞屋的设计风格才买来这本书,但是印刷不比网页查看,配图都比较小了,内容甚至有些字都看不太清,望改进

    狸Fa发表于 2018/3/28 17:30:38

图书类别

相关博文

  • 网页设计配色方法论:配色秩序

    网页设计配色方法论:配色秩序

    管理员账号 2017-06-16

    小编说:每一种色彩都有其自身的特质,而这一特质的发挥,还需要依赖于色彩在整个配色时所处的位置、面积等,即色彩与其他色彩所形成的秩序。本文选自《轻设计:网页设计中的轻奢主义和禅意思维》。 配色有理性的层面,也有感性的层面。配色也需要...

    管理员账号 2017-06-16
    1096 0 0 0

相关图书

XMind:用好思维导图走上开挂人生

林白羽 (作者)

在很多人的印象里,思维导图是一个中规中矩的办公工具,是职场中的特定人士才会使用的软件,但恰恰相反,思维导图是每个人都可以使用的零基础软件,它可以给人们的生活带来...

¥118.00

职业抉择:产品和运营求职实战攻略

陈军 (作者)

本书主要讲解了与求职者密切相关的主题,内容包括求职者如何建立选择意识,如何通过“利弊分析法”和“因素加权法”选择适合自己的职业,如何使用“START 法则”打磨...

¥62.30

前瞻设计推动可持续发展(全彩)

Hartmut Esslinger(哈特穆特•艾斯林格) (作者) 无 (译者)

本书展示了青蛙设计公司创始人、苹果设计风格奠基人艾斯林格先生职业生涯的一些相关案例研究,并配以丰富的插图说明,同时也呈现了他学生的部分作品。这些珍贵的案例真实、...

¥159.00

B端产品设计精髓:从0到1构建企业级的数智化产品

蒋颢 高强 于淼 刘璇 (作者)

《B端产品设计精髓:从0到1构建企业级的数智化产品》以B端产品设计的标准流程为核心结构,全面介绍如何从0到1构建企业级的数智化产品,共分为4部分。第1部分重点介...

¥48.30

信息流广告实战:今日头条、百度、腾讯三大平台全解析

罗丹 马明泽 张启玉 (作者)

信息流广告已成为企业最重要的网络广告推广方式。这是一本专业的信息流推广营销工具书,笔者根据其丰富的实战经验,将多年的工作技巧及所遇到的问题进行了整理,全面阐述了...

 

决胜B端——产品经理升级之路

杨堃 (作者)

《决胜B端——产品经理升级之路》试图提炼了互联网B端产品设计和管理的通用思路和方法,本书一共分为4篇。“概述篇”描述互联网行业的盈利模式及发展趋势,让读者对互联...

¥34.50