網(wǎng)絡媒體平面設計風格與特質分析

摘要：網(wǎng)絡媒體有著獨特的設計風格，在網(wǎng)頁版式、內容組織與分類等方面都有著鮮明的特色。網(wǎng)絡媒體的設計風格源于其內在特質，包括了典型公司、領導者、事件、技術與用戶驅動等，其研究對于平面設計理論的拓展有著一定的推動作用。

關鍵詞：網(wǎng)絡媒體；平面設計；風格；特質

網(wǎng)絡媒體作為以互聯(lián)網(wǎng)為主要載體的媒體形式，以網(wǎng)站為基礎，包括了視覺設計、支撐技術、社會化聯(lián)系以及網(wǎng)絡媒體公司本體等多方面的內容，在理念與技術創(chuàng)新、社會化交互等方面有著鮮明的特點。作為外在表現(xiàn)之一，網(wǎng)絡媒體的設計理念與風格也有著自身特點，這與其內在特質密不可分。

1網(wǎng)絡媒體平面設計風格舉例

網(wǎng)絡媒體設計以網(wǎng)頁設計為基礎，包括了網(wǎng)站策劃、網(wǎng)絡動畫、電子雜志、移動應用以及相關程序開發(fā)等多種形式。網(wǎng)絡媒體設計屬于數(shù)字媒體藝術專業(yè)范疇，具有設計與技術的雙重屬性。網(wǎng)絡媒體設計在版式、用戶交互、視覺符號等諸多方面都有著自身的特點，成為數(shù)字媒體設計的重要組成部分。

從根本上說，網(wǎng)絡媒體的平面設計風格是同種類印刷品的延續(xù)，比如公司網(wǎng)站的設計風格首先要遵從公司VI手冊指定的標志、色彩、輔助圖形使用規(guī)范，和公司宣傳印刷品一樣，要使用一些象征性的圖片，以表達企業(yè)文化與特質。另一方面，由于傳播媒介和顯示設備發(fā)生了較大的變化，在油墨轉化為像素的同時，網(wǎng)絡媒體依賴于超鏈接手段的超媒體閱讀方式較之印刷品的線形閱讀流程也有了較大的改變，這必然也會影響到視覺設計風格。比如網(wǎng)絡媒體設計一般強調主菜單導航和分級頁面構建，因此首頁設計風格一般呈現(xiàn)集合性、模塊性；二級、三級頁面則逐步向具體內容展示靠攏。

Facebook簡約的藍白風格也已成為社會化媒體網(wǎng)站的色彩標準。除了視覺形式，F(xiàn)acebook圍繞用戶的菜單設置也體現(xiàn)了社會化媒體的精髓：注冊與登錄模塊、用戶發(fā)布的信息、用戶的圈子、用戶關注的內容等等，網(wǎng)絡與人的關系在這套菜單設置中可窺一斑。Facebook還針對公司團體設定了相應的公共主頁，與私人用戶形成“信息傳播主體與粉絲”的一對多關系，完成了用戶的二次聚合。公司主頁包括公司識別信息、主題圖片、相關介紹等基本內容。除此之外，針對每個公司的不同情況，精選出特殊模塊單獨放置在頁面底部，形成專題，比如粉絲數(shù)量（likes）、重要事件等等。較之官方網(wǎng)站，用戶在這樣的頁面中更能直觀的感受到公司文化的影響以及與自身與公司之間的關系，公司形象更為鮮活?？偟膩碚f，F(xiàn)acebook打造的社會化媒體信息模式較之官網(wǎng)內容的繁密和搜索引擎的簡潔有著別樣的意義，形式和內容在此有著完美的統(tǒng)一。

Twitter界面設計師維克托·洛倫克（Vitor Lourenco）為該網(wǎng)站設定了簡潔而不失藝術細節(jié)的視覺風格，打破了以“純色背景、拒絕裝飾”為代表的高訪問量網(wǎng)站的設計法則。對于以Twitter為代表的微型博客而言，在發(fā)帖文字數(shù)量受限的同時，于視覺變化上卻獲得了一定的釋放。網(wǎng)站背景中的平面插畫以及類型各異的小鳥標志讓這類網(wǎng)站距離用戶更為貼近，在時下流行的微博型網(wǎng)站中幾乎都可以找到這種輕松的設計風格。

隨著智能手機、平板電腦的不斷發(fā)展，基于互聯(lián)網(wǎng)的平面設計風格也蔓延開來，在不同終端形成了各自穩(wěn)定、延續(xù)的視覺特征。一般來說，移動媒體的界面設計更加簡潔，適合手指操作。較為常見的方法是在固有網(wǎng)頁鏈接內容的基礎上整合頁面，精簡模塊，都做指引性信息，過多的具體內容交給深層鏈接或者外站鏈接。有些APP應用甚至顛覆了傳統(tǒng)網(wǎng)絡媒體的內容展示形式，比如一款名為idaily的iOS應用，一改滿是超鏈接的“大而全”形式，轉向每天只推出一幅精彩照片與配圖故事，其吸引力不降反升，這與網(wǎng)絡媒體的海量信息選擇有關。當信息數(shù)量到達一定的限度，少而精的獲取信息反而是明智之舉，畢竟作為當今社會的讀者來說，其自身的精力是有限的，如果可以真正關注一件事情已經(jīng)是一件奢侈的事情。

