网站建设知识

色彩在UI免费建站中的作用

类型:网站建设知识 日期:2020.03.27

1. 加深品牌印象与品牌感

一般来说,产品都会有一个品牌的主色。而这个品牌的主色也通常会运用在外面的产品界面中,所以例如闲鱼、马蜂窝等,主色都采用了黄色,黄色具有非常活泼、有趣、好玩的特性,无论是线上还是线下都使用了这个品牌黄色,从每一个线上元素的主色,到线下包装的印刷色。


但一定要注意的是,如果品牌的主色偏灰偏暗的话,可能不太适合线上的产品进行通用。例如之前的严选、云集、711便利店、宜家等产品的主色都是偏深和暗的,所以在免费网站线上的界面用起来会非常不和谐,和整体偏浅色、轻的风格对比起来太强烈,引起不适。


而且线上觉得还不错的颜色,由于印刷的原理,实物也会更加偏低饱和和偏暗。


免费建站网站


2. 引导用户视觉凹增加易读性


我们在《如何有理有据做免费建站,而不是凭感觉?》里提到了人们如何阅读信息,提到了一个视觉凹的概念。所以在界面中,什么样的地方使用色彩是有讲究的。所以在这里通常会需要使用颜色的地方在于希望引导用户和吸引用户注意的地方才会使用色彩。例如下方产品,使用了高亮色来引导用户视觉。


如何有理有据做免费建站,而不是凭感觉?

如何才能做出有理有据的免费建站,而不是凭感觉?如果你无法回答为什么这样免费建站,就会在和业务方沟通的过程中表现得很被动。本文提到的方法,可以让你的免费建站更有说服力。


当然色彩的运用也会将整个页面的层级凸显出来,而不单纯的用中性色来区分层级。


免费网站建站


3. 区分信息交互的状态


同样是上两张图,大家可以清晰的看到,美团中的附近热卖好点、满减标签、价格,其实都只具备信息的呈现,但不具备交互的特征和状态。但淘票票中的「4.7万」和「展开」却不一样,「展开」使用了辅助蓝色,这里的展开就具备这个文案所描述的这个控件具备的交互特性──点击后将隐藏的文字展示出来。蓝色一般我们都会使用在某个可点的链接上,当然也会有其他的色彩来表示可点击。


所以不是所有的元素都要赋予颜色,这样会使整个页面非常混乱。

另外,UI 免费建站中主色除了引导用户的作用外,也可以表示当前正被激活的信息状态。例如爱奇艺 app 中播放详情页面,当前版块标签和正在播放剧集的激活状态。


网站模板

4. 营造氛围传递热度

色彩除了上方所述的字段中的不同使用,在图片和整体氛围营造中也起了很大的作用,目前很多 2c 的产品往往会在界面氛围的营造中运用一些手段。例如导航栏、底部标签栏上的图标,或者在首页营销版块的瓷片区域都会用品牌色在活动时段内进行氛围打造。

关键词:免费建站,免费网站,网站模板

相关网站建站知识
更多免费网站
网站建设 网站优化 网站推广 网站排名