詳解2012網站建設新元年的視覺設計趨勢

　　他有些緊張的扶扶黑框眼鏡，又習慣性的把褲子提到胸口，找到自己的位子坐下，上船的時候他就發現了，自己的票和別人的不太一樣，難道被黃牛涮了?如今只好見機行事了……“這位先生”。他抬起頭，只見一戴圓眼鏡的外籍男子彬彬有禮的說：“請讓一下好嗎?您坐的這個位置是我的。”

　　老江和老喬，大家想必已猜到一二，一段小小深水區的船票開胃故事過後，我們步入今天的主題。

　　逆推網頁設計這十幾年，網絡整合營銷不斷細化，面臨著2012年的市場洗禮，哪些網站表現將被淹沒在這滾滾洪流中，而哪些又將收到船票被帶上諾亞方舟呢?讓我們回頭逆推網站出生和演變，站在2011年即將結束的這個節點，挑選屬於2012新元年的視覺設計!

　　一、網站設計的一次細分設計

　　為了能夠更好的預測網頁未來的變化趨勢，我們先來梳理一下網站設計的發展演化史。

　　1.網頁設計的演化史

　　【網站設計的四極分化圖】

　　(1)初期：

　　網頁設計發展初期，由於技術的限制，作為一種新型的傳播載體，人們只能簡單的放置產品資訊，通過網址來訪問資訊內容。

　　(2)中期：

　　1999年第一則網絡廣告在網易上投放，從此網頁的訪問分流向了廣告。而正真的網絡營銷也便從這裡開始。

　　(3)後期：

　　產品信息傳播的分工：

　　隨著技術的發展，FLASH、視頻等技術的不斷成熟，產品的在線傳播可以通過多種形式進行，於是產品資訊也便分化為兩類，一類是以視聽為主的品牌建設，主要傳達產品的理念、視覺映像。另一類是以資料為主的，主要傳達產品的具體信息，通常以大量的文字或圖文結合的形式表現。

　　廣告傳播的分工：

　　在廣告傳播上技術的革新同樣也給廣告傳播帶來了更多的表現形式。其中WEB 2.0的到來為廣告傳播形式做了重要的貢獻。由此產生的各類社區平台為用戶和產品的進一步交流產生的幫助。資訊也因此進入了高速傳播的階段。平台交流和指向產品的軟、硬廣告進行了配合互動。

　　2.網絡整合營銷流程

　　【網絡整合營銷流程圖】

　　展示這個圖表是為了更好的說明這幾類網站在整合營銷中的位置和作用。

　　該圖表做色彩歸納，大家可以將其對應於右側圖表。

　　我們從用戶端出發，來了解一下現在網絡整合營銷是如何從用戶到產品的。

　　早年許多產品是直接通過硬廣告的方式將用戶強行拉入產品，這對整個品牌建設的傷害度是很大的，現在的推廣更趨向於軟性的交流互動，在潛移默化中達成關系。

　　(1)平台互動

　　平台交流也是做為軟廣告的重要承載體，它通過社區交流或微博互動傳播形式對產品或需求進行培育。並將需求順利指向產品或品牌。

　　(2)指向產品

　　活動站作為指向產品的硬廣告的資料落地部分，延續了其廣告的視覺化特性也包含了更豐富和具體的信息介紹。它會通過“利誘”和“色誘”對用戶吸引，並指引其進行特定的行為活動，使其與產品產生關系和黏性。

　　(3)產品資訊拓展

　　如果活動推廣的順利，用戶就會進一步對詳細的產品或更多的產品信息進步了解和閱讀，或通過門戶站鏈接並參與更多的活動。

　　(4)感受品牌

　　通過不斷的互相了解從而建立品牌的忠誠度。而在品牌站也會通過豐富的視覺和概念引導樹立品牌的個性和其它產品的區別度，使用戶認識並記憶深刻。

　　3.網頁設計的四個分類介紹

　　【四類網站介紹圖】

　　我們可以看到由四項專職任務引出的四類網站類型，它們組成網絡整合營銷不可或缺的重要組成部分。

　　(1)平台站(Interactionsite)

　　互動平台站更像是一個網絡市集，不論是用戶端還是產品端都可以在這裡傳播資訊，並進行頻繁的互動，隨著技術發展，互動形式也日趨多樣化，從博客到社區平台、再到微博、手機終端，互動基本已經占領了我們日常的所有碎片時間成為了網民生活的一部分。

