版式设计原理·案例篇 提升版式设计的64个技巧

《版式设计原理·案例篇 提升版式设计的64个技巧》通过版式结构、文字设计、色彩设计、图片以及网页和DTP设计5个方面讲解版式设计，通过比较“成功的设计”和“有瑕疵的设计”，引导读者思考哪一个设计更好（更坏）以及为什么它更好（更坏）来让读者掌握设计技能。本书采用问答形式，有利于读者主动思考。

书中精选46组对比案例和18组练习来引导读者掌握设计要点。成功的设计一定有成功的理由。同样的道理，失败的设计也一定有失败的原因，本书带领读者仔细分析成功的关键点和找出失败的原因，帮助读者快速掌握版式设计的基本原理在实际设计中的应用方法。

《版式设计原理·案例篇 提升版式设计的64个技巧》适合平面设计的初学者和想成为平面设计师的爱好者阅读。

【日】原弘始
网站总监，设计师。艾尔设计工作室（有限责任公司）常务董事。作品曾经刊登在《Web Creators》《MdN》《Web DESIgN》（韩国的专业杂志）等刊物上。

【日】林晶子
平面/网页设计师。厌倦了东京的生活，为追求慢节奏的生活而移居到三重县，承担当地、东京以及海外的平面设计和网页设计工作。其擅长有个性化的配色设计和动态设计。

【日】平本久美子
网页与平面设计师。主要从事企业网页设计和女性产品相关的设计工作，同时也撰写设计类相关图书。

【日】山田纯也
平面设计师。主要从事各种广告、标志等设计工作，并参与撰写设计类相关书籍。

日本知名设计师设计案例及解析
涉及版式、字体、色彩、图片和网页设计
Q&A思维引导式学习模式
GOOD & NG设计方案对比讲解

第1章　版式结构
Q01　突出　009
“完工展示会”的通知，哪个设计更合适
思考提示　设计的目的是吸引大家出席。
Q02　面向目标人群　011
哪个设计更能吸引目标人群
思考提示　请想象一下什么人会来听讲座。
Q03　主次　013
商务软件的广告，哪个更合适
思考提示　哪个能完美地总结信息？
Q04　秩序　015
商务杂志中的一页，哪个更合适
思考提示　哪个是协调的杂志页面？
Q05　平等　017
介绍多个商业先驱的特刊报道，哪个更具有一致性
思考提示　哪个设计平等对待所有人物？
Q06　一致性　019
公司导览的横版页面，哪个更合适
思考提示　哪个具有设计的一致性？
Q07　跳跃率　021
哪个展示材料简单易懂
思考提示　哪个想要展示的点更容易被注意到？
Q08　三角构图（稳定）　023
就职活动研讨会的海报，哪个更合适
思考提示　哪个有稳定的感觉？
Q09　对角线构图（平衡）　025
哪个布置更有平衡感
思考提示　请画出页面的对角线，比较分量的平衡。
Q10　三分法构图　027
哪个设计更好看
思考提示　你了解与绘画和照片有关的好的构图原则吗
Q11　留白　029
IT公司的名片，哪个更合适
思考提示　哪个信息更有条理
mini Q01　构图　031
案例分别是A~D中的哪种构图？
mini Q02　节奏　032
案例是有节奏意识的版式设计。它们分别是
A、B、C、D哪个类型？
mini Q03　对比　033
按照张弛有度的顺序对同一个人的名片的设计
进行排列。
mini Q04　网格　034
想要在背景图片上布置大标题和内容提要，哪个
网格更合适？
mini Q　回答　035

第2章　文字
Q12　文字的风格　037
酒店的广告，哪个设计更符合主题
思考提示　请关注字体给人的印象。
Q13　文字的可读性　039
“Color Dress Fair”的宣传单，哪个读起来更容易
思考提示　请关注标题部分西文字体的选择和处理。
Q14　文字的节奏　041
新闻广告，哪个能吸引更多的读者
思考提示　哪个有温和的气氛？
Q15　文字的缩进与间距　043
哪个封面设计更有美感
思考提示　请关注字体。
Q16　西文字体　045
古典音乐演奏会的CD套，哪个更讲究
思考提示　请关注文字的使用方式。
Q17　间距　047
哪个文字组合更漂亮
思考提示　请比较文字缩进、行间距和留白平衡。
Q18　文字的字效　049
哪个是符合设计的字效
思考提示　不损坏整体世界观表现的是哪个？
Q19　文字的长体和扁平体　051
红酒聚会的DM（邮寄广告），哪个更适合
思考提示　请关注字体的形状。
Q20　字符宽度　053
钢琴汇演的宣传单，哪个更适合
思考提示　请关注文字符号。
mini Q05　文字的反差　055
在不能加大字体的情况下，如何使标题更明显？
mini Q06　标题和正文　056
杂志页面的标题、小标题、正文和注释应该用
什么样的字体？
mini Q07　可读性　057
杂志横版页面的版式设计中，照片的布置哪个
更容易让人读下去？
mini Q08　文字的一致性　058
在名片设计中，为了表现出文字的一致性，
应修改哪里？
mini Q　回答　059

