广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

19年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

90%的建站公司不会教你的网站UI设计思路
发布日期:2024-11-16 09:00:03 浏览次数: 805 来源:辛小加独立站
有很多建站公司最大的卖点就是自己的UI有多漂亮。

很多朋友找到我,

第一句话都是说,这个UI好看,你给我照着做一个。

也有人总是问我,小加,你做的这个网站不漂亮呀,

你这个网站做的没有那个谁谁谁好看啊。

你这个图片做的不够炫酷啊。

你看那个谁谁谁,你给我做个一模一样的。

所以,我不禁想说,

UI设计真的这么重要吗?

是,但也不是。

网站UI确实很重要,但是很多人都不知道为什么,只是为了好看而好看。

要知道,小加我,就是设计师出身,所以对这一块还是有话语权的。



1.

我要说,

UI设计确实重要,但并不是网站最重要的部分。

作为设计师出身的我,其实是走了很多年的弯路才体会了这个道理。

所以,接下来的这段话,你要认真看。

做好网站的定位,讲好你的故事,写好你的内容。

这是营销的内核,是你思考的战略方向。

具体怎么做,可以看看我的这篇文章。独立站变现,真正的3个杀招       

要知道,

好的UI设计,是为了讲好品牌故事。

当你把品牌和人设定位做好之后,网站就成功了一半。

接下来才是UI设计大显神威的时候。


2.

那么,什么是好的UI视觉呢。

好的UI,让人第一眼看到的时候,会产生一个记忆点。

专业点的说法,叫做视觉锤。

比如这个网站,



你一进来,首页banner马上就能让你知道他在卖什么。


虽然是很简单一张图,却很显功底。


一个高饱和的橙红色做底色,和产品本身的黑色形成经典的红黑搭配,基本氛围一下就上来了,让人知道这不是一个低级货。


从左到右拉一个渐变过来,让底色不单调,最右边的色彩有一个突变,暗示光源的方向,和产品的高光部分正好契合。


在颜色过渡的中线位置(也是整张图的黄金分割线)放产品,把产品很好的凸显出来。


字体搭的也不错。红白黑三个色系一配,每个部分都做的很优秀,高级感也有了。


美中不足的,是主体还是有点小了。


作者为了构图好看,把产品和字号都缩的很小,这样有高级感。


做品牌时,很多人都会为了好看牺牲带货属性。


如果纯带货,大可把字号和产品都拉大一点。我做电商这么多年,深知大字报牛皮藓才是最好的广告图——就是有点low,不适合做品牌。


即便如此,这也是个95分的设计。


我本人很喜欢这种设计。


用高饱和度的底色,和产品形成色差,再用大号字体突出你的品牌卖点,从而让人记住你。


我们之前一直说,要做故事线,要讲品牌故事。这会让人对你形成基础印象。


但是,仅靠文字,这个印象还不够具体。


所以,要用视觉来强调。用视觉锤反复的锤。


这样用户在读故事的时候,就会自动脑补你的形象。



3.

色彩搭配,是视觉设计最重要的环节。

比如这是一个瑜伽裤品牌设计师。


她的网站选择这种亮黄色作主色,就是在用色彩暗示,她是一个有活力、有创造力的女生。

她在拍照的时候,刻意穿一件黄色的底衫,手上拿的道具也都是这个色系,还有肢体的表情和动作,都在有意暗示这一点。

这就是视觉锤。

从你进网站的第一眼开始,就把这个印象锤到你的脑子里。

后面的产品和文案,再不停的强化,不停的锤,你就会很快形成品牌的初步认知。

下面这个,是一个推海外旅行社业务的博主。




她选这种蓝白色系,就是让人觉得她是一个知性的旅游达人,阳光、海滩,纯净、自然,每天都在全世界到处飞到处跑,这样就让后面的带货顺理成章。你去看看国内外所有的旅游博主,是不是都是这个视觉风格。


总之,网站的色调,就像我们穿衣打扮,人们从第一眼看到的时候,就形成了先入为主的印象。



这样,就为你接下来讲的故事做好了铺垫。


4.

我们总结了很多固定的网站色彩搭配模板。


比如电子产品你可以用这种黑金风。



如果你是手工制作的工艺品,或者主打天然无害、亲近自然,那可以主打这种浅绿色小清新色调。



如果是运动产品,走这种红黑配色往往能打造出高级感。



如果产品比较素雅,黑白配色的极简风,或者棕灰底色的淡雅风,会有一种轻奢的高级。



好的网站视觉设计,自己就能讲好故事。

一定要给你的网站定好基色。

这样就能给别人留下一个记忆点,也就是视觉锤



5.


最后是网站的设计细节。


比如下面这张图,光影的运用,底色的渐变,留白的运用,色差的运用,产品色系搭配,都是顶级。




细节是最能凸显专业性的。

用好了,网站就显得高级。

用的不好,随便找一些网图来填充,就会显得你的网站很呆。

我发现国内很多建站公司的设计理念,还停留在上个世纪,要么华而不实,要么千篇一律。

完全不用心。

关于网站的UI设计细节,国内外很多设计师都总结了一些标准的规范,这点我就不多赘述了。

有想深入了解的,可以找我领取资料。


6.

最后还要强调一下。

 

视觉技巧的运用,是为了凸显你的产品和品牌。

 

不要本末倒置。

 

比如很多人在网站上用了很酷炫的图片,但是根本没有你的产品,或者费很大劲才能看清产品。

 

看了半天,不知道你在卖啥。

 

这就很失败了。


要知道,

 

网站的外观,是你的仪容仪表。

 

但是网站的内容,才是你的灵魂。



——全文完。

优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询