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

  • 作者: Frank
  • 最后更新:2026 年 03 月 17 日
做一个具有亲和力的好网站.jpg
目录

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

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


一、图形设计

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

640.webp

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

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

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

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

640 (3).webp


二、字体使用

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

640 (4).webp


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

640 (5).webp


三、色调搭配

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

640 (6).webp


640 (7).webp


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

640 (9).webp


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

640 (8).webp


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

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

22222222封面2 1.jpg
雍熙专注数智化网站升级

3000+企业网站建设案例

免责声明:本文内容通过AI工具匹配关键字智能整合而成,仅供参考,上海雍熙不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见,您可以通过联系我们进行反馈,雍熙收到您的反馈后将及时处理并反馈。

Frank
KA项目经理

15年行业经验,KA项目管理、网站项目整体规划,SEO/GEO策划,为多家500强客户行业知名企业提供线上数字化服务;精准把控网站开发个环节,赋能客户,帮助客户,致力于让网站真正成为企业的互联网总部。