鞋合不合适,只有脚知道。网站好不好看,同行一眼能说;好不好卖,只有账本知道。
这两个词摆在一起问,本身就透着两难。可真做下来,它们打架的时候比想象中少。
别扭多半出在对好看的理解上。很多老板说的好看,是视觉冲击力:大图、动效、渐变色块,一眼看上去热闹。设计师说的好看,是比例、留白、字体这些看不见的功夫。而客户嘴里的好卖,说到底是三件事:看得懂、找得到、信得过。
网站设计做久了会发现,这三件事跟好看并不冲突,甚至就是好看的一部分。
排得清楚、字读得舒服、重点一眼能看见,这本身就是好看。反过来,一个页面漂漂亮亮,客户找了半天不知道你卖什么,那不叫好看,叫装饰。
有几处该让美观让步。
首屏加载算一处。整屏背景视频很酷,手机流量一开就卡,客户还没看清内容就走了。动效也一样,能看出用心的值得留,为了炫而炫的,删掉不心疼。
移动端可读性算一处。PC 上好看的十号灰字,手机上等于隐形。做设计的时候最好先做手机那版,宽屏反而好排。
关键信息的对比度算一处。电话、地址、价格这类东西,别用浅灰小字压在浅色背景上,那是在跟客户较劲。
也有几处该坚持。
品牌颜色不能乱换。企业色用久了是有资产的,一次改版全推翻,客户会以为换老板了。
字体得统一。一个页面五种字体,看着就散。
留白别舍不得。挤得满满当当的页面,读三行就想关掉。
有个检验办法很土,但管用。把首页给一个完全不懂你业务的人看十秒,然后问两句:这家公司是干什么的?想联系的话你会点哪儿?两句都答不上,视觉做得再漂亮也是白搭。
见过一个真事。有客户改版,视觉比原来炫了不少,首页加了三段动效。上线两个月,咨询量反而降了。查下来原因很简单:原来一眼能看到的电话,被压到轮播下面去了。
客户说“我就要大红配金”这种时候,别急着劝。先问一句,你们客户里年纪最大的那批人,看得清这个对比度吗。多数时候,话说到这儿,颜色自己就变了。
平衡的做法不复杂:视觉做减法,内容做加法。颜色少两种,动画少两段,换成两段写得实在的业务说明。
平衡点其实落在信息顺序上。
更实在的判断标准,是看客户下单前会做什么动作。他总要对比几家、问清价格,网站就得让这两个动作顺当。想清楚这些,配色方案自己会浮出来。
钱紧的时候,先保功能性的好看——层次清楚、重点突出;纯装饰的部分,等有钱再补,网站设计本来就不是一次做完的事。
这一行最容易走偏的,是把好看当成目标。它更像结果。客户看得懂,也能找到要找的东西,回头再看这个页面,自然就顺眼了。让人记住你卖什么的,才叫设计;记不住的动画,再流畅也白搭。