如何搭建网站?如何创建网站平台?如何建立一个平台网站?一个案例来告诉你!很多企业在架构官网的时候，经常会烦恼于该怎么建设网站，才能让企业官网显得高大上。

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

　　“官网的交互效果要怎么才酷炫?” “排版要怎么才显得丰富多变?” “是不是应该专门去请设计师设计一下?”

　　下面，小凡就通过一个网站建设案例，带大家看看别人是如何通过“主打色”法则，四两拨千斤的塑造出一个有个性、有格调的官方网站的。

　　01

　　如何选择官网的主打色?

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

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

　　很简单，调整。

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

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

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

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

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

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

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

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

　　02

　　以大色块制造视觉冲击，奠定品牌调性

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

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

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

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

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

　　03

　　如何用主打色点缀细节，提升画面整体质感

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

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

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

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

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

　　有时候也可以利用网站的互动效果，让这抹颜色活动起来。案例中这家公司就试用了点艾建站中的鼠标悬停hover效果。

　　总结

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

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

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