个人中心 我的学堂 我的旅行 退出账号

设计师怎么提高“文本、作品集”版式设计水平?

天工微建筑 天工微建筑

内蒙古快3走势图200蒴 www.seo8u.cn 原文链接

做设计的都知道

版式设计需要充分认识画面元素之间的关系

并在有限空间内合理布局

将图形与文字有机结合

所以,这次小编给你们来点实在的!

版式设计方法双手奉上

1

如何在画面中摆放大量图片


倒三角构图

640.webp (15).jpg

在版面上半部分放置视觉冲击力较强的大图,并自上而下沿着画面中线,逐渐减少图片数量、降低图片尺寸,从而呈现出倒三角形的构图形式。

倒三角构图,符合读者自上而下的阅读习惯,在增添图像表现力的同时,为读者创造沉静的阅读氛围,提升文字的可读性。

对角线构图

20180528_220811_001.jpg

在版面对角线的两端放置大小统一的图片,使画面对仗工整、斟酌稳重,富有安定感,不会由于图片较多而令画面纷杂错乱。


2

如何使版面富有节奏感

将图像有机分离,为图像创造动感

20180528_220811_002.jpg

将图像交错放置,为图像创造节奏感、体现亲和力

640.webp (16).jpg

将图像排列于页面底端,将文字有节奏的放置于图像之上,在增添节奏感的同时,为画面补充适度的秩序感

20180528_220811_004.jpg


3

将杂乱烦琐的信息整理得清楚易懂

在编排有关联的大量元素时,通?;崂媚瓯?、时间轴、地图和路线图等横长形的对象来作为页面主轴。除了能沿着轴线清楚地引导读者的阅读顺序外,还能整理文本信息。另外,这样的技巧同时也能分割版面区域,并赋予含有多张图片的页面稳定感与整体性。

图片与内文区域也能成为轴线

640.webp (17).jpg

配置色块以强调轴线

20180528_220811_006.jpg

用图片创造出对角线方向的版面轴线

20180528_220811_007.jpg


4

如何让版面阅读起来更加有趣

如果让图片跳出网格,以沿着圆形、S型或是切割页面的对角线来放置,就能让版面变得更生动幽默。这样的配置方式,让版面呈现出开心、愉快的感觉。大胆的构图,除了能增强页面印象,也能起到画龙点睛的作用。


利用对角线放置的图片创造阅读顺序

20180528_220811_008.jpg

沿着S型放置图片,让读者越读越有趣

20180528_220811_009.jpg


5

如何营造版面的稳定感

想要营造出版面的稳定感,重点在于重心的设计。不论是图片、标题和内文等元素的色调及尺寸,或是字里行间的间隙比例,都会造成不同的重量感。而页面中这些主要元素的分配方式,将决定版面整体的稳定感。


均匀摆放图片,由文字产生版面重心

20180528_220811_010.jpg

大而轻以及小而重的图片

640.webp (20).jpg

大而重的图片以及小而轻的图片

20180528_220811_011.jpg


6

整理杂乱图片,营造有条不紊氛围


不要轻易使用自由式版面编排设计

20180528_220811_012.jpg

图片数量较多时,很容易导致过度统一,因此自然会想采用自由式的版式设计。但若未经设计而盲目摆放,往往会给人凌乱散漫的感觉。这样的方式也经?;嵩斐晒韧骋欢狈Ρ浠奈侍?,应适度缩放图片尺寸,以增添其强弱对比。

突显单张图片

20180528_220811_013.jpg

如果有需要重点突出的图片,且图片尺寸都够大的话,则可在单页里放置一张大图片。此时必须先在跨页中规划出标题页面与相邻的内容页面,这样才能确保整个版面的平衡。

在页面下部以带状形式编排图片

640.webp (18).jpg

利用宽松的版式设计为商品营造豪华氛围时,偶尔会因留白不当而破坏掉版面平衡。此时,可让图片以带状形式摆放在版面下方,以稳定版面的重心。


7

如何运用元素来构造版面

利用三角形构图的方式来稳定图文信息,是编排设计中较为基本的手法。利用大小不同的图片创造节奏感,同时仔细摆放图片的位置,则能通过页面整体印象,传达版式设计内在的概念。


利用不同大小的图片,为版面增添变化

20180528_220811_015.jpg

利用对角线实现版面平衡

20180528_220811_016.jpg

用留白活跃版面

20180528_220811_017.jpg

