信息设计在网格中的视觉色彩审美与情感传达

刘英君

青岛黄海学院，山东 青岛 266700

一、统一网格的色彩视觉表现

网格设计将信息传达内容得到深度的挖掘与发挥，同时让网格设计的整体视觉表现传达出统一情感。明确的意图，各元素清晰的区分，字体的和谐、美观以及可读性都需共同调控，色彩以及整个版面色彩的和谐呈现，塑造统一满意的视觉整体表现。

《kinfolk》杂志设计（图1）是当下非常流行的网红小清新杂志。排版清晰简单，整体风格统一，也很好的诠释了杂志所要传达出的生活态度。“适当放慢一点生活脚步、用美好的眼光发现这个世界，好的味道，好的故事，好的人生。”整个版面展现出温馨、雅致的视觉表达。色彩温馨和谐，淡淡的灰紫色封面，清新干净的内页排版，温柔地阅读，静静地欣赏。

《brulion》（图2）书刊版面设计，黑白灰的色彩页面基调，用亮黄来说明每页的主题与表达内容，在统一中达到视觉的阅读变化，网格的分栏方式也是用了多种表现形式，将复合网格、模块网格合理地运用变化，极大增强了网格的信息传达性，统一的网格视觉表现让版面和谐，明确，又不失生动，让版面的内容呈现也十分出彩。页面顶部的小标题信息贯穿整本刊物，单纯用文字大小、颜色的改变增强信息的传达属性，让所有的信息一目了然，在版面中形成统一的视觉效果，建立起和谐的节奏关系，统一中又充满变化，引人入胜。

二、构建网格的视觉感官

在网格设计中，把握住整体性，将信息中的主要信息点以简单的视觉形态编排在一起，从而获得具有视觉化的效果。同时，利用该形态效果来打破呆板的版式结构，给人耳目一新的感受。

好的网格设计会带来舒服的视觉感观与享受，《Geiger》（图3）杂志版面设计就很好的说明了这一点，我们从它第26期刊本中总结分析，从封面的构建就可以感受到清晰的网格排版，即使大面积图片冲淡了文字的视觉表现力，但是亮眼的标题与四栏的网格架构可以清晰的观察到，而刊物内文的版式设计，采用复合式的网格设计，文字与留白的表现力呼之欲出，每个版面在已有的网格基础上都构建出生动的视觉感观，而且方式也是多种多样。通过文字大小的变化，左右跨页的结合与留白，图片的剪切与放置，都在同一个版式页面中得到生动展现，构建出和谐整体又充满生动变化的视觉审美效果。

图1 《kinfolk》杂志设计

图2 《brulion书刊版面设计》 http://www.ccdol.com/sheji/zhuangzheng/

图3 《Geiger》杂志版面设计

《Leap of Faith》（图4）杂志的版面设计更是凸显了这一点，而且是单单依靠文字的变化来构建整本杂志的视觉生动呈现，封面清晰的网格架构，页面中文字图形化的大胆运用，空间留白的信息叙述让整个版面设计充满视觉的层次变化，阅读者也依靠这种隐含的秩序性网格模式，来感受版面设计中文字所带来的视觉魅力。

好的设计都是通过视觉观感再到信息呈现表达来说话，我们观看到的信息的舒适性、整体性、生动性会直接关系到我们对于信息的理解与感悟。更会直接影响到我们的选择，构建一个良好的网格视觉感观会让我们对于信息的处理、阅读、理解更加全面、客观。

图4 《Leap of Faith》杂志版面设计设计 http://www.ccdol.com/sheji/zhuangzheng/

三、强调“图文”的情节互动

在网格设计中，“图”与“文” 是两大设计主体，“图”就是泛指图形，“文”就是指文字，可以说网格设计90%的设计工作都是在处理“图文”之间的编排、组合。图形与文字的编排是设计的关键要素，在设计中通过对图形文字的组织关系，秩序传递来展现网格设计的实用性、清晰层次、节奏韵律，形成生动有序的视觉冲击力。加强“图文”之间的情节互动会让设计作品达到信息的有效传递，视觉的愉悦美观，精神的共鸣享受的效果。

图6

图文的情节互动丰富，方式多样。根据图形特点让文字依附于图形来进行排列的方式如图（图5），当可口可乐的图形作为版式宣传的主体物时，我们除了要突出主体图片的分量以外，周边文字的组织也要配合宣传的主体物进行设计，可口可乐的图片已在第一时间达到了强烈的视觉表现，引起观者对这份刊物的兴趣，而顺势而排的文字在辅助图片的同时，用网格的手段层层递进，完成了信息的传递表达，对图片所隐含的深层内容进行细致的传达和解析，达到图文之间精彩地情节互动，有效、生动地传递了信息。

根据版面网格的骨骼延展变化来达到图文之间的交流传递是另一种网格设计方法。（图6）音乐会宣传海报就是很好的范例，图片大小不等、错落有致地根据网格线排列分布，文字穿插于图片当中，进行互动性的说明展示，让图与文之间既有相互交流之感又有各自展示的立场，生动地传递出图文信息。

合理地利用色彩分布来让图文互动又是一种设计方法。图（7）（8）（9）的海报设计都是在网格基础上用色彩来凸显图文之间的交流互动，将信息有效，生动地传达给读者。让读者与海报中的“图文”进行视觉的交流互动，达到宣传的设计意图。

图7

图8

图9

所以构建一个合适的网格设计不管运用何种方式都能将信息的层次性与信息的传递性完成一种质的表达。同时也带来主次分明、传达准确、明朗易读的视觉呈现。随着给予的信息进行设计，通过色彩的精彩呈现，结合版面的主题需求选择相应的网格，从而使版面的表现结构与内容信息得到高度统一，信息得以在一个整体视觉与审美情感表达上呈现。

（图片均来自网络）