所屬行業(yè)：服務行業(yè)、文化創(chuàng)意
所用產品：凡科建站
功能亮點：二級菜單導航、hover動效
企業(yè)的官網是一家企業(yè)的前臺門戶。在互聯網時代，很多客戶在確定合作前常常會在網上搜索該公司，如搜索不到，信任度往往大打折扣。
不管是大公司，還是小工作室，搭建一個企業(yè)官網都是必不可少的。很多公司在剛開始建站時，常會覺得無從下手：
· 如何打造符合公司屬性的個性化網站；
· 怎么選擇主色調；
· 布局、交互怎么設置才突出；
今天帶來由「田木文創(chuàng)」自建“古風”官網，看看小小工作室，如何借助凡科建站，簡單、快速打造一個抓人眼球的官網，文創(chuàng)產品又是如何和數字化巧妙融合。
明確定位，打造個性化官網
隨著互聯網迅速發(fā)展，越來越多企業(yè)開始數字化轉型，每天都有上千百個網站展露面孔。想要在其中脫穎而出，企業(yè)需根據自身產品、服務屬性，塑造出與眾不同的個性“門面”。
只有先明確官網定位，對自身品牌網站有清晰認識，才能有針對性地搭建內容。開始建站之前，首先要選對工具。在建站產品的選擇上，田木文創(chuàng)創(chuàng)始人采訪時說到：
“做一個網站要找到適合自己的土壤，文創(chuàng)工作室人手有限，大部分集中于創(chuàng)作作品，于是我們選擇用自助建站，使用模板就能簡單搭建一個網站，再慢慢播撒種子填充內容，慢慢生根發(fā)芽，開花結果。”
確認工具后，田木文創(chuàng)開始明確自身網站定位——綜合性門戶網站。
田木文創(chuàng)創(chuàng)始人介紹到，團隊根據自身業(yè)務梳理所需功能點，網站需承擔品牌宣傳、業(yè)務介紹、溝通客戶的功能，同時我們會承辦大賽類，網站需提供空間為參賽選手下載相關資料，綜合性門戶便很好地容納了這些功能。
梳理功能點后，田木文創(chuàng)將功能點分別設置在導航中，導航是最能清晰呈現整個網站框架結構的位置，好的導航能有效減少網站的跳出率。
田木文創(chuàng)將導航分為5大部分，主營業(yè)務、合作案例、公司動態(tài)、關于我們、設計大賽，再在合作案例類設置二級菜單，將以往精選案例羅列，讓用戶通過導航第一眼就能找到自己想要了解的信息。
在客戶案例的作品展示中，田木文創(chuàng)在每個案例頭部采用統一首圖。
好的網頁設計中，核心因素就是重復。在網站的每一個頁面重復某些視覺元素，不僅能讓訪問者知道他們還在該網頁中瀏覽，還可以提供統一性和連續(xù)性，同時，底圖上統一的的品牌標識更能達到品宣效果。
化繁為簡，突出主色的魅力
在所有的視覺創(chuàng)作的形式中，色彩都是基礎。網站核心之一便在于主色，主色可以決定整個網站的風格，確保正確傳達信息。
田木文創(chuàng)選用自身VI色作為主色，綠色給人感覺自然、新鮮、和平，十分貼合創(chuàng)作類工作室屬性。
“品牌logo是一個認知符號，客戶第一眼記住的便是他的顏色，我們建立官網主色調，便是從VI色開始?！?/section>
確定主色后，當糾結頁面的輔助色時，黑色、白色、灰色就是不錯的選擇。黑白灰可以讓網頁更穩(wěn)定，更豐富，他們是天生的調和色，安全色。搭配時，往往會有意想不到的效果。
田木文創(chuàng)便在不同的頁面便使用了這三種輔助色。在面對客戶那里這種配圖多，顏色多的情況下，田木文創(chuàng)選用黑色，它可以統一凌亂的色彩分布，讓頁面有秩序、有重心。
灰色同樣是網頁的搭配師，當使用灰色作為底色，面對與灰色差異很大的色彩，更適合突出主體，而面對差異小的色彩，更容易體現出高雅的氛圍。
再搭配白色，調節(jié)頁面的呼吸感。無論大板塊還是小板塊，灰白都成為整體優(yōu)美調性不可或缺的一部分。如此綠灰白的搭配讓田木文創(chuàng)官網頁面更有質感、更有氛圍。
大膽使用對比原則，做出搶眼網頁
田木文創(chuàng)結合自身作品的古風特色，頁面采用橫版與豎版結合。重點鮮明，錯落有致，整個排版富有呼吸感。
尤其Banner上再加上隨意分布的國潮元素，讓視覺落腳處靈動趣味。
除此之外，在每個頁面的排版中，田木文創(chuàng)善于使用「對比原則」。對比是為頁面增加視覺效果的最有效途徑之一。
Robin Williams對比原則就指出“如果兩個項不完全相同，就應當使之不同，而且應當是截然不同?！?/p>
田木文創(chuàng)在文案大小、顏色、字體以及圖片分布上均使用對比原則。標題類使用更大更粗的字體，正文使用思源黑體類的常規(guī)字體，有助于突出對比效果。
隨著視線下移，會發(fā)現信息點和關鍵點扼要突出，在不同元素之間建立一種有組織的層級結構，快速地為目標客戶傳達賣點。
跟PPT放映一樣，網頁沒有動畫往往給人感覺稍顯單調。當用戶進入頁面，通過鼠標不斷點擊，頁面不斷給出動畫效果，讓用戶收獲驚喜的同時，更能促使用戶進行更多的嘗試。
以往的網頁交互聽著很困難，要懂HTML、JavaScripr等等，但田木文創(chuàng)通過凡科網自助建站，即輕松實現。
為突出頁面不同板塊，田木文創(chuàng)在首頁同一版面使用不同的進場動畫：
前半部分首先使用最簡單的放大特效，輕松開場。緊接著，對需強調的合作案例展示板塊，采用翻轉特效。
緩解客戶視覺疲勞的同時，局部板塊的動態(tài)改變也會吸引到用戶的注意力，使其修飾的內容更易被瀏覽。
總結
近年來，IP受到的關注越來越高，IP形象既是品牌文化理念的直觀展示，又是文創(chuàng)作品設計的延續(xù)。IP現象設計漸趨流行，成為企業(yè)品牌必備元素之一。
“想要設計好客戶的IP形象，就要先做好自己的'IP'?！睆呐渖?、布局到排版、交互，田木文創(chuàng)結合自身產品特色打造了一個古風國潮感的官網。
文創(chuàng)產品讓濃厚的歷史文化不再只是停留在史書、影像中，而隨著數字化的發(fā)展，田木文創(chuàng)借力凡科網，提升了自身品牌影響力，并讓文創(chuàng)業(yè)務得以更廣泛的傳播。
不管是什么類型的企業(yè)，都可以通過凡科網（http://www.wodem.com.cn/?_ta=2891）輕松自建品牌官網，打造出屬于自己的形象。
案例鏈接：