平面设计师论坛
室内设计师论坛
UI设计师论坛
工业设计师论坛
时尚设计师论坛
建筑设计师论坛
游戏设计师论坛
插画师论坛
动画设计师论坛
摄影师论坛
影视设计师论坛
包装设计师论坛
字体设计师论坛
品牌设计师论坛
平面
插画
UI
网页
摄影
三维
影视
空间
工业/产品
动漫
纯艺术
手工艺
服装
平面广告素材
高清摄影图片
网页UI素材
背景图片素材
电商淘宝素材
视频音频素材
家居模型素材
PPT办公文档
游戏图片素材
网盘素材资源
设计软件下载
设计字体下载
设计插件/其它
群组圈子
问答求助
求职招聘
邀请奖励
海量精选作品 每日更新 (近期新增233个作品)
平面广告
海报
展板/展架
名片/卡证
画册/装帧
DM/宣传单
手抄报/小报
相册/影楼
装饰文化墙
海量精选作品 每日更新 (近期新增168个作品)
设计元素
插画绘画
海量精选作品 每日更新 (近期新增150个作品)
背景图片
摄影图库
海量精选作品 每日更新 (近期新增124个作品)
电商类别
行业分类
海量精选作品 每日更新
PPT模板
Word文档
Excel表格
简历模板
海量精选作品 每日更新 (近期新增63个作品)
视频
配乐
音效
海量精选作品 每日更新 (近期新增140个作品)
2D游戏素材
CG影视游戏模型
海量精选作品 每日更新 (近期新增221个作品)
网页UI
新媒体用图
海量精选作品 每日更新 (近期新增10个作品)
3Dmax整体模型
3Dmax单体模型
SketchUp整体模型
SketchUp单体模型
海量精选作品 每日更新 (近期新增101个作品)
3D材质贴图
vary材质
3D光域网
海量精选文章 每日更新 (近期新增35篇文章)
CAD施工图纸
2020-10-05 09:30 发布
构图是在有限的空间内把文字、色彩、图形等元素结合起来构成画面,使作品不仅具有美感,还能清晰表达设计者的目的。不同构图能使画面产生不同的视觉变化,进而给观者带来不同的心理感受。同的心理感受。本期分享的是上下构图的使用方法,此构图形式具有良好的视觉效果,也比较容易掌握,是非常实用的构图方式。
上下构图形式是将版面分割为上下两部分,或让画面中的元素整体呈现出上下的分布趋势,主空间承载视觉点,次空间承载阅读信息,呈现的视觉效果平衡而稳定。
最典型的上下构图由“上图下字”或者“上字下图”两部分构成,图片及文字各占据一部分,互不干预,能清晰明了的传达出版面的信息。
主空间还经常使用图形化的标题文字充当画面主体,可以很好解决画面缺少图片层级的问题。
上下构图空间划分比较固定,为了得到丰富的视觉效果和良好的设计感,需要通过精心设计的编排来丰富版面的视觉效果。比如文字的横竖排版,元素之间的对比、点线面的运用、巧妙的留白等。
进行上下构图设计时,可以根据版面内容的信息体量划分画面的空间,常用的版面分割比例有:1:1、1:1.618、1:1.414、1:2、1:3等。在设计时也可以反复进行调整,直到找到最为合适的构图比例。
1:1分割
把画面平分为上下两部分,形成对称均衡的分割构成。
1:1分割比例构成方式,
多用于版面中两部分内容处于并列或对立的关系。
黄金分割
“黄金分割比例(1:1.618)”被认为是最具美感的分割比例,具有严谨的艺术性、和谐性,蕴藏着丰富的美学价值。
在设计中有意识地运用黄金分割比例进行设计,
可以营造出富有美感的版式效果。
白银分割
“白银分割比例(1:1.414)”是日本率先采用的一种分割比例,目前广泛运用在版式设计的布局中。
与黄金分割相比,白银分割次空间占据的比例更大一些,能够承载的信息量也更多。
2:1分割
采用2:1的比例,图片主体在画面中占据主导地位,视觉焦点更清晰。
主要的信息(标题)常融入图片中放在主空间成为画面主体,阅读性文字则放在次空间。
3:1分割
3:1分割的比例与2:1比例相似,但图片在画面中占据主导地位更强,主空间承载视觉点,次空间承载阅读信息。
通过比例,可以让版面分割更严谨。但没有那个比例关系绝对正确,需要根据画面的项目调性、信息体量、信息功能与图文主体而定。如使用其它比例分割的优秀案例:
给大家提供一个工具,可在线计算黄金比例、白银比例、铂金比例、青铜比例等。可在百度搜索关键词“黄金比在线计算工具”。
(https://www.shejidaren.com/examples/tools/golden-ratio/index.html)
把图文按比例分别编排在版面上下方,是比较严谨规范的构图方式,但是为了避免版面的呆板,可以通过调整版面空间变换出多种编排形式。如以下几个案例:
缩小图片和文字空间,使留白处形成外空间,增加层次感。
在背景(绘画作品)上重新划出新的空间,形成内外空间对比,既丰富了画面层次,又让版面变得生动有趣。
通过图片文字的错位排版和负空间的巧妙留白,让原本呆板的上下构图变得灵活多变,充满个性。
让图片位置重心偏移,打破均衡稳定的构图形式。标题的破图处理,也增加了版面的灵活性与丰富性。
在上方空间上划分出新的空间,这样的手法可以很好让空间具有多变性,也可以让我们的设计更加灵动。
上下构图的框架看似比较固定,但是也能通过设计手法,变换出多种编排形式,巧妙破除上下分割的单一性与呆板感。
曲线分割
把生硬的直线改为呈现出动态的曲线或斜线进行画面的分割,版面显得更生动活泼。
图片裁切
把方形图片裁切为其他形状,使上下构图没有明显的分割线,也可以呈现出良好的视觉效果。
文字破图
使用文字串联起上下两个空间,
破除上下构图版面的单一性。
元素串联
利用图形、色块等元素串联空间,让主次空间建立起联系,具有丰富的视觉效果和良好的设计感。
图片退底
把图片主体进行退底处理,重新营造场景,
弱化空间的分区。
空间留白
使用留白破除两个空间的间隙,拉开画面的空间感,
具有良好的视觉效果。
1.上下构图是将版面分割为上下两部分,或让画面中的元素整体呈现出上下的分布趋势,主空间承载视觉点,次空间承载阅读信息,呈现的视觉效果平衡而稳定,是非常实用的构图方式;
2.进行上下构图设计时,可以根据版面内容的信息体量划分画面的空间,常用的版面分割比例有:1:1、1:1.618、1:1.414、1:2、1:3等;
3.为了避免版面的呆板,可以通过调整版面空间变换出多种编排形式;
4.可以通过曲线分割、图片裁切、文字破图、元素串联、图片退底、空间留白等手法,变换出多种编排形式,巧妙破除上下分割的单一性与呆板感。