设计概念说明 ✕ 设计应用实际范例掌握版面设计的基础概念,编排出最吸引人的版面,不再是问题!
生活中四处充斥着广告、LOGO和传单你以为它们本来就该是这个样子吗?事实上,心思细腻的设计师们,巧妙利用空间和视觉效果将很多不必要的噪声过滤,重新排列组合,如同拼图力求将最直接、清晰的讯息传达到你我眼前如果你是设计新手,如果你空有技术独缺审美那么你一定要看——
◎本书内容概要◎
关于版面设计概念:
整体构图、留白多寡、色彩对比、标语配置、主打客群、视线引导、元素的重复与韵律、字段配置、开数‧版心与边界......
多种应用媒介例举:
书籍‧杂志的封面&内文版面、网站‧网页浏览页面、APP页面配置、海报‧文宣设计......
你每天早上出门前,会不会想打开手机,确认一下今天的天气状况?蔚蓝的底色上,蛋黄般又大又圆的太阳躲在云层后方,天气差的时候,灰暗的萤幕上有动态细雨飘落,只要滑进去一眼就能看到各个时间点的气温和一周天气预报一字排开,下几个小圆点暗示你还有下一个页面,简洁明了的互动式设计,让人毫不犹豫就能把手指向设计师想要你触碰的地方。去时早餐店的候,你在琳琅满目的菜单上,会优先留意标星号的餐点吗?走在路上收到一张活动传单,你最想眼看到的,是活动时间,还是活动内容?电影院的特价优惠讯息,限定年龄七十岁以上的长者,你一眼扫过去,没有停下脚步走到了下一个街口......
像这样,我们的生活中处处都看得到“设计”,优质的设计即为过滤多余的噪声,让观看者感觉舒适,进一步达到“参与”或者“消费”的最终目的。
你肯定也收到过字体大小不统一、配色让人眼花撩乱、各种元素像跳楼大拍卖的花车衣物一样挤在一起,让人海底捞针也找不出重点的海报传单,而绝大部分的受众就如同麦肯锡的30秒电梯理论所说的一样——时间宝贵,拒绝废话,只想迅速了解重点。
你既不能开门见山告诉他们:“嘿,过来消费(使用)吧!”又必须将这个目的简明扼要地传导进他们大脑,让他们对你的设计产生认同,进而对商品有了自主购买或使用的欲望,这个时候我们就必须仰赖设计美感,来将想要精确投递到受众手中的讯息消化成多个简短的要素,利用文字、配色和图片,按照重要程度排列先后顺序,重新建构成一个容易快速了解的讯息媒介。
你只需要多观摩优良的设计,自然而然会获得基本品味,当然如果你抓不到诀窍,也可以翻开本书学习,平面设计大致上有一个共同的“规则”,在这些规则下做变化,你的设计就不至于跑得太偏。
本书除教授设计相关的基础知识,以及实用设计原则之外,更收录大量作品范例,借由欣赏与分析,了解这些设计的优点与缺点。亦提及吸引不同年龄、客群的设计重点参考。
【打开本书,你会获得什么?】
■网罗丰富而多元的基本排版原则
所谓的“基本排版原则”指的正是在平面设计漫长的历史洪流中,千锤百炼之下总结出来的产物。这些原则是版面设计上的普遍性的常识,并不会轻易随着流行而改变。只要掌握这些设计原则,就能够学以致用到各种设计上面。
■介绍排版设计上的潮流演变
每个时代都有属于它的流行设计,了解潮流、掌握现代人接受怎么样的设计也是十分重要的功课。书中会介绍各国的优良设计范例,而了解何谓优良设计,便能磨砺“品味”。品味并非有限的天生才干,而是借由观看设计来累积的能力。只要琢磨自己的品味,任何人都有办法分辨“好设计”与“坏设计”。
■收录“设计的流程”教学
不只给你工具,还教你该如何“善用工具”!
了解排版原则之后,还要懂得如何学以致用。本书于“Chapter 4‧排版的方法”中,列出进行设计的各项流程,并提供各个阶段的制作建议,只要按部就班地进行下去,就能够探索、总结出心中理想且需求的设计作品。
【如果你是设计新手,你应该做什么?】
■多看、多收集
每个设计师都应该有一个宝藏资料夹,分门别类收藏了自己平时索取到的传单或LOGO等设计品或资料,等到自己开始接CASE的时候,就能知道别人大概都是怎么做的,光用眼睛看你就能培养审美品味,这么舒服的事应该从现在就开始!
■多孰悉设计软件
设计是用眼睛看的,但成为好的设计师可不是用眼睛看就能解决问题,应该要多多练习,确保自己熟悉设计师常用的几款软件,并了解它们是否能够互通,乃至于实际输出成纸本的规格、色差等问题,不要让错误的知识盲区成为绊脚石,熟练、自信才是你和客户谈条件的武器!
■了解规约
虽然设计有一定的自由程度,但如果你碰上某些特定情况,如:网站架构、手机APP等UI设计,那么就必须要事先了解各家的不同规范,以免完成了设计之后才来头大。
■实际动手设计
光说不练没有成效,在看过这么多的设计后,你应该做的是立即打开新档案,在空白的画布上摆上文字讯息,利用先前反复练习的制图技术,或者取一张白纸,先画出草稿,再一一将物件具象化,这像一个拼图游戏,一开始也许没有头绪,但渐渐的,经历过无数个版本的演化之后,总会找到一个最适合的。
【如果你是设计老鸟,还可以怎么玩?】
■改进、创新
过去的设计真的好吗?经常接稿的人,是不是久了之后会因为太过熟悉而形成一种反射条件,总是像套模板一样操作,觉得审美疲乏?你应该跳脱舒适圈,进一步学习创新的设计方式,也有可能让你固定配合的客户眼睛为之一亮,进而推荐给新客户喔!
■留白
最的设计不只是将过多的讯息排列整齐,去芜存菁利用大量留白凸显重点才是好设计的最终进化,留白能看出一个设计师对自己手上掌握的讯息是否相当了解,本书会告诉你文字上的留白,图像上的留白,怎么留白才能留下最美!
■尝试不同媒介
如果你过去都在做平面设计,那么也许你可以尝试做做网站或者UI设计,平面设计的资讯有限,新世代的APP属于互动式设计,在过去看来不应该切分的画面故意将一半资讯停留在上头,好让操作者知道还可以往下滑动,你
■了解设计历史
设计的历史,你了解多少?了解设计的历史也是了解各种不同设计的起源,尽管设计并不像美术一样分流派,但知识的是摄取可以让你在参与各种设计师论坛和交流时不虚,又或者你准备成为老师?那么就千万不可以错过这堂补课!
Chapter1 排版可以改变什么
1-01 好的版面与坏的版面 008
COLUMN Logo设计中充满了排版的基础 013
1-02 好的版面便于理解 014
COLUMN 难以理解内容的版面出了什么问题 017
1-03 你的传达对象是谁 018
1-04 排版方式改变,传达方式也会改变 022
COLUMN 的设计师都是设计收藏家 024
Chapter2 排版的基本原则
2-01 对齐 026
2-02 相近 030
2-03 重复 034
2-04 对比 038
COLUMN 调整字距来影响视觉效果 040
2-05 优先级 042
2-06 视线引导 046
2-07 留白 050
2-08 分割 054
COLUMN 电脑网页与智能手机上的分割 057
2-09 黄金比例、白银比例 058
2-10 网格系统 062
2-11 网格系统的建立方法 066
2-12 2栏网格的草图与范例 070
2-13 3栏网格的草图与范例 072
2-14 4栏网格的草图与范例 074
2-15 对称与非对称 076
2-16 中轴 080
COLUMN 活用原先格式 082
2-17 辐射、圆形 084
2-18 随机 088
2-19 模组 092
COLUMN 了解规约 095
2-20 开数、版心、边界 096
2-21 分页 100
COLUMN 读者自行分页 102
2-22 通用设计 104
COLUMN UD 字体 105
COLUMN 如何搜集设计 108
Chapter3 排版的应用技巧
3-01 三角形构图 110
3-02 善用形象 112
COLUMN 为什么会出现感觉类似的设计 113
3-03 颜色与元素的重复 114
3-04 利用图示降低理解难度 116
3-05 基本色与多色的用途区别 118
3-06 利用资讯图表化繁为简 120
3-07 利用图表简单传递资讯 122
3-08 利用格线划分区块 124
3-09 利用曲线带出柔软度 126
3-10 利用对话框引导视线 127
3-11 利用数字拉出引导线 128
3-12 使用具立体感的物件 130
3-13 利用色块区隔资讯 131
3-14 使用有规律的图纹 132
3-15 组合直式与横式文字 134
COLUMN 排版是设计的重要元素之一 135
3-16 创造方向性来引导视线 136
3-17 创造韵律感减轻负担 138
3-18 加入几何学美化版面 140
3-19 利用文字对比强调重点 142
3-20 加入色彩对比 144
3-21 加入强调元素 146
COLUMN 双向互动的UX设计 147
3-22 利用文字排印加深印象 148
3-23 结合照片与广告标语 149
3-24 照片的效果、方形照片与出血的用途区别 150
3-25 编排去背照片 152
COLUMN 穿出画面的分割 153
3-26 大量留白 154
3-27 自由配置 156
COLUMN 了解设计的历史 158
Chapter4 排版的方法
4-01 实际动手设计 160
4-02 决定目标受众 162
4-03 决定核心理念 163
COLUMN 小心5W1H的陷阱 164
4-04 过滤元素 165
4-05 编制版面格式 166
4-06 决定文字编排模式 168
4-07 决定配色模式 169
4-08 决定装饰模式 170
4-09 再调整细节 171
4-10 完成 172
INDEX 174
CREDIT 176