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

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

书籍作者:卢颖睿 ISBN:9787121314131
书籍语言:简体中文 连载状态:全集
电子书格式:pdf,txt,epub,mobi,azw3 下载次数:8963
创建日期:2021-02-14 发布日期:2021-02-14
运行环境:PC/Windows/Linux/Mac/IOS/iPhone/iPad/Kindle/Android/安卓/平板
下载地址
内容简介

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

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

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


作者简介

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

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

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


编辑推荐

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

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

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

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

  设计,意味着一切……

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


《轻设计:网页设计中的轻奢主义和禅意思维》电子书免费下载

pdf下载 txt下载 epub下载 mobi下载 azw3下载

前言

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

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

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

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

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

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

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

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

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

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

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

  作为致力于创造平面审美价值的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

产品特色