亿元级IT行业生态链
一站式解决方案提供商

24小时免费咨询电话
010-52725243

新闻资讯

AJIA NEWS

版式结构设计的原则

来源:行业资讯 发布日期:2018-05-29

设计作品不能让阅读者“一目了然”,其原因之一就是忽略了版式的结构编排,在编排上松散无序,导致受众在短时间内无法分清重点。版式设计作为传达某种信息的"载体",应符合所设计的内容,应突出直观动人、简明易读、主次分明、概念清楚。

阿甲 科技 版式结构设计的原则

版式结构原则

版式设计是将文字、图案等元素,在既定版面上按照一定的原则进行的形式编排,它并非简单的“排版”。确定版式结构是版式设计的重要一步,设计师可以将所有的内容安排至既定的版面中,这就出现了各元素的布局问题,杭州阿甲科技设计团队UI设计师认为,好的版式结构可以使页面结构清晰、视觉平衡,给阅读者以舒适、大方、易读的印象,这就需要版式结构遵循以下的基本原则。

阿甲 科技 确定版式结构是版式设计的重要一步

分组

设计中分组的方式与我们日常生活中对生活物品的摆放具有同样的道理,我们通常会将橱柜里的外套和贴身的衣服分开放置;厨房中蔬菜、肉类及调料等整齐归类而避免相互污染。分组是版式设计中一种整理信息的办法,即将客户提供的原始信息按照一定的规律进行分类整理为信息组,并且组与组之间具有一定的间距。

阿甲 科技 分组是版式设计中一种整理信息的办法

版式设计的过程可以看成信息规整的过程,它将画面中逻辑关系相近的项组织在一起,位置接近则意味着关联。分类的方式有很多,可依据种类、颜色、形状、重要性等进行编组,例如可以通过添加编号、几何图形符号等方法使每组信息更明显,当条目比较多时,可以将内容分类或制作成列表的形式,当通过设置相同的颜色或形状相同的色块时,阅读者就会理所当然的认为它们在信息上有着关联性。

阿甲 科技 版式设计的过程可以看成信息规整的过程

作为版式布局设计中分组的处理方法,首先必须明确制定逻辑组与组之前的空间距离,它应该明显大于组内每个元素的空间距离,或为其配以加粗的标题,使组与组之间的关联性和逻辑性更易区分。

阿甲 科技 必须明确制定逻辑组与组之前的空间距离

稳定感

版式设计中追求的稳重感会使画面产生平衡,使受众心情舒畅,有利于信息的传递。在版式设计中,可以通过划分简单的网格,使图片、文字段落等顺序排列,确保画面产生平衡感。使用改变画面中元素的大小、比例、位置、添加元素等都能使画面变得平衡。

阿甲 科技 版式设计中追求的稳重感会使画面产生平衡

当画面中只有一个图像元素,并且居中放置时,它达到了平衡,当图像元素移动至两侧时,画面的平衡被打破,出现了一边轻一边重的现象,这相当与天平的一侧太沉了,另一侧就会被翘起,为了使天平回到同一水平线上,我们可以在翘起来的一侧添加元素,原则上是与图像的面积在观感上一致,如果完全按重量来配比,则会使画面显得机械和呆板,画面的灵性也会被束缚。

阿甲 科技 图像的面积要在观感上一致

同时,最重要的层次关系也会因为重量的完全相等而无法分清。在设计商务性质的版式设计中,需要打造出诚信稳重、让人放心的氛围,如果画面失去平衡,这在版式设计中是非常致命的。

阿甲 科技 最重要的层次关系也会因为重量的完全相等而无法分清

网格

画面布局是版式设计中让很多设计师“头疼”的问题,如何在有限的空间中让文字、图片、图像、符号等大量设计元素出现在合适的位置,并能产生合理的层级关系,是设计师需要解决的难题,而通过划分网格可以高效的对这些元素进行合理放置。网格是现代版式设计中最重要的基础构成之一,它能将版面中的点、线、面构成元素协调一致地编排,并具有秩序感、比例感和整体感。

