如何搞定页面视觉风格统一性?看这篇文章就够了!

2018-08-24 - 页面视觉风格 页面设计 页面设计优化

QQ截图20180821100947.png

图片版权所属:站长之家

7 月份的时候,有一位粉丝问到了我关于统一店铺视觉风格的问题,我说等有机会了专门写篇文章做分享,因为一两句话根本就说不清。

但是,今天我并不是专门只针对某个店铺做视觉统一的设计分享,而是想从全局的角度去给大家阐述这个问题。毕竟,你得知道自己为什么需要做视觉统一,你才可能做好视觉统一,所以这个问题就不单单只是指店铺了,而是关于品牌与用户之间的问题。

因为不管是店铺也好,平台也好,他们其实都是为卖货服务的,它们与品牌产品之间其实都是合作关系,最终其实都是要链接到用户身上的,而设计师要做的,归根结底都是处理好它们与用户之间的关系,帮助达成交易。

所以我将要分享的关于视觉统一的方法,就不单止是适用于店铺了,而是品牌、平台、店铺都适合的。

按照惯例,我还是先给大家列出一个提纲,方便大家理解:

接下来我就逐条展开给大家说一下这其中的奥秘吧!

一、为什么需要统一视觉风格?

当我们提到统一视觉风格这几个字,不知道大家能联想到什么?或者能联想到什么画面什么公司什么产品呢?

在回答这些问题之前,我还是先给大家举一些例子也许你就明白了。

比如:前几天我无意中打开了淘宝app,然后刚好看到了 2018 年淘宝新势力周的一系列卖场页面:

大家知道像淘宝天猫京东这样的平台,每年各种卖场促销活动是很多的,而且每一场活动都需要容纳成千上万的商家和数以万计的商品。但是,所有这些东西都却只是通过一块液晶显示屏展现在消费者面前,那么这时候就是我们设计师发挥作用的时候啦。

这时候设计师需要做的事情就包括以下几个方面:

  1. 要保证活动页面里能把所有东西都容纳进去;

  2. 要保证页面是方便顾客浏览的,所以要有规律可循;

  3. 要保证页面是可以吸引顾客一直逛下去的,所以页面有规律的同时又要有所差异,视觉上不枯燥,不然会视觉疲劳;

  4. 要在顾客心里和脑袋里建立某种印象,找到存在感,以免被顾客遗忘;

  5. 既要保证平台活动整体的调性和谐性,又要为不同的商家提供最恰当的展示机会,所以视觉表现形式要合理;

  6. 等等……

总而言之就是要权衡平台、商家、顾客三者之间的关系和利益:顾客买的爽,商家卖的爽,平台名利双收

那么这时候保持页面视觉统一就很有必要了,因为视觉统一就有以下非常重要的几点作用:

1. 强化品牌或事件在用户心中的印象

因为几乎一所有的品牌都需要做的一件事情就是占领用户心智,就是要让用户在众多的品牌选择里有自己的一席之地,不要把自己遗忘了,所以它需要不断的出现,保持存在感。

一个活动每年去做,一个电影每年都出续集,一个产品每年都会出不同的系列等等,都是同一个道理,都是在强化自己在用户心目中的印象,保持存在感。

提到这个,我平时每次搞活动都会提醒大家不要经常换头像或微信昵称,我让大家多来留言其实就是这个道理。因为我每天要面对的那么多人的头像和名字,如果你长期不换头像并且经常来留言,那我肯定会记得你。

但如果你经常换头像,并且留言次数还少,那我铁定就不记得你了,因为你没有强化一个符号在我的脑海里啊,明白了吧。

2. 让事件变得有序有规律可循

就像我们办运动会,不同的队穿不同的衣服、喊不同的口号等等,即便是队里的人走散了,你看一下队服或对方喊的口号你就能辨别出是自己人还是别人了是吧。

再比如:你去超市货架上拿饮料,正是因为这种视觉统一的作用,所以你才能很好的辨认出自己要买的品牌产品,而不至于拿错了,反过来对于品牌也一样,自己内部的产品之间是有统一的视觉形象的,同时又是跟其他品牌相区分开来的,所以才可以保证顾客不买错。

这些道理运用到页面设计上也是一样的,让顾客方便逛,同时别逛错了地方。

3. 提高相关人员的可执行性

因为像这种大型的活动,需要大量的人力投入,就拿设计师来说,一般都是某个主设计师出来一个设计方案,然后这个方案不仅要能达到以上提到的要求,还必须要是能保证其他设计师能够以这个设计方案来模版,去执行剩余的几十上百个页面,工作量非常之大。

处处留白,外贸网站转化率反而变高?

外贸网站设计留白时兼顾网页布局均衡,会注意设计元素之间的联系性,并不会一味留白。

APP开发产品策划:消息系统设计有哪些注意之处

APP开发产品而言,消息系统都是一个必不可少的功能模块,其核心目的是让产品直接与用户产生交互

移动端网站设计:图文和按钮的布局方法

今天给大家一起学习移动端网站UI设计过程中的视觉布局方法,只有合适的布局没有对错的布局。...