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

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

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

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

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

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

如何选择官网的主打色？

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

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

很简单，调整。

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

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

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

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

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

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

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

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

以大色块制造视觉冲击

奠定品牌调性

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

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

 

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

 

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

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

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

如何用主打色点缀细节

提升画面整体质感

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

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

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

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

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

手机端页面

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

总结

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

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

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

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

（提示：移动端打开为移动端网页，PC端打开为电脑端网页）

免费使用：https://www.fkw.com/?_ta=2891