电话咨询
在线咨询
官方微信

输入您的电话,我们即刻给您回电

接通客服

您也可直接拨打24小时电话:4008-030-567 或线上咨询

您已经犹豫了0

观望只会错过创造美好的机会
扫码获取2019年建站策略指南
一键订阅建站干货内容
扫码获取2019年建站策略指南

一键订阅网站干货内容

当新的文章、案例及行业报告时,我们将及时发送给您。

雍熙 | 做一个具有亲和力的好网站!

发布时间:2019-09-20 作者:上海雍熙

又到了每周的发文时间了,每到这个时候,小编就会习惯性头痛,写点什么好,上几次的推文介绍案例居多,本周我们就来回归本质,一起聊聊设计吧!

今天要和大家一起交流的,是怎么做出一个有亲和力的好网站。亲和力网站突出的是情感,我给大伙举个例子,如果我们将页面看成是一个人,那么高端化妆品的版面,她就应该是个高冷的女人;儿童玩具的版面,就应该是个调皮可爱的小孩。随着传播内容的变化,版面自身的样貌当然也应该是不一样的。一个好的版式设计,它不仅要做到内容的清晰传达,更应该在阅读之前,就让人们提前感受到一些特定的情感。同时也希望大家能一起交流一些设计心得,相互成长。


要素 1:图形设计


举例说明吧,当你看到尖锐的物体时与圆润物体时的感受肯定是不同的,尖锐的物体往往会让人产生紧张或者不安的感觉,如钉子、小刀或锥子这类尖锐的工具会让人本能的避而远之;圆润物体就会产生一种人畜无害的印象,如篮球、毛茸茸的泰迪熊等,正是这种「同形联想」的心理在起着关键性的作用。


image.png


比如汽车,高端跑车,往往会采用棱角分明的设计,因为这样会显得更加远离大众。而定位亲民的家用车,圆润的车身显然更容易有让人们接近的心理作用。

我们来看看网页的呈现,迪奥大家都不陌生,迪奥的网站就是做的很棱角分明,给人一种高端、高高在上的感觉。


image.png


在看看下面雍熙案例,网站整体风格偏年轻,椭圆形的展示形式,拉近与用户之前的距离感。


image.png


通过下图会让我们理解起来更直观。


image.png


要素 2:字体使用


网站是由图片与字体共同组成的,不同的字形当然也会影响人们对于版面的整体印象。亲近用户的网站,可以排除那些线条纤细,以及笔划末端非常尖锐的字体,因为这样的造型在心理会让人感到难以靠近,容易让人联想到锋利的尖刺。


image.png


我们推荐选择那些线条粗大,笔划末端圆润的字体,这样就不会产生紧张的感觉了,反而会让人联想到柔和,友好的印象。


image.png


要素 3:色调搭配


色彩相对于字体和图片来说,要更抽象一些。在接下来的内容中,我们会抛开色彩的承载物以及那些并不确定的色彩形状。单从色相、明度、饱和度的角度去寻找一些情感上的依据。


image.png

image.png


在网页的设计中,有冷暖色调之分,不同的色调搭配对于人的视觉感官也会产生不同的影响。


image.png


如我们正在制作的母婴方面的网站,会尽量的使用暖色调去整体布局,让妈妈或准妈妈们感受到温暖,亲情与满满的爱!


image.png


那我们在做科技型企业的时候,大部分会选取蓝色与绿色,让网站保持专业性与科技感。


放下笔,思绪万千,做这行已经有好几年了,设计这个行业如果不努力前行,就会死的很快,本周先简单分享一些亲和力的网站建设思路,欢迎大家在下方留言共同讨论设计知识。