运营设计，包含很多内容，比如平时做的海报，Banner，网页，H5，长图等，这些就离不开版面设计，在这一项里面，版面的信息清晰度直接影响到视觉焦点，也就是用户第一眼看到的信息是什么，想表达的是哪些内容。

今天将为大家讲述以下几个内容要点：

1:版面信息分析

2:抓取用户视觉心理

3:设计主要目的

4:情感化设计

版面信息分析：

版面的亲密性，节奏性等关系到页面的张力及空间感。版面的好与坏，也直接会影响用户的视觉判断，从而也会对点击率以及转化率有所影响，所以视觉信息在其是很重要的角色。

就像在学习素描的时候，老师的讲解中总是离不开黑白灰，所谓的黑白灰并不是指的颜色的黑白灰。而是可以理解成视觉焦点的层级关系，有深有浅有过渡，那么在其中就有了人在看到设计作品时看到的第一眼是什么，第二眼又是什么等，这样就有了视觉焦点的出现，什么信息影响了人的判断，所有的设计作品当中，所使用的技巧都是有章法的。

在这些内容里面，版面的字体的颜色，大小，位置，以及内容的排版，都会影响视觉焦点。

在用户看到设计图的一刻，视觉上会去追踪什么是最影响到他的，信息层级从而依次排开。

抓取用户视觉心理：

根据这些信息，我们就可以预测用户的点击行为，或者评估设计作品的设计质量如何，虽然不能直接的去下判断，但是可以帮助设计师更了解到用户到底关注的是什么，对于信息层级上也能优化，从而也能辅助设计。

例如以下图例：

(图片来源于网上)

这张图就很好的诠释了人们的视觉焦点在哪里，画面的信息层级是什么。第一张图可以看出，红色区域是用户关注的热点区域，其次是白色文案，再是人物。第二张图里将文案25换成了黑色，那么视觉点就有所影响。

以此类推，得到一个结论，画面的元素大小颜色排版位置等层级关系，直接影响了用户的视觉焦点。那么在对于这一层级的信息里，设计师就能更好的在设计作品中有所思考。

其实像这样的视觉热点追踪，可以通过眼动仪完成实验。眼动追踪是通过测量眼睛的注视点的位置或者眼球相对头部的运动而实现对眼球运动的追踪。

眼动的本质是人注意力资源的主动或被动分配，选择更有用或吸引力的信息。

如今科学很发达，这些科学成果都能帮助我们在设计上得到有力的数据展示，从而对于用户心理分析也有很大的作用。

设计主要目的：

我们拿一张海报作为示例：

在这张图里，左边是原图，右边是视觉焦点追踪分析。可以清晰的发现，人第一眼看到的是文案，其次再是人物以及其他的细节。这张图就是为了突出文案信息，让用户直接看到文案表达的内容，那么可以说他做到了，这张海报的信息传达上是成功的。

再看一个例子：

这是一张倒计时海报，倒计时突出的是什么，就是数字，告诉用户发布会还有多久开始。所以突出数字6，用户看到的第一眼就是这个数字，其实再是文案，这样就符合倒计时海报设计的初衷。

抓住了信息的层级关系，那么就能对设计输出有更好的把握，这样才可以做出正确合理的设计图。信息层级和视觉焦点如果没把握好，那么做出的图也算是有瑕疵的。

这样的对比图，看到的重点就是这个标题，其次再是辅助文案，背景等内容。因为他要传递的信息就是这个活动主题，让大家知道这是什么，其实再是时间地点是什么，再是让大家去思考这个背景是否符合活动主题。

像这个Banner里面，用户先看到的就是整个点击按钮，再是文案，但是文案区域里抢100的券中秋团圆季的信息层级里，则看出了，抢券更吸引人。这时就能看出设计者的心思，这张图设计背后的主要目的是什么，就是转化率和点击率，将主要的信息作出突出。

这些就是解释出，为什么要抓住人的视觉焦点，这样才能更好的科学设计理性设计，设计上不止要做到好看美观，也要将背后的含义，信息更好的表达出来，这样才符合设计的初衷，作出成功的设计作品。

但是也会让人产生一个误解，拿淘宝banner举例子，为了增加点击率转化率，其实就是突出文案数字就行，这样的事情好像AI就可以做了，这样才是科学合理的是在一张图，那么设计师的角色也就变得没那么重要了。

其实我不赞同这样的想法，举个例子吧，1:买一栋房子，目的：遮风挡雨，歇脚休息的地方。2:另外一栋房子装修的舒适美观，地理条件也都符合。那么作为用户会去选择哪一栋来居住呢。肯定得到答案都是第二个，一个好的房子就算是地理条件多好房子多牢固，但是里面却是石头硬邦邦的，没有温暖，没有创新，那么谁会愿意去住呢，住进去是否开心幸福呢。而住进一个装修的很漂亮的房子，幸福度也就有了，从而装修就不可或缺。

现在随着生活水平的提升，人们对于美，生活质量都有提升和要求。用户是有审美的，有自己独特的审美标准，人不同，所以标准也都不同，所以设计师的存在就更重要了，这也就是人和机器的不同之处吧。

情感化设计：

“一件产品的成功与否，设计的情感要素也许比实用要素更为关键。”—唐纳德诺曼

一张推广图，如果目的只是推广，但是缺少了情感，审美，只给用户硬塞了表达信息，可能只会记住这一刻，但是却少了美感，少了情感化的设计，那么这张图也是不完美的。

因为用户不会记住太多这样的信息，反而视觉层面上的刺激更会激发他的潜意识，会想起有这么一个图，从而再去想是什么信息。

所以在运营设计当中，视觉信息的表达固然重要，但是对于情感整体的把控都是缺一不可的。他们其实是一体的，只是说信息层级更能抓住用户的视觉焦点，但是有了情感化的内容设计的辅助，那么就能使得这张图更完美。

总结：

根据这些的分析，总结了一张小图可供大家更好的了解层级关系：

设计师的角色很重要，拥有设计技巧的专业态度，也是情感信息的表达者。

今天也是突然来了兴致，觉得也该总结下自己的设计方法论，针对运营设计的视觉信息层面应该有一个自己的理解总结。

最后谢谢大家的阅读，希望能给你们带来一定的收获。