如何搭建网站?如何创建网站平台?如何建立一个平台网站?一个案例来告诉你!很多企业在架构官网的时候,经常会烦恼于该怎么建设网站,才能让企业官网显得高大上。
为了实现“高大上”,企业可谓是费尽心思,参考借鉴了大量不同风格的网站,看着是博采众长,可最后呈现的效果反而不尽人意。
“官网的交互效果要怎么才酷炫?” “排版要怎么才显得丰富多变?” “是不是应该专门去请设计师设计一下?”
下面,小凡就通过一个网站建设案例,带大家看看别人是如何通过“主打色”法则,四两拨千斤的塑造出一个有个性、有格调的官方网站的。
01
如何选择官网的主打色?
那么品牌的“主打色”应该从何而来呢?常见的方式,就是从品牌Logo中提取。这样做可以有助于品牌调性的统一,是品牌建设中基础手段,中汇创意也是这么做的。
于是就有企业会问了:假如我们企业的Logo颜色不够好看怎么办?
很简单,调整。
其实只要企业在商标注册时没有申请指定颜色,那么企业是可以自由的对Logo颜色进行调整的。那么对Logo颜色的选择上,要考虑什么方面呢?
一是要考虑到颜色是否与品牌定位、行业定位相符。
如科技行业一般会选择冷静的冷色调,如蓝色、黑色等;而像案例中这家这类创意型公司,一般会选择橙色、黄色、红色等,这一类炙热、热情、饱满、充满能量的色彩,色调明亮、强烈、活泼,有积极向上的意象效果。
二是要从实际角度,考虑这个颜色是否适合用来进行物料延展。
同一个色系里有无限种色彩坐标,因此品牌定下主色调后,还要把关好颜色的饱和度、明度,在经过不断的比对后,选出最佳颜色,制定标准化颜色参数。
如案例中这家公司所选择的橙色,是一种带红棕的橘调,微量的棕色往明快中调和了一丝稳重,不管是用在线上还是线下物料都有优秀的视觉表现力。
如果能将主色调运用到极致,甚至可以让消费者只要看到颜色,大脑就会不自觉的联想到你的品牌。
如可乐红、电信蓝、邮政绿,还有奢侈品牌蒂芙尼,就把品牌色蒂芙尼蓝包装成了家喻户晓的Pantone1837。
02
以大色块制造视觉冲击,奠定品牌调性
首页的banner图,是首先映入用户眼帘的模块,只要能利用好banner位,你的网站已经成功了一半了。案例中这家公司的做法,就是利用全屏大banner先色夺人,用大片浓郁的品牌主打色抓住用户的眼球。
“其实网站的设计并不用太复杂,也能营造出很强的视觉冲击力。” 负责人说道。
“事不过三,色不过三。我们的banner虽然抢眼,但实际上只运用了两个颜色,白色和橙色。只要对比度足够,那么白色就是不会出错的万能搭配色。至于网站的整体,我们可以搭配黑色灰色,这两种颜色没有明显的色彩倾向,不会破坏色彩的协调性。”
Banner最常见的排版形式是居中排版以及左右排版,利用线条或者英文可以对标题文字起到很好的修饰作用。
文案不宜太多,要精、要简,如果字数或元素太多,反倒会破坏这种高级的美感了。
03
如何用主打色点缀细节,提升画面整体质感
什么叫主打色?就是要让它获得十足的存在感,能无时无刻地从品牌画面中跳出来,成为点睛之笔。
由于在Banner图上如果已经使用了大色块,那么在其他的板面上我们就要有所节制。
例如下图,橙色的双引号一下子给整张图赋予了设计感。当底色是色彩饱和度较低的深色时,可搭配纯白色文字。在这样的画面中,只需添加一笔明亮的彩色就能轻而易举的提升质感。
白底时也是同理,以白色搭配深灰色文字,对小元素、标题赋予颜色起到画龙点睛的作用。
遇到图文排版,如果怕图片的色彩会打破画面的和谐感,可以对图片进行黑白效果处理,然后以主色填充的色块作为装饰。
有时候也可以利用网站的互动效果,让这抹颜色活动起来。案例中这家公司就试用了凡科建站中的鼠标悬停hover效果。
总结
大部分的品牌官网,其出发点都是为了承载内容而不是炫技,因此品牌其实不必过分的追求网站的互动技巧,只需将精力放在美观度和实用性上即可。
文中所介绍的案例,是一种简单高效的,通过灵活用色以低成本打造出高端感的方法,很值得对官网设计毫无头绪的企业去借鉴。
至于网站的排版难题,则更容易解决了。凡科建站提供了海量优质的行业模板,用户只需要简单的拖拽修改,即可高效获得最佳展示效果,更重要的是,后续的维护同样简单方便。