　　(2)門戶站(Campaignsite)

　　門戶站負責產品資訊的建設，主要承擔著從各平台引入的需求的資料落地。它包括了涉及產品的各類資訊，產品介紹、版本更新、最新公告、最新活動等。它擁有對搜索引擎的友好表現和完好的內容支持、注重網站的易用性和強大的在線溝通功能、以及全面的網站監測與分析及市場推廣策劃。算是網站端的主力軍。

　　(3)活動站(Minisite)

　　活動站作為精准營銷的重要形式，為產品的針對性推廣做出了巨大貢獻，早年其受到帶寬的影響表現形式較為單一，現在真正揭開了其廣告的本來面目，強烈的視覺表現成為了它最重要的特征。它就像戰爭中的突擊隊，精准、迅猛、有力!

　　(4)品牌站(Brandsite)

　　如果說門戶站是主力軍，那麼品牌站就是外交官，它主要通過視覺包裝傳達產品概念，隨著技術的發展，FLASH、視頻、多媒體因其生動的展示形式成為了品牌站的主要表現手段。

　　二、四類網站的二次執能細分設計

　　1.互動站細分設計

　　【互動站分解圖】

　　內容為王，交互設計從形式向功能轉變，注重信息的傳遞、互動，設計變的不再重要。

　　互動站的不斷成熟也標志著網絡整合營銷建設的不斷深入和細化。社區平台的信息傳播形式、搜索平台的更精准語義學研究、手機平台的多樣化互動都是未來可網絡整合營銷建設的重心所在。

　　(1)社區平台

　　減少獲取信息的時間。通過生活化的交流方式獲取產品廣告信息，過濾垃圾信息和推送即時有效的信息。侵占用戶使用時間，增加產品粘度。

　　持續聯系

　　平台間的傳播無處不在：強化了人與人之間持續聯系，為信息傳播拓展出了更闊的空間。

　　信息推送

　　信息推送渠道精准化：系統整合信息、呈現有效信息的過程，可以是通知、私信、評論、電話、短信、微博信息、SNS中好友動態和閱讀器中推薦閱讀的內容等。

　　(2)搜索平台

　　搜索平台加深對資訊的廣告和深度的支持和判斷。(由於搜索平台研究的專業性，本文不再對其進行深入的描述)

　　(3)手機平台

　　手機平台使用戶間的社交行為更加便捷和頻繁，人們對信息互動和分享更加熱衷，從而也推動了產品營銷在手機端的普及和發展，手機電子支付及二維碼的應用實現了虛擬和現實的更有效接軌。另外基於智能手機Gps、觸屏、3d陀螺儀的特點，也將湧現出更多優秀的產品運用

　　我們通過一段視頻來綜合概括營銷在手機平台的社交和商業的便捷應用。

　　2.門戶站細分設計

　　【門戶站分解圖】

　　實現更多元化的資料落地支持和更精准的用戶監測。

　　隨著網站承載功能的細分，門戶站的建設的功能更傾向於對資料落地，門戶站主要接引著來自各類社區、引擎和終端的用戶，在進一步優化內容支持和滿足搜索引擎的基礎上如何去進一步支持多樣化的終端成為了未來的首要任務和創新點。

　　(1)支持全方位的資料落地

　　對內容支持

　　對內容的支持主要表現在“內容信息的優化”和“內容管理的優化”。

　　內容信息的優化主要包括，內容素材、容量、編排，以及更新的頻率與呈現方式。

　　內容管理的優化主要通過內容與用戶、管理 、功能的完美結合使信息以良好的呈現方式輸出給用戶。在這方面語義學的發展將給信息更加精准的輸出。

　　良好的信息管理將保證用戶在接收信息中的連貫性，使信息持續不斷的在潛移默化中被浏覽和吸收。

　　對搜索支持

　　很多網站都已經了解到了搜索引擎優化對於網站的重要性，除了從SEO的角度去設計之外(SEO屬於另一通道的專業領域，這邊就不再敞開深入描述)，現階段的動畫視覺表現也紛紛對搜索引擎表示友好。從前由於FLASH將所有的文字信息對封裝進了動畫，使得搜索引擎無能為力，而現在出現了JS動畫和具有獨立信息 IP的FLASH技術。使得在滿足資訊搜索的同時也兼備了較好的動畫視覺體驗。

　　使用JS動畫