除了視覺風格，典型公司具備的卓越行業(yè)洞察力也將成為網(wǎng)站設計的內容與結構策劃的參考標準。

軟件公司Adobe在官方網(wǎng)站中較早提出了“解決方案（Solution）”的概念，在單純的產(chǎn)品列表之外優(yōu)化定義了公司產(chǎn)品的行業(yè)屬性?！懊嫦蛐枨蟆⒔o出解決方案”是Adobe網(wǎng)站架構不斷更新的指導思想。在最新改版的網(wǎng)站中，Adobe將數(shù)字媒體與桌面出版行業(yè)劃分為商業(yè)需求（business need）和行業(yè)（industry）兩大部分。每個部分又包括了數(shù)字分析（Digital analytics）、媒體間廣播（Broadcast）、數(shù)字出版（Digital Publishing）、教育（Education）等多個門類，引入了云營銷概念（Adobe marketing cloud）概念。在這份解決方案列表中，Adobe公司將個人電腦、平板電腦和手機等多樣終端統(tǒng)一對待，體現(xiàn)產(chǎn)品的無縫連接特性。在當前的富媒體時代，廓清媒體本質、整合媒體資源與優(yōu)化媒體感受成了每個創(chuàng)意與設計者不能回避的問題。在這個問題上，典型公司給出的答案將極具價值。

總的來說，以Twitter、Facebook、Adobe為代表的典型IT與互聯(lián)網(wǎng)公司所體現(xiàn)出的視覺形式與行業(yè)分析是同行設計的重要參照，代表了網(wǎng)絡媒體主流設計方向和默認標準。

除了網(wǎng)頁設計類型，網(wǎng)絡媒體公司及其所代表的數(shù)字文化已經(jīng)成為了一種時代性的潮流，其影響力不可避免的要波及到更多的設計層面。以標志設計為例，在LogoLounge網(wǎng)站發(fā)布的《2012年標志設計趨勢報告》中，符號集群（Icon Clusters）、透明疊加（Transparent Links ）、虛實結合（Selective Focus）等類別都具有典型的數(shù)字媒體特征，體現(xiàn)在電子屏幕化的色彩表現(xiàn)（半透明、純色和漸變色）、像素化圖形、線條以及抽象概念表達等多個方面。

2網(wǎng)絡媒體內在特質分析

通過案例研究，網(wǎng)絡媒體平面設計風格具有獨特性，即便拋開數(shù)字技術的支撐，其平面設計風格的特征依然清晰可辨?？梢哉f，包括網(wǎng)絡媒體公司與領導者的典型特質在內的諸多因素對其設計風格的影響是決定性的。

網(wǎng)絡媒體個體往往有著統(tǒng)治性的絕對影響力，也可以稱之為典型影響力。典型網(wǎng)絡媒體公司簡單的名稱往往承載著深厚的科技、社會與人文內涵。如搜索網(wǎng)站谷歌（Google），其名稱早已上升為代表搜索行為的動詞。再以社會化媒體網(wǎng)站Facebook為例，短短幾個字母讓用戶趨之若鶩，他們不在乎是誰打造了這個社會化網(wǎng)站帝國，也很少了解哪些技術支撐起這個網(wǎng)站。Facebook不只代表著公司的名稱，也不僅僅是是社會化媒體的“帥旗”，更是揭示了網(wǎng)絡的互聯(lián)本質——人的互聯(lián)。社會化媒體業(yè)界有一句流行語：“Facebook就像一條大河，我們只要做里面的大魚就可以了。”除非新技術驅動的時代到來，否則面對這些獨一無二的名稱，網(wǎng)絡媒體行業(yè)中其他人能做的不再是超越，而是承認與追隨，模仿者中可以分得一杯羹的也寥寥無幾，這與很多傳統(tǒng)行業(yè)有著很大的不同，其具體原因是多方面的。

