通過分析梅山文化研究中心新版網站設計的重要性與特點,提出了中心網站的核心設計理念,并結合新版網站實踐,詳細介紹了新版中心網站的特色、思路及設計實施流程。
背景
在網絡普及、數字資源和數字服務蓬勃興起的今天,網站對于“區域文化研究基地”——湖南人文科技學院梅山文化研究中心的發展起著舉足輕重的意義。作為中心重要的大眾傳播媒介,該網站著重介紹中心情況、專家團隊、中心動態、項目管理、產業開發及促進梅山文化學術交流與學科建設。因此,它是中心學術業務、科研能力、服務管理水平的綜合體現。
就現存老版網站在網頁設計方面存在創意不足等諸多問題,筆者以為,首先中心新版網站的網頁應該圍繞梅山文化來進行設計創意;其次采用目前較新的技術將其創意設計更好地執行。在明確以上設計原則的基礎上,筆者將新版中心網站設計的創意理念及實踐方式做以下探究。
新版中心網站設計理念
經過數月的精心籌備,在分析受眾需求并參考國內外著名文化類網站設計的基礎上,湖南人文科技學院梅山文化研究中心于2013年11月推出了新版網站(湖南人文科技學院首頁→學術研究→梅山文化研究中心)。新版網站以突出梅山文化為主題,強調美觀、簡約、實用的原則,構建了一個清晰的欄目分類體系,各欄目之間通過超鏈接形成立體交叉結構,網頁布局突出重點,更具人性化。
1.標題圖片、書法字體巧設動畫 "活躍氣氛
網絡多媒體技術日益進步,圖形、圖像、動畫、視頻、聲音等多媒體元素的運用,網頁由靜到動,由無聲到有聲,極大地豐富了網頁的表現力。動畫與圖片設計運用與表現效果也成為網頁設計要考慮的重要因素。中心網站的導入頁(圖1)動畫將圖形和圖像二者結合使用,即卷軸動態化向兩邊翻卷,卷軸中梅山文獻圖亦采用滾動式動畫設計,這一方面強化視覺效果;另一方面更營造中心網站學術氛圍以及活潑版面的作用。其次,網站的主頁在標題圖(圖2)的設計上突破傳統“模板”式網站的編排方式,圖片則采用“紫鵲界”名勝古跡的獨特性素材,緊密圍繞了中心文化的主題。設計方式亦采用富有創意的處理手法,運用協調的色彩、漸變,確定合適的圖片尺寸大小,精心設定頁面位置,添加“飛鳥”、“云霧”等動畫效果,有效活躍了版式并突顯鮮明的區域特色。
圖1 新版中心網站導入頁
圖2 新版中心網站標題圖
除此之外,網站的主頁將譚談、張炯等名人書法動態化,這一個方面將“書法寫作”過程以趣味性的方式傳達給受眾,印象深刻;另一方面更提升了中心完善其宣傳展示、信息公開、產業發展、學術交流的功能,擴大中心的品牌影響力。
筆者認為文化類網站中的標題圖片與書法字體設計在運用時應注意不要片面追求炫酷效果,而應突出和表現主題,不能和頁面其它元素脫節;應動靜結合,富于節奏,畫面變化不能過于強烈刺激,以免引起視覺疲勞;動畫數量不能太多,占用版面不能太大,以免喧賓奪主,影響信息呈現和網頁打開速度。
2.頁面色彩、主題色調巧設對比 nbsp;素雅不烈
對以呈現學術信息為主的中心網站而言,和諧的色彩、色調能提高信息的獲取速度。首先,梅山文化研究中心的網站其主色調采用深灰色,使得網頁色調顯嚴肅沉穩的視覺格局,更加符合中心嚴謹務實、追求卓越的學術氛圍。其次,在主色調確定后,筆者合理運用色彩規律,以主色調為中心,利用色彩的明度、純度、色相三要素的變化,適當增加其他色彩作為對比色和補色,選取輔色調(淺灰、褐色、紅色)等組成配色方案(圖4),和主色調一起構成有節奏韻律、和諧統一的色彩關系。網頁配色方案要避免出現色彩單一或用色過多的現象,色彩種類最好不要超過三種。
最后,確定好主色調和配色方案后,在色彩的使用中應注意“總體協調、局部對比”,即網頁的整體色彩效果應該是和諧的,只有局部小范圍的地方可以有一些強烈的色彩對比。要適當保持用色的延續性,在風格統一的基礎上,為子網站或功能模塊選取不同的主色調和配色方案,既要從顏色上對不同內容加以區分,使得頁面富于變化,又要保持色彩的整體性。
結語
在新版中心網站設計過程中,筆者深刻感受到,網站是梅山研究中心的真實寫照,網站的設計與維護是要花大力氣投入的一項系統工程。中心網站的設計應該根據中心實際情況而定,以傳播“梅山文化”為第一要義,與時俱進,并沒有固定套路與既定模式可循。設計師只有確立科學的設計理念,全面了解用戶的需求,才能創造出優秀的、受用戶歡迎的網站設計
作品。
(作者單位:湖南人文科技學院美術系)
作者簡介:陳竑(1986-),男,湖南人文科技學院教師,設計藝術學碩士,研究方向:品牌視覺傳達與傳播。
基金項目:校級青年基金科研項目《湖南省“區域文化研究基地”的品牌形象設計及推廣》(2013QN12)