2020-8-21 雪涛
构图是在有限的空间内把文字、色彩、图形等元素结合起来构成画面，使作品不仅具有美感，还能清晰表达设计者的目的。不同构图能使画面产生不同的视觉变化，进而给观者带来不同的心理感受。同的心理感受。本期分享的是上下构图的使用方法，此构图形式具有良好的视觉效果，也比较容易掌握，是非常实用的构图方式。
上下构图形式是将版面分割为上下两部分，或让画面中的元素整体呈现出上下的分布趋势，主空间承载视觉点，次空间承载阅读信息，呈现的视觉效果平衡而稳定。
最典型的上下构图由「上图下字」或者「上字下图」两部分构成，图片及文字各占据一部分，互不干预，能清晰明了的传达出版面的信息。
主空间还经常使用图形化的标题文字充当画面主体，可以很好解决画面缺少图片层级的问题。
上下构图空间划分比较固定，为了得到丰富的视觉效果和良好的设计感，需要通过精心设计的编排来丰富版面的视觉效果。比如文字的横竖 排版，元素之间的对比、点线面的运用、巧妙的留白等。
进行上下构图设计时，可以根据版面内容的信息体量划分画面的空间，常用的版面分割比例有：1:1、1:1.618、1:1.414、1:2、1:3等。在设计时也可以反复进行调整，直到找到最为合适的构图比例。
1. 1:1分割
把画面平分为上下两部分，形成对称均衡的分割构成。
1:1分割比例构成方式，多用于版面中两部分内容处于并列或对立的关系。
2. 黄金分割
「黄金分割比例（1:1.618）」被认为是最具美感的分割比例，具有严谨的艺术性、和谐性，蕴藏着丰富的美学价值。
在设计中有意识地运用黄金分割比例进行设计，可以营造出富有美感的 版式效果。
3. 白银分割
「白银分割比例（1:1.414）」是日本率先采用的一种分割比例，目前广泛运用在版式设计的布局中。
与黄金分割相比，白银分割次空间占据的比例更大一些，能够承载的信息量也更多。
4. 2:1分割
采用2:1的比例，图片主体在画面中占据主导地位，视觉焦点更清晰。
主要的信息（标题）常融入图片中放在主空间成为画面主体，阅读性文字则放在次空间。
5. 3:1分割
3:1分割的比例与2:1比例相似，但图片在画面中占据主导地位更强，主空间承载视觉点，次空间承载阅读信息。
通过比例，可以让版面分割更严谨。但没有那个比例关系绝对正确，需要根据画面的项目调性、信息体量、信息功能与图文主体而定。如使用其它比例分割的优秀案例：
把图文按比例分别编排在版面上下方，是比较严谨规范的构图方式，但是为了避免版面的呆板，可以通过调整版面空间变换出多种编排形式。如以下几个案例：
缩小图片和文字空间，使留白处形成外空间，增加层次感。
在背景（绘画作品）上重新划出新的空间，形成内外空间对比，既丰富了画面层次，又让版面变得生动有趣。
通过图片文字的错位排版和负空间的巧妙留白，让原本呆板的上下构图变得灵活多变，充满个性。
让图片位置重心偏移，打破均衡稳定的构图形式。标题的破图处理，也增加了版面的灵活性与丰富性。
在上方空间上划分出新的空间，这样的手法可以很好让空间具有多变性，也可以让我们的设计更加灵动。
上下构图的框架看似比较固定，但是也能通过设计手法，变换出多种编排形式，巧妙破除上下分割的单一性与呆板感。
1. 曲线分割
把生硬的直线改为呈现出动态的曲线或斜线进行画面的分割，版面显得更生动活泼。
2. 图片裁切
把方形图片裁切为其他形状，使上下构图没有明显的分割线，也可以呈现出良好的视觉效果。
3. 文字破图
使用文字串联起上下两个空间，破除上下构图版面的单一性。
4. 元素串联
利用图形、色块等元素串联空间，让主次空间建立起联系，具有丰富的视觉效果和良好的设计感。
5. 图片退底
把图片主体进行退底处理，重新营造场景，弱化空间的分区。
6. 空间留白
使用留白破除两个空间的间隙，拉开画面的空间感，具有良好的视觉效果。
文章来源：优设 作者： 艺海拾贝Design
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的 界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、 BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、 平面设计服务
您可以选择一种方式赞助本站
支付宝转账赞助
蓝蓝 http://www.lanlanwork.com
PHP网站源码龙岗模板网站建设报价横岗企业网站制作多少钱常德SEO按天扣费推荐北京seo排名报价青岛营销网站报价晋中网站推广系统罗湖网站优化排名推荐潜江模板制作推荐萍乡英文网站建设多少钱襄阳网站优化软件多少钱恩施营销型网站建设公司遵义网页设计哪家好三明外贸网站制作哪家好爱联网站改版公司嘉兴优秀网站设计报价赣州企业网站改版多少钱伊犁外贸网站设计崇左企业网站改版公司坑梓网页制作鄂州网络推广价格庆阳网站设计模板多少钱湘潭网络推广多少钱南联网站制作设计哪家好太原网站开发价格黔南外贸网站制作哪家好乌海seo推荐本溪网站优化软件淄博SEO按效果付费公司平凉网站改版哪家好临汾网站搜索优化歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅：唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人？开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运