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