阿甲 科技 网格是现代版式设计中最重要的基础构成之一

在版式结构的搭建过程中,通过对版面划分网格线条后,并将元素整齐排列后隐藏“网格线”,在视觉中会产生某种相互关联,使阅读更加具有逻辑性和层次感。利用网格来进行版式结构布局的设计方法被称为 “网格设计”,它能使我们的版面布局形成工整而有规律的效果,并且有着无数种组合方式,能大大提高工作的效率。

阿甲 科技  “网格设计”使版面布局形成工整而有规律的效果

重复

重复的方式有很多,如重复的颜色、字体、字号、文本行距、项目符合、图表风格、对齐方式、图片风格等。在很多商品宣传册的设计中,往往需要展示大量的产品信息,没有太多经验的设计师常常会担心最终的版面单调乏味,于是在版面结构中加入各种花哨的特效、改变图片的倾斜度、使用难以阅读的文字的效果,这样的方式不仅不能解决问题,反而降低了信息的“可读性”与“易读性”,使阅读者产生厌恶的心理,大大影响了产品信息的传达,降低了设计的“档次”。

阿甲 科技 重复的方式有很多

此时如将一件商品的说明信息和图片进行合理组合,分清信息层级关系后形成编组,其它产品的信息与图片组合按其同样的方式在版面空间中进行重复,并且排列整齐,使读者能快速的分清阅读规律,将更加有利于信息传达。如果需要增加变化,可以对各商品分清主次关系后进行放大与缩小等方式来处理即可,这样使得商品宣传册整体在稳重的同时又不乏味。

阿甲 科技 重复也要使读者能快速的分清阅读规律

统一

在开始设计时,首先要思考一些问题,比如,“这是一个什么样的主题?什么样的色调适合这个主题?这个主题需要烘托出什么样的气氛?什么样的字体性格更符合这个主题?”等等,这样就可以得到一个统一的设计风格。

阿甲 科技 要确定统一的设计风格

如果版面中各种颜色和形状等设计元素太多了,字体的风格或颜色变化太大,则整个版面就会缺乏统一性和连贯性,使画面看上去很“乱”,给人造成不值得信赖的感受。设计不是各种元素的简单堆积,版面中没有任何一个元素是多余的,所有的元素都必须是仔细分析主题得来的结果,去掉那些多余的装饰元素,避免“为了设计而设计”。

阿甲 科技 所有的元素都必须是仔细分析主题得来的结果

留白

留白是版式结构中非常重要的元素, 它是画面中各元素之间的间隔部分,起到缓冲、隔离的作用,合理的留白可以有效解决平面设计中的实际问题。初学设计的人常常担心“画面太空”,在版面里填充各种元素,不留空隙。过于紧凑的布局会使读者心情紧张,失去阅读的兴趣,相反,漫无目的的留白也会使画面显得空空荡荡。

阿甲 科技 留白是版式结构中非常重要的元素

留白在留出韵味的同时,也可以增强画面的空间感,留白越大,空间越广阔,画面中元素越少,人的视觉注意力就不会被其他无用的信息所抢走。初学者对留白容易产生误解,认为留白就是留出白色,然而事情并非如此,留白留出的是空间,背景可以是白色,也可以是其他任何颜色。

阿甲 科技 留白可以增强画面的空间感

需要特别注意的是留白不适合所有的设计,如促销广告中需要的是传递热闹和实惠的氛围,如果大量留白只会适得其反。在表现高端、雅致、文艺的气质时,留白是非常适合的,但是在烘托氛围和热闹、喜庆的感受时则不能使用。

阿甲 科技 留白不适合所有的设计

只有掌握版式结构的基本原则,科学分析项目信息,才能使我们的作品在具有视觉上的形式美感的同时,传达的内容更加符合主题,能向受众正确的传递出设计的信息。

阿甲 科技 掌握版式结构的基本原则能向受众正确的传递出设计的信息

免责声明:本文由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。

阿甲科技

欢迎访问阿甲科技集团官方网站!