二、参考创意布局
如果页面中图文混合一体,不便分割,或者难以直接应用黄金分割比例时,图版率的把握就基于你在自由创意中的观察、识别和判断。
1.观察识别不同图版布局对凸显重要信息的有效性
如图30-3,左右两组内容相同但图版布局不同,左图的地球和文字基本均分了页面面积,体现二者具有同等的重要性。右图的地球占据的面积明显高于文字,体现出地球图片的重要性高于文字。可见,页面表达优先顺序是你把握图版布局的主要考虑要素。
图30-3 不同图版布局对信息凸显的影响
2.观察体验图版布局变化的视觉感
如图30-4,左右的主图相同,图版布局不同。左图留白(黑色边框)面积较大,视觉感弱;右图将图片作为背景让整个版面更为饱满,视觉感强。如果你需要典雅沉稳的风格,可以选择相对低图版率的布局;如果你需要具有冲击力的风格,可以选择高图版率的布局。
图30-4 不同图版布局对视觉感的影响
以上内容介绍了图版率的概念,如果你对页面设计其他的相关概念如留白、版面率、跳跃率等感兴趣,可以参看本书的“问题29:如何在页面中合理留白?”,“问题31:如何把握页面设计中的版面率?”,“问题32:如何把握页面设计中的跳跃率?”。有了这些认知后,你就会避免盲目或随意安置图文,而是试着遵循页面布局的章法。
参考文献
[1]陈琪莎,宋海燕.版面设计[M].北京:中国轻工业出版社,2020版。
[2]伊达千代,版面设计的原理[M].北京:中信出版社,2016版。
[3]Format Team.How To Use The Golden Ratio In Design.[DB/OL]https://www.format.com/magazine/resources/design/golden-ratio-in-design 2019-3-22/2021-07-12.
[4]程远.网页设计的关键!版式设计之图版率.[DB/OL]https://www.uisdc.com/imagepercentage-webpage-typographic 2014-06-19/2021-07-12.