让每一次服务都有价值
图文印刷   网站设计  文创定制
新闻详情

只用一个“色”,能打造出高大上的官网吗?

发表时间:2022-06-21 09:39

所属行业:广告行业

所用产品:蓝迅建站

功能亮点:纵向滚屏动画、在线客服、地图、留言板、实时天气




很多企业在架构官网的时候,经常会烦恼于该如何设计官网,才能让官网显得高大上。


为了实现“高大上”,企业可谓是费尽心思,参考借鉴了大量不同风格的网站,看着是博采众长,可最后呈现的效果反而不尽人意。

“官网的交互效果要怎么才酷炫?”

“排版要怎么才显得丰富多变?”

“是不是应该专门去请设计师设计一下?”


下面,我们就来看看中汇创意营造有限公司,是如何通过“主打色”法则,四两拨千斤的塑造出一个有个性、有格调的官方网站的。




图片



图片

如何选择官网的主打色?


那么品牌的“主打色”应该从何而来呢?常见的方式,就是从品牌Logo中提取。这样做可以有助于品牌调性的统一,是品牌建设中基础手段,中汇创意也是这么做的。

                       

于是就有企业会问了:假如我们企业的Logo颜色不够好看怎么办?


很简单,调整。


其实只要企业在商标注册时没有申请指定颜色,那么企业是可以自由的对Logo颜色进行调整的。那么对Logo颜色的选择上,要考虑什么方面呢?


一是要考虑到颜色是否与品牌定位、行业定位相符。


如科技行业一般会选择冷静的冷色调,如蓝色、黑色等;而像中汇创意这类创意型公司,一般会选择橙色、黄色、红色等,这一类炙热、热情、饱满、充满能量的色彩,色调明亮、强烈、活泼,有积极向上的意象效果。


图片

                       

二是要从实际角度,考虑这个颜色是否适合用来进行物料延展。


同一个色系里有无限种色彩坐标,因此品牌定下主色调后,还要把关好颜色的饱和度、明度,在经过不断的比对后,选出优先颜色,制定标准化颜色参数


图片


如中汇创意所选择的橙色,是一种带红棕的橘调,微量的棕色往明快中调和了一丝稳重,不管是用在线上还是线下物料都有优秀的视觉表现力。


图片

                       

如果能将主色调运用到极致,甚至可以让消费者只要看到颜色,大脑就会不自觉的联想到你的品牌。


如可乐红、电信蓝、邮政绿,还有奢侈品牌蒂芙尼,就把品牌色蒂芙尼蓝包装成了家喻户晓的Pantone1837。


图片



图片

以大色块制造视觉冲击

奠定品牌调性



首页的banner图,是首先映入用户眼帘的模块,只要能利用好banner位,你的网站已经成功了一半了。中汇创意的做法,就是利用全屏大banner先色夺人,用大片浓郁的品牌主打色抓住用户的眼球。


图片


“其实网站的设计并不用太复杂,也能营造出很强的视觉冲击力。”


中汇创意网站负责人说道。


“事不过三,色不过三。我们的banner虽然抢眼,但实际上只运用了两个颜色,白色和橙色。只要对比度足够,那么白色就是不会出错的万能搭配色。至于网站的整体,我们可以搭配黑色灰色,这两种颜色没有明显的色彩倾向,不会破坏色彩的协调性。”


图片

                       

Banner最常见的排版形式是居中排版以及左右排版利用线条或者英文可以对标题文字起到很好的修饰作用。


文案不宜太多,要精、要简,如果字数或元素太多,反倒会破坏这种高级的美感了。


图片



图片

如何用主打色点缀细节

提升画面整体质感


什么叫主打色?就是要让它获得十足的存在感,能无时无刻地从品牌画面中跳出来,成为点睛之笔。


由于在Banner图上如果已经使用了大色块,那么在其他的板面上我们就要有所节制。


例如下图,橙色的双引号一下子给整张图赋予了设计感。当底色是色彩饱和度较低的深色时,可搭配纯白色文字。在这样的画面中,只需添加一笔明亮的彩色就能轻而易举的提升质感。


图片

                       

白底时也是同理,以白色搭配深灰色文字,对小元素、标题赋予颜色起到画龙点睛的作用。      


图片
图片

            

遇到图文排版,如果怕图片的色彩会打破画面的和谐感,可以对图片进行黑白效果处理,然后以主色填充的色块作为装饰。


图片

                       

图片

手机端页面


有时候也可以利用网站的互动效果,让这抹颜色活动起来。中汇创意就试用了蓝迅建站中的鼠标悬停hover效果。


图片

有时候也可以利用网站的互动效果,让这抹颜色活动起来。中汇创意就试用了蓝迅建站中的鼠标悬停hover效果。


图片

总结


大部分的品牌官网,其出发点都是为了承载内容而不是炫技,因此品牌其实不必过分的追求网站的互动技巧,只需将精力放在美观度和实用性上即可。


文中所介绍的案例,是一种简单高效的,通过灵活用色以低成本打造出高端感的方法,很值得对官网设计毫无头绪的企业去借鉴。


至于网站的排版难题,则更容易解决了。蓝迅建站提供了海量优质的行业模板,用户只需要简单的拖拽修改,即可高效获得优先展示效果,更重要的是,后续的维护同样简单方便。


点击右方链接,直达案例官网:http://charmviv.com/

(提示:移动端打开为移动端网页,PC端打开为电脑端网页)



分享到:
京东图文 Desgin
商城是中部六省为数不过家以广告材料、设备、制作为主题的互联网及移动互联网的交易平台 产品涉及喷绘写真、灯箱照明、工艺字、标示标牌、户外广告、广告设备、广告板材、广 告辅料、展览展示,其规模、品类均具行业地位
QQ:42468163     59865523
联系电话:13937333263
联系邮箱:42468163@qq.com
联系地址:河南省长垣市杏坛路北孔庄新村136号
website qrcode

扫描查看手机版网站

会员登录
登录
其他帐号登录:
我的资料
我的收藏
购物车
0
留言
回到顶部