新媒体视觉设计-第3章-新媒体视觉设计基本原则.pptxVIP

第3章新媒体视觉设计基本原则

3.3

3.4

对比

平衡

3.1统一

3.1统一

统一是指版面中所有部分——特别是每个与设计中其他部分相关的独立元素——全面的凝聚和结合。许多品牌都会花大量的金钱和精力，打造视觉识别系统（VI），在新媒体视觉设计中，视觉识别系统基本要素是指Logo、封面、品牌标语、标题、二维码、海报等。新媒体品牌同样也应该有视觉识别系统。

3.1统一

1.风格统一

艺术家MarcoMarilungo用漫画的形式将人类艺术史上最主要的16种风格生动形象地展现了出来。

3.1统一

1.风格统一

（1）插画风格

3.1统一

1.风格统一

（2）手绘风格

3.1统一

1.风格统一

（3）极简风格

3.1统一

1.风格统一

（3）极简风格

3.1统一

2.色调统一

在12色色环中，从红色顺时针旋转到黄色的区域属于暖色，相对的部分属于冷色。

3.1统一

2.色调统一

暖色在自然界中常见于阳光、火焰、血液等，让人感觉到温暖和活力。对应的关键词有感性、欢乐、喧闹、热情、女性化等。比如，情感类自媒体，大都是以红、黄等为主的暖色系，HUGO的主色彩偏冷，但在封面中用了红、黄等暖色调和：

3.1统一

2.色调统一

主打女性用户的时尚类自媒体也非常喜欢红色：

3.1统一

2.色调统一

同样的选色逻辑在美妆类自媒体中也适合：

3.1统一

2.色调统一

冷色在自然界中常见于海洋、天空、植物等，让人感觉到清新和宁静。对应的关键词有理性、自然、安静、内敛、男性化等。比如，金融理财类自媒体就更适合蓝、绿等冷色系：

设计实践

找出销售与管理官方公众号的视觉设计中，不符合统一原则的地方，并进行改进。

销售与管理品牌Logo

推送封面

文末介绍

引导关注

项目符号

3.2秩序

3.2秩序

版面设计最理想的效果，就是可以让读者将版面全部内容读完。但通常情况下，这是很难实现的，因为读者的注意力很难集中，常常会跳跃式阅读。为了避免这一点，需要创造合理的“视线流”，引导读者循序渐进地阅读。视线流包括静态和动态两种。

3.2秩序

1.静态视线流：从左到右

3.2秩序

1.静态视线流：从上到下

大多数媒体都是以自上而下的视觉引导为基础来进行版式设计的，新媒体尤其明显，因为新媒体以手机端展示为主，左右的移动空间受限，但上下移动的空间不受限制，发挥空间很大。比如，微信公众号局部气候调查组以长图为主要展示形式，无论是图片还是文字，都遵循从上到下移动的秩序，因为是完整、连续的长图，所以读者在从上到下移动视线时非常顺畅，不会被打断，可以获得非常好的阅读体验。

3.2秩序

1.静态视线流：从大到小

在前面的平衡原则中已经讲过，大的物体会比小的物体拥有更大的视觉比重，所以，读者的视线大部分情况下是从大到小移动，我们应该将重要的信息尽量放大。比如，通常情况下，我们会把标题放大，把重要的图片放大，都是遵循了视线从大到小移动的规律。

3.2秩序

1.静态视线流：向相似物体移动

人们的目光习惯向相同形状或颜色的物体移动。实现这种移动最常见的方法就是使用统一的项目符号。比如说，这样的项目符号，你看完一项，会自然地跳转到下一项。

3.2秩序

1.静态视线流：向箭头方向移动

在人类文明中，对文明有巨大推动作用的，当属文字。文字是从象形文字逐步演变而来，但在多年的演变过程中，箭头的形状却从未改变。箭头的出现，是因为古希腊毕达哥拉斯学派和柏拉图认为眼睛在捕捉物体时，视线、目光和力量，会以物体为目标从眼睛向物体方向传送，当把这一想法用图形来表示时，箭头就诞生了。

3.2秩序

2.动态视线流

动态视线流是指用运动物体来引导视线，比较经典的应用是苹果官方公众号的推文《你不知道的Apple》，其中使用了移动的叶子引导视线。

设计实践

1.分别搜集1个线型视线流、曲线视线流、焦点视线流、反复视线流、导向视线流的设计实例，并分析效果。

2.搜集1个动态视线流的案例，并分析效果。

3.3对比

3.3对比

对比的目的主要有2个，一个是打破统一的版面设计，增强视觉效果。比如，差不多的两个拳头放在一起时，画面很平淡，因为只存在方向的对比：但如果是一个老人的拳头和一个小孩的拳头出现在同一画面，视觉效果就会强烈很多，因为同时存在方向、大小、糙嫩3种类型的对比。

3.3对比

对比的另一个目的是组织信息逻辑。完全统一的版面无法有效阅读，只有通过对比，读者才能对信息逻辑一目了然，对比越强烈，信息逻辑就越清晰。比如，一篇文章一般由标题、小标题、正文组成，如果标题和正文间的对比不够强烈，就很难一眼看出文章的逻辑，比如