布局篇:如何使版面有条理丨学习网格系统
文章内容均来自甲谷一所著的《日本版式设计原理》,转载已获得上海人民美术出版社授权~
如何使版面有条理
想要整理多张照片时,使用“方格坐标”,非常有效。
这里,让我们边考虑图片的大小和版面的平衡,边尝试着有效地利用方格坐标。
- 杂志合页/面向30岁男士的信息杂志
修改前:
原图问题:
- 图片难以看清楚
试图排列多张图片,却给人留下了图片拥挤的印象。
- 没有把握好版面的平衡
A图片倾斜,B处存在微妙的空白,C图片的轮廓凸出等,整体上缺乏条理。
- 标题周围空间狭小
由于D图片侵入了标题周围的空间,产生了闭塞感,使文字不容易阅读。
修改后:
设计要点:
- 素材较多的情况下,首先进行整理。
- 整理多张图片时,请使用方格坐标。
图3:
使用网格页面。通过改变网格分割法,呈现出的设计图也会随之改变。
想在一个页面上纳入多张图片时,如果灵活运用方格坐标,就能顺畅地进行整理。如图3所示就是用方格分割而成的方格坐标,将各种图片排列在其中,不仅可以看清每张图片,而且也理清了布局思路。在制作版面时,能够有效地整理素材,如修改后所示,通过改变图片的大小,使版面张弛有度。
使用方格系统能让画面看起来有条理。
推荐阅读→高手之路!网页设计师应该知道的网格系统
如果喜欢的话,欢迎转发收藏,也欢迎提出问题,加以指正!感谢你的收看~
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 已发布 1 条