首先，IT與網(wǎng)絡媒體公司的領導者的創(chuàng)新人格魅力是行業(yè)絕對影響力的重要支撐。比如，蘋果公司創(chuàng)始人斯蒂夫·喬布斯（Steve Jobs，1955-2011）即便在被公司解雇的時期也沒有停止探索，重新創(chuàng)立NeXT電腦公司，研發(fā)積累了多項新技術，為重返蘋果并成功帶領公司轉型奠定了基礎。蘋果產(chǎn)品研發(fā)一度貫穿著“what’s not a computer （不是電腦的電腦）”的理念，這也成了一種近似于偏執(zhí)的創(chuàng)新口號。微軟創(chuàng)始人比爾·蓋茨（Bill Gates）早在1995年就早已預言了數(shù)項科技發(fā)展趨勢，比如智能手機、屏幕觸控技術、云計算等等，即便很多技術沒有在微軟公司實現(xiàn)，但領導者的洞察力和創(chuàng)新力讓人贊嘆，這也是微軟帝國的精神基石。和網(wǎng)站名稱一樣，各大網(wǎng)絡媒體公司的創(chuàng)始人或領導者的名稱也帶有極強的典型性，如同在IT業(yè)界塑造出來的一幅幅帶有濃厚個人主義色彩的英雄形象。在Adobe公司的創(chuàng)始人約翰·沃諾克（John Warnock）退休的時候，喬布斯曾說過：“他是我愿與之打交道的創(chuàng)新者。他走以后，留下的只是一群西裝革履的家伙，Adobe公司也變成了垃圾。”言辭雖偏激，卻體現(xiàn)了網(wǎng)絡媒體這個行業(yè)領導者魅力所起到的舉足輕重的作用。

其次，在眾多創(chuàng)新類別中，技術創(chuàng)新是網(wǎng)絡媒體賴以存在和發(fā)展的基礎，這種面向技術金字塔尖的淘汰模式使得典型網(wǎng)絡媒體大都經(jīng)得起時間的考驗，成為一時流行之選。Facebook的F8開發(fā)者大會所代表的開放性平臺就是例證。該平臺匯聚了數(shù)以萬計的公司與個人參與到程序開發(fā)，這種人才匯聚成就了Facebook在技術層面保持著“典型性”，代表了公司站立在高科技產(chǎn)業(yè)的制高點。

最后，用戶也是造就網(wǎng)絡媒體典型影響力的重要一環(huán)。網(wǎng)絡媒體有著強烈的“圈地”屬性，即吸引并留住用戶，增強用戶粘度。一旦吸引了絕對優(yōu)勢數(shù)量的用戶，其他后繼的同類產(chǎn)品的競爭力就會大大減弱。法國調研公司Semiocast最新數(shù)據(jù)顯示，截至2012年7月，社交與微博客服務網(wǎng)站Twitter的全球用戶數(shù)量已突破5億大關，其中，活躍用戶也有1.7億之多。成立短短六年的時間，Twitter能夠做到這一點，完全拜網(wǎng)站用戶的高粘度所賜。對于普通用戶而言，當自己的家人、朋友或者偶像都在使用twitter的時候，也就沒有理由投奔別家了。

總的來說，典型網(wǎng)絡媒體現(xiàn)象、公司、領導者、技術與用戶驅動等一系列特征共同參與造就了這個行業(yè)獨特的設計風格。

3 助力網(wǎng)絡媒體設計理論研究

當前，以數(shù)字媒體概論為代表的數(shù)字媒體設計理論正處在快速發(fā)展期。相對而言，網(wǎng)絡媒體設計概論研究還未有成熟的理論成果。既然網(wǎng)絡媒體有著極強的樣本概括特征，可以從典型性特征入手進行研究，分析典型公司的創(chuàng)建背景、理念主張、領導者影響力、產(chǎn)品特性等等，積累出網(wǎng)絡媒體理論研究的基本素材，為相關設計理論的創(chuàng)立提供有益的借鑒。比如，在數(shù)字媒體專業(yè)的特定課程教學中，可以劃分為若干單元，每個單元以一種行業(yè)的代表性公司為主進行介紹，拓展到領導者、產(chǎn)品、關聯(lián)公司以及相關設計風格等層次，找出設計與行業(yè)共性的關系，在數(shù)字媒體概論的大框架下細分出網(wǎng)絡媒體的相關理論點。

總的來說，除了技術與設計之外，在網(wǎng)絡媒體行業(yè)影響設計師與用戶的軟性因素還有很多，我們將之成為“軟精神力”。網(wǎng)絡媒體行業(yè)絕對影響力，或者說是網(wǎng)絡媒體行業(yè)的“典型性”作為軟精神力的一種對其設計風格的形成有著重要的影響，也具備一定的研究價值。在這一新興的媒體與設計領域，需要界定和探索的方面還有很多。假以時日，將會有更多特征被發(fā)現(xiàn)乃至充分利用，推動數(shù)字媒體設計行業(yè)整體向前不斷發(fā)展。

參考文獻：

[1] 沃爾特·艾薩克森（美）.史蒂夫·喬布斯傳[M].北京：中信出版社，2011.

[2] 大衛(wèi)·柯克帕特里克（美）.Facebook效應[M].北京：華文出版社，2010.

作者簡介：王少姝（1974—），女，四川文理學院美術學院，講師。