只用一個“色”，能打造出高大上的官網嗎？2021-07-28 09:57:12

很多企業在架構官網的時候，經常會煩惱于該如何設計官網，才能讓官網顯得高大上。

為了實現“高大上”，企業可謂是費盡心思，參考借鑒了大量不同風格的網站，看著是博采眾長，可最后呈現的效果反而不盡人意。

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

“排版要怎么才顯得豐富多變？”

“是不是應該專門去請設計師設計一下？”

下面，我們就來看看中匯創意營造有限公司，是如何通過“主打色”法則，四兩撥千斤的塑造出一個有個性、有格調的官方網站的。

如何選擇官網的主打色？

那么品牌的“主打色”應該從何而來呢？常見的方式，就是從品牌Logo中提取。這樣做可以有助于品牌調性的統一，是品牌建設中基礎手段，中匯創意也是這么做的。

于是就有企業會問了：假如我們企業的Logo顏色不夠好看怎么辦？

很簡單，調整。

其實只要企業在商標注冊時沒有申請指定顏色，那么企業是可以自由的對Logo顏色進行調整的。那么對Logo顏色的選擇上，要考慮什么方面呢？

一是要考慮到顏色是否與品牌定位、行業定位相符。

如科技行業一般會選擇冷靜的冷色調，如藍色、黑色等；而像中匯創意這類創意型公司，一般會選擇橙色、黃色、紅色等，這一類炙熱、熱情、飽滿、充滿能量的色彩，色調明亮、強烈、活潑，有積極向上的意象效果。

二是要從實際角度，考慮這個顏色是否適合用來進行物料延展。

同一個色系里有無限種色彩坐標，因此品牌定下主色調后，還要把關好顏色的飽和度、明度，在經過不斷的比對后，選出優先顏色，制定標準化顏色參數。

如中匯創意所選擇的橙色，是一種帶紅棕的橘調，微量的棕色往明快中調和了一絲穩重，不管是用在線上還是線下物料都有優秀的視覺表現力。

如果能將主色調運用到極致，甚至可以讓消費者只要看到顏色，大腦就會不自覺的聯想到你的品牌。

如可樂紅、電信藍、郵政綠，還有奢侈品牌蒂芙尼，就把品牌色蒂芙尼藍包裝成了家喻戶曉的Pantone1837。

以大色塊制造視覺沖擊

奠定品牌調性

首頁的banner圖，是首先映入用戶眼簾的模塊，只要能利用好banner位，你的網站已經成功了一半了。中匯創意的做法，就是利用全屏大banner先色奪人，用大片濃郁的品牌主打色抓住用戶的眼球。

“其實網站的設計并不用太復雜，也能營造出很強的視覺沖擊力?！?/span>

中匯創意網站負責人說道。

“事不過三，色不過三。我們的banner雖然搶眼，但實際上只運用了兩個顏色，白色和橙色。只要對比度足夠，那么白色就是不會出錯的萬能搭配色。至于網站的整體，我們可以搭配黑色灰色，這兩種顏色沒有明顯的色彩傾向，不會破壞色彩的協調性?！?/span>

Banner最常見的排版形式是居中排版以及左右排版，利用線條或者英文可以對標題文字起到很好的修飾作用。

文案不宜太多，要精、要簡，如果字數或元素太多，反倒會破壞這種高級的美感了。

如何用主打色點綴細節

提升畫面整體質感

什么叫主打色？就是要讓它獲得十足的存在感，能無時無刻地從品牌畫面中跳出來，成為點睛之筆。

由于在Banner圖上如果已經使用了大色塊，那么在其他的板面上我們就要有所節制。

例如下圖，橙色的雙引號一下子給整張圖賦予了設計感。當底色是色彩飽和度較低的深色時，可搭配純白色文字。在這樣的畫面中，只需添加一筆明亮的彩色就能輕而易舉的提升質感。

白底時也是同理，以白色搭配深灰色文字，對小元素、標題賦予顏色起到畫龍點睛的作用。      

遇到圖文排版，如果怕圖片的色彩會打破畫面的和諧感，可以對圖片進行黑白效果處理，然后以主色填充的色塊作為裝飾。

手機端頁面

有時候也可以利用網站的互動效果，讓這抹顏色活動起來。中匯創意就試用了凡科建站中的鼠標懸停hover效果。

總結

大部分的品牌官網，其出發點都是為了承載內容而不是炫技，因此品牌其實不必過分的追求網站的互動技巧，只需將精力放在美觀度和實用性上即可。

文中所介紹的案例，是一種簡單高效的，通過靈活用色以低成本打造出高端感的方法，很值得對官網設計毫無頭緒的企業去借鑒。

至于網站的排版難題，則更容易解決了。凡科建站提供了海量優質的行業模板，用戶只需要簡單的拖拽修改，即可高效獲得優先展示效果，更重要的是，后續的維護同樣簡單方便。

點擊右方鏈接，直達案例官網：http://charmviv.com/

（提示：移動端打開為移動端網頁，PC端打開為電腦端網頁）