1
(1)介绍——传达与构成
(2)构成要素与程序——3*3的结构;研究肌质与构成的版面
(3)限制与选择——制定规则;水平,垂直,倾斜
(4)构成要素的比例——6个矩形(比例为1:2:3);1个圆点(1/4单元格)
(5)组合——功能在于构成简化;空间强化;秩序建立
(6)虚空间与组合——虚实对比,感知版面;协调整体构成
(7)四边联系与轴的联系——用好四边,虚空间变大,视觉扩展;轴出现内部,结构有了视觉
秩序感
(8)三的法则——3*3网格,结构中形成4个交点,成为最吸引人注意的焦点
(9)圆与结构——圆是结构中的活跃要素,圆变成一个符号,对
设计
领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计
者来说它是一个工具;圆
的潜在功能:*激活空间*轴的支点*扩展张力*
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
明起点和停止点*组织作用*平衡作用
(10)版式结构与视觉效果——水平构成;水平与垂直构成;倾斜构成;调整版面设计地层次
网格系统与版面设计
网 格 系 统 与 版 面 设 计
2
理解版式设计与网格骨架的关
系;学会设计要素组织与安
排;了解可变的调整因素;版
面是信息传达与肌理构成一肩
挑的双重任务。
3
版式设计不仅提供阅读信息,
而且是一篇文章中的行列构成
的肌质。设计师即要考虑传
达,又要考虑肌理。这是一个
方法论的案例分析,可以让我
们领悟构成原理及其视觉力
量。
4
一个3栏和3排的结构,就是我
们研究肌质和构成的版面,正
方版面使我们注意力集中在内
部结构,不是它的形状和版面
比例;
使用6个灰条矩形和一个圆形
元素,概括构成要素。园是一
个活跃元素。
5
限定与规则:(1)水平;水平
和垂直;倾斜(2)所有构成要
素均要用到(3)构成要素不可
超出版面(4)构成要素不可重
叠,间距可以接近
创建内部协调的整体版面
6
在网格框架中安排设计构成
要素的位置;注意构成要素
的比例,矩形左右长短比为
1:2:3;小园的直径为单元格
的1/4;大矩形的高也是这样。
7
通过组合,版面构成被简
化;虚空间和被使用的区域
得到强化,鲜明的视觉秩序
建立起来。
学会组合构件,简化视觉构
成要素。
8
虚空间或白空间,会对观看
者怎样感知版面产生直接影
响。
学会组合虚空间,简化之后
版面感知协调的整体构成建
立起来。
9
用好版面的四边,照顾好构
成要素与四边的关系;虚空
间变大,整个构成会完整而
大气。
网格中构成要素排列会形成
轴列;一般几个构成要素线
性排列,形成轴;轴偏内部
会稳定,牢固。
10
版面的三分法使用,建立网
格,形成4个交叉点,这四个
位置成为视觉焦点。引人注
意的构成要素可以接近它。
学会网格的整数分割,数列
的分割;网格的对称与比例
应用。
11
园作为一个活跃元素,可以
在结构中任意位置;园是一
个符号,对设计师来说园是
一个工具。
园的潜在功能——*激活空
间*作为轴的支点*扩展张力*
起点,停止点*组织联系*平衡
视觉感知
12
下面实验版式结构和视觉效
果:
(1)水平构成(2)水平和垂直共
同构成(3)倾斜构
成,45,30,60度倾斜;同方
向,冲突方向构成(4)版面视
觉构成要素的视觉层次,阅
读导向控制
13
实验版式结构和视觉效果:(1)水平构成——长矩形位置上中
下;组织控制
14
实验版式结构和视觉效
果:(1)上图左上,左下虚
空间调整;行距缩小,加
强组合(2)下图需要紧密组
合,加强轴列;下边关系
加强,使用园加强中轴
15
实验版式结构和视觉效
果:(1)上图左上,应用三
的法则调整;行距缩小,
强调园点(2)下图需要紧密
组合, 行距缩小 ,加强
组合;上边宽矩形分为三
行,使之韵律加强
16
实验版式结构和视觉效果:
(1)上图左上,虚空间过于
笨拙,下面视觉过沉重(2)
下图需要解决下面虚空间沉
闷;上边感觉漂浮,使用圆
形,加强版面张力
17
[新版式]提倡非对称的构成;将虚空间,行
距作为内部结构的重要元素
18
[包豪斯目录]提倡版式的功能性和理性;显
示抽象要素使用上的敏感
19
[剧院广告]提倡版式的信息强化;使用统一
字体和体系化的布局
20
[索斯比拍卖广告]提倡模板版式应对变化的
广告信息;版式清晰地,优雅地分层级提供信
息
21
[新城市风景]对页设计;版式肌质上的对比
设计马上引起人们的注意;分栏的文本与横跨
折页的文本行,带来趣味,特别是黄色的文本
22
实验版式结构和视觉效果:(2)水平加垂直构成——长矩形位
置;阅读导向控制
23
(1)水平加垂直;一些要素可以旋转,反向文本
再调正。 (2)右侧中图:双垂直使视线下滑,
可以应用园点和小矩形,上调;使视线返回页
面内部
24
(1)水平加垂直;左图中矩形冲突放置;内部组
合与内部变化很重要 (2)左侧下图:双中矩形
并置,虚空间较少;调整要素使页面内部空
灵,四边奇巧
25
(1)水平加垂直;左图矩形冲突放置;内部文本重
复,前景红色 (2)右侧长图:与矩形形成对比的是
波纹与圆形,呼应图片中的细节;顶部黑矩形与
其它黑色形成导向上的联系
26
(1)水平加垂直;左图为网格放置;内部结构清
晰 (2)右侧长图:感觉愉悦的细节;十字形左边
右侧形成纵轴,弧形的直径;导向上的联系
27
(1)水平加垂直;左图为网格放置;内部结构清晰
(2)右侧长图:感觉愉悦的细节;矩形左上角断线
形成通透,装饰线的角度;导向上的呼应
28
实验版式结构和视觉效果:(3)倾斜构成——框架缩小15%;位
置控制;45,30,60度;顺向或冲突
29
(1)倾斜构成;左图为网格放置;靠近边线
产生张力;园点位置产生功能(2)右侧图:
园点位置的细节;园点变为起点,停止点时
会产生动态性质
30
(1)倾斜构成;左图为冲突45度构成,虚空间是
一些三角形和隐藏的矩形(2)右侧图:冲突45度
构成,矩形替换为文字
31
(1)倾斜构成;左图为[包豪斯展览招贴]网格图
(2)右侧下图:转正角的度构成,矩形网格的
解读,会有启迪
32
(1)倾斜构成;左图为[海报系列]文字“Z”的共
用;;“interna-”左端接近边缘,扩展张力
(2)右侧下图:角的20度构成,3个英文词的
阅读导向,会有启迪
33
(1)倾斜构成;左图为[哥伦比亚大学规划和
建筑研究生院演讲与展览海报]版式设计依
赖于两种美学范畴——极大(清楚,明显),
和极小(细微,精密,也许只被观赏者下意
识感知)
34
实验版式结构和视觉效果:(4)视觉信息内容与层次;信息层级;
可控因素——行距;排式;字母间距;构成布局
35
版式设计使用抽象要素的原因:(1)强调(2)组织(3)平衡;当抽象要
素不承担功能时,它起着装饰作用——将注意力从文字信息吸引过
来;长短,粗细,大小变化会产生一种韵律,节奏。
36
版式设计要意识到每个要素层次重要性;下一步着重构成内部的比
较,在这个问题上更多的是选择二非制约;构成的复杂性增加了,
动态感和生动性也增加了
37
版式设计要意识到每个要素层次重要性;下
一步着重构成内部的比较,在这个问题上更
多的是选择二非制约;构成的复杂性增加
了,动态感和生动性也增加了
38
版式设计要意识到每个要素层次重要性;下一
步着重构成内部的比较,在这个问题上更多的
是选择二非制约;构成的复杂性增加了,动态
感和生动性也增加了
39
[李维斯牛崽裤]版式设计要意识到每
个要素层次重要性;下一步着重构成
内部的比较,在这个问题上更多的是
选择二非制约;构成的复杂性增加
了,动态感和生动性也增加了
40
版式设计要意识到每个要素层次重要
性;下一步着重构成内部的比较,在
这个问题上更多的是选择二非制约;
构成的复杂性增加了,动态感和生动
性也增加了