
基金长图中会包含大量的内容,例如基金产品介绍、基金经理介绍、基金利率等等,大量的内容信息很容易让长图版式变得凌乱。此时可采用栅格式编排设计,使基金长图中的各种元素变得协调。下面,蓝橙视觉就给大家分享一下栅格式基金长图设计该怎么做。
1、基线栅格
基线栅格是版式设计的基础,基线即一些水平直线,能够帮助版面中的所有元素按照要求实现标准对齐,目的是为文字对齐提供主要骨干结构。这种对齐效果单凭感觉是无法做到的,但基线栅格为版面提供了一个非常精确的标准,可以帮助设计师制作出非常规范的版面。基线栅格的大小、宽度与文字的字号有密切关系,如果字体的字号为10磅行间距为2磅,那么就要选择12磅的基线栅格。如果选用更小的字号,且为一个基线宽度以内,则可以按照字号及行间距的大小多行排列。
2、对称式栅格
对称式栅格主要应用于左右两个版面或个对页,左右两页页面结构完全相同,互为镜像。它们有相同的页边距、网格数量、版面安排等等。对称式对称栅格能够有效地组织信息,平衡版面,整体效果稳定协调。但如果大量重复使用对称式栅格,容易给人乏味呆板的印象,引起视觉疲劳。
3、非对称栅格
非对称栅格的左右版面采用同一种编排方式,但栏与栏之间的宽窄对比不像对称式栅格那样绝对对称,在页面的整体性方面会呈现出偏左或者偏右的倾向。在版面编排的过程中,可以根据版式的具体需要,灵活调整每一栏的宽窄比例,使版面的整体效果更加生动、丰富。非对称单元格网格是较为基础的版面结构。在单元格中,可以根据版面的需要来调整文字以及图片的大小位置,也可以将数个单元格合并使用,关键在于将文字或图片准确地放置在单元格所划定的范围之中,并严格按照单元格的大小进行排列。
4、成角栅格
成角栅格是指版面中所有元素都朝同一个或者两个角度进行分栏编排。成角栅格中的网格可以根据需要设置成斜向有角度的编排。因为使用倾斜的角度,打破了常规,所以可以展现出充满动感创意的版面。但需要注意版面的阅读性,要使版面结构与阅读习惯达到最大化一致和统一。
以上就是本次为大家分享的栅格式版面设计,在连续系列的版面设计中,依靠有序的栅格系统通过变换图像、文字等主要编排要素,可以非常容易取得既统一又有变化的版面编排效果。