当图片元素较少,或是手边没有能够与版面风格搭配的图片时,除了用倒三角的构图避免方式版面元素挤在一起,还可以通过适当的留白来解决问题。只有尽可能平衡配置元素,才能明确地传达想呈现的概念。


8

如何避免版面过于单调

在图片较多的版面里,图片的摆放很容易显得凌乱。此时只要为页面创造节奏感。不管是让图片彼此间产生尺寸上的差异,还是通过图片的上下左右关系以编排出节奏感,并尽可能呈现出轻盈的感觉,都是很有效的手法。


将图片编排在对角线上以创造对比效果

20180528_220811_018.jpg


利用不同尺寸的图片展现出轻盈感

20180528_220811_019.jpg

巧妙运用不同的比例

20180528_220811_020.jpg


9

如何将内容编排得更有逻辑性

将能分区处理或能对应至轴线的内容,用流程表表现。虽然要让版面显得简单易懂,整齐排列内容比什么都重要,但如果只强调整齐性,很容易造成枯燥乏味的版面。


将内容融入年代表中

20180528_220811_021.jpg

将版面编排成流程图

20180528_220811_022.jpg

勤劳的小伙伴赶紧去试试,

证明一下效果如何。

等着你们的成果哦!


感谢 天工微建筑 授权分享

欢迎关注他们的微信公众号

微信号:tg_wjz

微信截图_20180528220350.png

3条评论
hf
hf 2018-07-04 01:49:35 回复 1

这排版作为封面插眼球还可以 作为作品内容排版不可取,极不利于表达内容

大布袋虫虫
大布袋虫虫 2018-06-20 11:12:17 回复 0

好文

Jupiterman
Jupiterman 2018-05-29 11:17:27 回复 0

二维码已过期

天工微建筑 天工微建筑

原文链接

media@www.seo8u.cn
建筑学院来稿须知 关闭
感谢您的关注与支持!我们非?;队骼嗤陡?。
几点简单的来稿须知,望您耐心读完。
来稿要求如下:

● 作品类稿件

1、高清项目实景照片/效果图/模型照片/手绘草图
2、高清技术图纸,如:分析图/主要平立剖/总平面/关键节点详图
(图片要求:无水印,格式为JPG,图片分辨率72,宽度大于1200像素)
3、详实的设计说明800字左右(word格式)
4、真实准确的基本项目信息
5、如有项目视频,请提供高清项目视频
6、贵司的LOGO、官网相关信息。(用于注明文章出处及作者)

● 其他稿件

1、配图清晰且无水印图片
2、内容有趣有料,文字流畅通顺。
3、作者姓名,若有公号请提供公号名称及LOGO
我们的编辑将在收到稿件后的3个工作日内审稿并与您取得联系,如果没有刊载也会在3个工作日内您答复。
投稿邮箱:[email protected]
如有其他疑问请加QQ:359440856 或微信: jzxy-gtn
建筑学院 建筑学院

建筑学院APP

为建筑师而打造的精品应用

点击下载
close
社交账号登录
close
close
close
欢迎加入【建筑学院】
快去完善你的个人信息吧!
完善资料
内蒙古快3走势图200蒴
close
  • 在“街角博物馆”中找寻来自唐朝的“雕刻时光” 2019-04-19
  • 从大洋路开始 了解澳洲的另一面 2019-04-18
  • 冬日的火与冰 凤凰好书榜2017年12月榜发布(20本) 2019-04-09
  • “沙雕世界杯”作品亮相舟山 2019-04-01
  • 海南省政协主席毛万春:海航的明天会更好 2019-03-30
  • 峥嵘岁月谱写伟大友谊 2019-03-30
  • 铸牢军魂开新图强 人民陆军转型建设砥砺奋进 2019-03-29
  • 很深刻。当今城市化基本出于房地资本的繁衍需要与维持粗陋GDP的无奈,越来越显露其反动性。 2019-03-24
  • 李克强:扩大跨省异地就医直接结算范围 2019-03-23
  • 海淀创业园双创文化:双R沙龙,让创业之路越走越好 2019-03-23
  • 河北省第十五届运动会 青少年组武术套路比赛圆满落幕 2019-03-16
  • 探索中国微创医疗技术创新之路 2019-03-16
  • 天津日报数字报刊平台 2019-03-09
  • 【新时代 新作为 新篇章】创新突破封锁线 2019-03-09
  • 第八届全国税收宣传漫画大赛二等奖《明知故犯》孙晨 2018-07-13
  • 859| 763| 300| 822| 212| 505| 928| 674| 64| 286|