一个版面是由文字、图片及空白三个部分构成,三者关系的组织决定了排版的合理性。视觉流程、数据限制、色彩限制、字体选择及协调统一即排版合理性要素。
概念:所谓“视觉流程”是指一个界面对于观看者的视觉引导。
原理:一个界面先看哪再看哪是由界面的“视觉流程”规划实现的,可见“视觉流程”是界面版式的内在逻辑,忽略它界面的表现是混乱的。
方法:无论版式设计多么不着边际,只要确保观看者对界面阅读的流畅,对整个界面内容能清晰理解,“视觉流程”即合理。通常情况下阅读基本规律都是自上而下,自左而右。我们可利用大小,颜色,疏密等差异动作重定义这一顺序,若大量重复此类动作,反而造成视觉疲劳。所以基础规律是基调,打破只能佐属。
数据限制的本质是对齐,对齐的数据并非简单的出血间距、段间距、字图间距及图间距等。
出血大小指的是界面四个边缘与内容的间距,一般情况最少保持上下边缘或左右边缘间距一致,无特殊情况四者数据一致。
一张版面的字符一般情况不超过5种大小,否则会使文字版面显得层次琐碎,大小的顺序也应为:主标题字符>副标题字符>正文字符>图片注解字符,字体大小选择跟随纸张大小。A0/A1版面保持1米观察距离,A2/A3/A4版面保持0.5米观察距离,做到主标题醒目,副标题分明,正文清晰,图片注解可见即可。
字间距、行间距与段间距是经常被忽略的排版细节,其大小合适程度直接决定阅读舒适度,若一个人正在看一张展板的一段文字,看了200字眼球只转动5度,舒适度不言而喻。合理的间距顺序也应遵循主标题字间距>副标题字间距>正文字间距>图片注解字间距;字间距<行间距<段间距。
在整个版面中每一个文字与图片的间距,图片与图片的间距的数据在整个版面中都不应该是独立存在,而是呼应的,反复的,这样的排版空白才会与内容搭配更有节奏,相得益彰。
版面的色彩一般情况下需要元素保持色相、饱和度及明度节奏的活跃性。色相讲究搭配,饱和度讲究协调,明度讲究对比。同时色系的控制也应遵循一定规律,对于初学者,梵高、莫奈或莫兰迪色系等都是对色彩的学习典范。
合适的字体可以说是一张版面的气质与灵魂,它表达着地域色彩,视觉重量等特性,这些特性往往决定版式的主基调。初学者选择差异性较大的字体可能更容易踩雷,如市面上较流行的微软、方正及汉仪等品牌字体,市场经济的选择正是民众对舒适度的追求。常见到学生作业中充斥着各种奇形怪状的字体,此处想告诫大家一句话:一时的风格鲜明只属于过去。设计痕迹明显的字体,往往禁不住时间的考验。推荐一个字体网站:
网站的资源全面又免费!在别的地方看到好看的字体拍下来可以在这个网站上匹配查找并免费下载。
一张版面和一本册子的整体感都很重要,前文中一直强调单张版面的整体感,实际作业或项目的操作更多的是文本或多张版面,很多毕设展作品中两张展板风格迥异,不像一个作品。检查整体感,应将作品每页平铺观察以证协调统一。
初学者检验作品排版的合理性,此处推荐传统的黑白块检验法,意思是将整个版面的文字与图片全部转换为黑色方块,留白转换为纯白色,出血大小,段间距,字图间距及图间距等所有数据限制的对齐统一性一目了然,构成上看它也应为一张不错的作品。如下图案例所示。
排版审美的提升当然要看大量优秀作品,推荐给大家几本不错的杂志和网站。
landezine.com(全球最佳景观门户网站)
planetizen.com(全球最佳城规门户网站)
dribbble.com(全球最佳视觉传达门户网站)