第3章　色彩
Q21　色彩三属性的统一　061
风险投资公司的业务介绍，哪个颜色搭配更好
思考提示　哪个颜色搭配有统一感？
Q22　色彩的印象　063
印度咖喱节的广告宣传单，哪个看起来更美味
思考提示　哪个颜色能衬托食物？
Q23　基础色、主要色与重点色　065
儿童服装店的大减价POP，哪个色调更合适
思考提示　哪个即使很远也可以被注意到？
Q24　色彩的对比　067
健身俱乐部的宣传广告，哪个文字读起来更容易
思考提示　考虑色彩搭配。
Q25　醒目的配色　069
哪个是引人注目的设计
思考提示　哪种颜色可以吸引人的目光？
Q26　色彩的比例　071
哪个颜色搭配更和谐
思考提示　哪个能明了地传达信息？
Q27　色彩的重心　073
面向儿童的工作室的宣传单，哪个颜色搭配更合适
思考提示　考虑颜色搭配的“重心”。
Q28　有彩色与无彩色　075
运动品牌的广告，哪个可以给人留下深刻印象
思考提示　哪张照片格外显眼？
Q29　可视性　077
英语培训学校宣传活动的DM，哪个更容易阅读
思考提示　请关注标题。
mini Q09　色彩　079
网站使用的图标颜色，哪个更合适？
mini Q10　补色　080
5个案例中，哪个是运用了补色的Logo？
mini Q11　以色相为中心的颜色搭配　081
积分卡的设计的3个例子分别使用了3种颜色，
按这3种颜色的色相相近程度由高到低排序。
mini Q12　以色调为中心的颜色搭配　082
按色调分类，案例中的颜色分别属于哪个分组？
mini Q　回答　083

第4章　图片
Q30　图片的选择和处理　085
健身房入会介绍的广告宣传单，哪个更能激发干劲
思考提示　哪个能让人想象出健身房的气氛？
Q31　图片和文字的平衡　087
免费杂志的封面，哪个更有条理
思考提示　哪个图片和文字的平衡感更好？
Q32　图片与标语为主体的设计　089
以年轻女性为目标受众的App广告，哪个更好
思考提示　哪个更能吸引目标受众？
Q33　图片的裁剪　091
哪个有效地进行了裁剪
思考提示　请注意每张图片的尺寸。
Q34　抠图　093
哪个是能发挥图片魅力的设计
思考提示　想要表现“自由”的设计。
Q35　图片调色　095
面包店的DM，哪个更合适
思考提示　哪张食物的图片更合适？
Q36　图片的分辨率　097
杂货店的DM，哪个更合适
思考提示　请关注背景图片和Logo。
Q37　图表　099
服务介绍的广告单，哪个设计更讲究
思考提示　请关注图表格线的处理。
Q38　图片的主次关系　101
理发店促销活动的DM，哪个更自然、高雅
思考提示　请思考最想让人注意到的是什么。
mini Q13　裁剪　103
为了彰显杂志页面的动人心魄的力量，图片经过
裁剪之后进行了重新布局。哪个是正确的
mini Q14　倾向、构成　104
3种杂志扉页的版式设计分别适用于哪个主题？
mini Q15　构成　105
哪张图片的处理更有生气、更有动人心魄的力量？
mini Q16　图表中的文字跳跃率　106
为了使柱状图的版面更加张弛有度，更易阅读，
哪些文字需要缩小？哪些文字需要放大？
mini Q　回答　107

第5章　网页和DTP设计
Q39　网页的视觉冲击力　109
安全软件的引导页，哪个是更适合的第一视图
思考提示　请思考引导页的目的是什么。
Q40　网页的配色　111
户外博客的设计，哪个是男性化、强有力的颜色搭配
思考提示　可以感受到自然的力量的颜色搭配是哪一个
Q41　网页的文字与间距　113
哪个网站阅读起来比较容易
思考提示　请关注视线的移动距离。
Q42　移动端页面的设计要点　115
智能手机网页的按钮设计，哪个更适合
思考提示　智能手机中，便于使用的设计是很重要的。
Q43　套准标记和裁切线　117
工具店的商店名片，哪个更适合用于印刷
思考提示　请想象完成之后的尺寸。
Q44　单色黑与四色黑　119
轮胎的广告，哪个看起来更美观
思考提示　请关注黑色部分。
Q45　网页内容的布局　121
游览胜地宾馆的广告，哪个是更有效果的设计
思考提示　请关注画面的分割方法。
Q46　页面的设计潮流　123
会员网页的登录画面，哪个更符合流行趋势
思考提示　想象现在的会员制网站的登录界面。
mini Q17　移动端页面设计　125
智能手机的菜单选择哪种表现手法？
mini Q18　App界面设计　126
App的菜单分别是什么类型？
mini Q　回答　127