丝路教育

咨询热线:025-68590001

热门课程

丝路教育>培训头条>UI设计培训>

【丝路小讲堂】平面设计该如何提高版式设计水平?

  • 发布:丝路教育学院
  • 点击次数:80
  • 时间:2020-07-09

版式设计是平面设计理论中的一大分支,设计师在自学平面设计的过程中,越早学习收益越大。欲提高版式设计水平,首先需要掌握一些核心理论知识,当你具备解读优秀设计作品的能力时,你便能从中吸取有用知识,在后续的模仿学习中,也就能得到一步步的提高。

 

一、核心观点:在平面设计中,版式设计的主要的,是为了追求视觉上的平衡和协调。

如果把平面设计创作,比作是交响乐演奏,那么版式设计就像是指挥家,指挥家引领着乐团的所有音乐家们完成一个共同的艺术目标。而版式设计则协调着所有版面视效元素的逻辑层次、感官对比、外观样式,以完成一个共同的设计目标!

 

因此,在做版式设计时,我们可以先把拿到的文案,以及图像素材,梳理一下主次关系后,编排进版面中,形成一个大致的平衡构图后,再来精细化调整各区域元素的外观样式。最后,再针对整个版面进行润色修饰,达到最后的平衡协调。整个过程,就是「总→分→总」的一个制作思路。

所有的视效元素分布在整个版面,就像是分步在天平两端的重量一样,当整幅版面左右、上下、或者对角的量感,看上去大致相等时,我们就可以说这个版面是处于平衡的。注意这里说的是大致相等,而不是绝对相等,因为好的版面设计中,往往需要一些对比变化。

 

 

1、什么是版式平衡与协调?

最简单的平衡,就是一个元素处于版面正中央,

当这个元素,在版面中的位置发生偏移,挪到左上角,此时这个版面就失去了平衡,

 

2、小结

版式设计第一步,就是要顾全大局,先把版面做平衡,然后针对局部细节做精细调整,再把版面做协调。要把版面做平衡,主要考虑的就是元素尺寸大小,逻辑层次、以及位置摆放。要把版面做协调,主要考虑的就是处理元素间的色彩搭配、字体的样式选择、图像的风格取向、以及装饰图形的机理与质感等。

 

二、构图平衡,有哪些?

版式平衡主要有3种形式,分别是:对称平衡,非对称平衡和整体平衡。在做版式设计时,你可以有意识的去利用这些平衡构图方法,来打造你的版式设计。

1、对称平衡

对称是同等同量的平衡,对称式设计是一种静态的,可预见的,讲求条理和平衡布局的设计。对称构图相对比较易于创建,特点是稳定,庄严,整齐,安宁,沉静和古典。

2、非对称平衡

非对称在不对等的元素间创设出秩序和平衡,非对称设计由于版式不可预见,所以空间是变化的。特点是动态的,灵活的和富有活力。非对称构图比较多,常见的有以下6种形式。

 

(1) 对角线构图:

文案摆放在版面的对角线方向,一方面避免了司空见惯的居中版面,一方面给中心主体留出了更多的创作空间;另外中心的图形也可以是对角线的设计,这样会让整个构图看起来比较平衡。

(2) 发射状构图:

点缀元素围绕中心的文案或者图形发射,这样的构图会让中心的视觉容易聚焦,视觉冲击感会更强烈。

像电商大促活动,淘宝和京东等等会经常用到使用发射性构图来营造大促活动的热闹火烈程度。

(3) 中心构图:

这是我们最常见的构图之一,文案和主体居中页面,注意的是位于版心的主体要尽可能的出彩,利用设计技巧吸引读者的眼光,这样才能避免破平淡乏味。

(4) s形构图:

文案或者图形放在线条转折的地方,整体呈一个s形。另外线条的起点和重点也同样是读者容易关注的地方,可以放一些重要的信息。这样的构图灵活,有趣,而且可以引导用户沿着s形轨迹阅读信息。

 

三、设计原则

对构图形式了解后,我们还要知道一些基本的设计原则,虽然这些原则我们可以在其他地方反复的看到,但是我在这里还是要强调一遍,因为它可以帮助我们在打破规则之前,必须清楚规则是什么。另外注意一点就是,这几个原则不是独立分开的,而是可以同时考虑和结合,不是唯一选择:

1、对比

缺乏对比,作品会变得平淡乏味并且不能有效地传递信息。艾美奖设计师、Blind公司创始人Chris Do 说过contrast is king(对比至上),运用好对比,可以在页面上引导用户的视觉,并且制造焦点。

 

2、对齐

任何元素都不能在版面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。在版面上找到可以对齐的元素,尽管它们可能距离比较远。需要注意的地方是避免同时使用多种对齐方式。

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:【丝路小讲堂】什么是平面设计?   下一篇:学习平面设计哪个培训机构好?
UI设计师的就业薪资和前景

UI设计师的就业薪资和前景

福州应用UI设计高级培训班

福州应用UI设计高级培训班

广州平面广告设计培训业

广州平面广告设计培训业

学c4d软件要多久能就业?

学c4d软件要多久能就业?

本网站版权归丝路视觉科技股份有限公司所有,盗用必究

全国所有校区课程0元试听

网站导航