企业网页设计只需用一种颜色？一个网站建设案例告诉你怎么建设网站！

时间：2022-08-07 22:18:02 | 来源：网站运营

时间：2022-08-07 22:18:02 来源：网站运营

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

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

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

下面，小凡 @凡科建站 就通过一个网站建设案例，带大家看看中汇创意营造有限公司，是如何通过“主打色”法则，四两拨千斤的塑造出一个有个性、有格调的官方网站的。

01

如何选择官网的主打色？

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

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

很简单，调整。

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







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

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







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

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







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







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

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

02

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

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

“其实网站的设计并不用太复杂，也能营造出很强的视觉冲击力。”
中汇创意网站负责人说道。
“事不过三，色不过三。我们的banner虽然抢眼，但实际上只运用了两个颜色，白色和橙色。只要对比度足够，那么白色就是不会出错的万能搭配色。至于网站的整体，我们可以搭配黑色灰色，这两种颜色没有明显的色彩倾向，不会破坏色彩的协调性。”

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

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

03

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

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

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

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







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










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







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













总结


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

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

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







☞微信公众号原文链接：只用一个“色”，能打造出高大上的官网吗？

☞更多精品网站建设行业案例，尽在这里↓↓↓

---

==°·°★ 这里是小凡 @凡科建站 ★°·°==




简单易用，效果出众！

3000+模板，四站合一！




☞ 点击这里获取【超好用的在线建站工具】