設計論文發表廈門市高校門戶網站網頁設計研究

　　學校網站是展示校園文化、教師風采、學生風貌、教育理念的窗口，隨著互聯網+大數據技術的不斷成熟，廈門地區各高校普遍開通了門戶網站，但是只是形式化的開通網站，對網站的整體設計普遍缺乏內涵與風格，滿足不了現代新媒體大環境下用戶的人性化、視覺化、交互性的需求.本人通過對廈門工學院官方網站界面設計的調查，針對存在的問題進行研究分析并提出一些建議，旨在促進我校校園網建設的深化.

　　《電子技術應用》(月刊)創刊于1975年，由信息產業部電子第六研究所主辦。是中國電子行業、IT領域的科學技術類權威期刊，發行到世界20多個國家和地區。

　　1 概述

　　學校門戶網站是學校的“網上名片”。是現代學校對外宣傳展示自我溝通交流的必需品。可以提高軟實力，增強綜合競爭力。可以展示校園文化、教師風采、學生風貌、教育理念等，可以在教育領域樹立新形象新品牌，體現辦學實力。

　　學校網站能提供教學互動的全新方式，也能能夠提供個性化學習的平臺，使得教師與教師、教師與學生、學生與學生之間的交流有了全新的方式，網絡提供的豐富資源可以使學生尋覓不同的教育方式，各取所需。

　　廈門工學院現有的官方網站存在著很多的問題，主要包括：1)外觀老舊，沒有現在時尚感;2)規劃雜亂無章，不利于瀏覽者進行順暢瀏覽;3)布局不合理，板塊內容重復極容易造成瀏覽不清晰;4)版式設計過于傳統缺乏個性化設計;5)色彩搭配上和本校的VI理念不符，過于陳舊缺乏視覺沖擊力;6)交互設置不科學，沒法適應現代社會人群的需求，缺少現代主流互動軟件的應用;7)內容信息不明朗，字體不統一;8)在移動終端顯示效果較差。為了廈門工學院有一張“新名片”必須對現有的網站進行重新規劃、重新設計、重新建設的工作。跟上現代多媒體時代的步伐，通過本次課題的研究工作，可以給該領域的網站設計應用工作樹立新標桿，有利于廈門地區學校網站平臺的構建以及與時俱進

　　2 課題意義：理論意義和實際意義

　　1)在國內外眾多的教育機構特別是學校，都建設具有自身特色的網站，作為宣傳自我的重要平臺，并把其做成知名品牌，極大地提升了該地區教育水平的知名度，在廈門該形式目前已經有了一定的的規模，但是沒有形成規范化、特色化。研究該課題可以填補廈門地區高校群網站的規范化、潮流化、特色化的形成，有力推動學校網站的設計理念和形式，進行品牌推廣。并且總結經驗逐層次進行遞增推廣，可以提升整個廈門高校教育的知名度。

　　2)本團隊都是有多年設計課程教學經驗的年輕教師，設計理念先進，有多次完整網頁設計的經驗，和成熟的技術，完全可以承擔該課題的研發、設計、創造的工作。

　　3)在廈門這個注重教育的城市。學校網站的建設及應用有很大的可行性和應用前景以及空間，并且可以進行具體實施的推進。

　　4)廈門校園文化建設是“和諧社會、和諧廈門”重要的組成部分，是素質教育的重要載體。學校網站的設計及應用是從研究學校文化現象入手，通過系統作業幫助學校總結和提煉辦學的核心理念，設計文化建設、戰略服務、有效管理的途徑與方法，從而形成有濃郁校本特色和獨特品牌內涵的學校形象和管理模式，提高教育教學的整體運作水平的能力。

　　5)廈門各高校網站的建設，會成功的開辟“第二課堂”，給學生和老師多提供了一種交流平臺。同多媒體技術、虛擬現實技術相結合，可實現虛擬圖書館、虛擬實驗室、虛擬課堂等;為教師學生提供多層次、全方位的學習資源也使之成為最佳的教學研究室。

　　6)廈門各高校網站的建設更是契合當今互聯網,的主題，讓學校各類信息互通互聯。

　　7)廈門各所高校網站的開通能更多的宣傳廈門、發展廈門，在此同時也能展示廈門這座城市的教育水平和教學理念及質量

　　3 研究內容

　　本項目的研究對象、總體框架、重點難點、主要目標等。

　　1)網頁版式設計的特點

　　網頁版式設計是指在有限的屏幕空間里，將網頁中的文字、圖像、動畫、音頻、視頻等構成元素組織起來，按照一定的規律和藝術化的處理方式進行編排和布局，形成整體的視覺形象，從而達到有效信息的最終目的。

　　由于網頁是在電腦上顯示信息的，電腦屏幕對其的視覺影響很大，因此，在網頁版式設計時，應特別注意文字的編排，字號不宜太小或太細，必要時應適當增大行距，此外，還應注意文字色彩與背景色彩的區別，以保證信息傳達的清晰度和準確性。

　　2)網頁版式設計要點

　　網頁版式設計中的色彩運用在編排網頁版式時，設計是應合理地運用色彩，使版面給人以視覺美感。此外，設計師還應深入分析網站的性質、經營目的或運作模式等因素來恰當地選擇色彩，以使其更好地襯托網站主旨思想。

　　3)網格的運用

　　網格的運用能使版面顯得整齊、干凈，具有穩定的結構，使網頁各部分分區明確，使閱讀流暢，信息鮮明、突出。在對版面進行布局時，應充分利用網格的作用合理地設置網站標題、欄目、導航、文字以及圖片等信息，使其統一中有變化，對比中體現和諧。

　　4)網頁版式設計中的圖片編排

　　網頁設計同樣是一種視覺傳達設計，圖片在版式中除了能夠使信息展示更加具象外，還具有調節版式活躍度的作用，它能使版面更為生動、豐富。其中，圖片面積的大小決定了版面的活躍程度，圖片的形式影響著版面風格。

　　除了真實照片外，網頁版面中的圖片還可以運用手繪圖片，如素描漫畫、動畫或者水彩畫等，別出心裁的圖片形式令人耳目一新，使版面顯得輕松、活潑，增強版面的趣味性。

　　5)網頁版式設計中的文字編排

　　網頁版式設計中的文字的編排宣傳簡單、清晰，使其能夠清楚、準確地傳達網頁信息，每行字數不宜過多，一般不超過30個字，以免造成視覺上的疲勞感。

　　6)頁面的個性化設計

　　隨著網絡時代的到來，網頁版式形式也越來越多。設計師應根據所學知識，結合網站特點，靈活的編排設計，才能使網頁在眾多設計中脫穎而出，更具個性化，更加吸引眼球。

　　7)該課題調研的困難和經費來源。

　　8)廈門工學院網站統一視覺識別系統的推動和實行。

　　9)如何為廈門所有高校系統提供統一的項目服務、宣傳、普及、法制推行。

　　10)如何為廈門高校網站的新建和更新提供全面的模式參考、讓網站發揮作用的前提下永不褪色，永不落伍，一直保持新鮮、特色、簡潔、清楚的特點。

　　4 目標、思路方法：研究目標及技術路線

　　1)廈門工學院整套網頁頁面系統的設計;

　　2)廈門工學院官方網站系統設計視覺的統一;

　　3)形成一整套視覺效果標準和理論數據指導文獻。幫助廈門市其他高校網站建設更新工作的順利進行。

　　4)研究技術路線文獻查閱、問卷調查、現狀研究、專項研討、課題設計規劃研發設計及網絡測試、論文發表及網站頁面產權保護。

　　5 關鍵問題

　　1)目前，網站平臺理念和建設雖然取得了一些成果，并得到一些教育管理和學校文化研究專家的充分肯定，但存在的問題卻沒有得到重視。對廈門高校教育系統以及廈門市教育局運作環境的認知，以及他們對待此課題的態度和是否可行。

　　2)調研的困難和經費來源。

　　3)廈門市地區學校網站平臺建設及更新的推動和具體實行方案的制訂。

　　4)如何為廈門市高校網站服務、宣傳、普及、法制推行。

　　6 創新之處

　　在學術思想、學術觀點、研究方法等方面的特色和創新。

　　1)網頁設計總體方案主題鮮明。便于長周期的使用，不落伍。網頁整體效果以符合廈門工學院相吻合的字體、形象、顏色等進行設計。

　　2)通過對本校師生問卷調查結果，約百分九十的認為現有網站的版式過于陳舊，都建議對其進行全新的升級。根據這種情況本研究團隊根據本學院的實際情況進行設計創新，網頁版式設計是指在有限的屏幕空間里，將網頁中的文字、圖像、動畫、音頻、視頻等構成元素組織起來，按照一定的規律和藝術化的處理方式進行編排和布局，形成整體的視覺形象，從而能有效的傳遞信息。廈門工學院坐落在美麗的廈門，學院氣質和辦學特色都與廈門這座城市有著眾多的相似之處，時尚、美麗、浪漫、求實創新，所以在版式選擇上應用了滿版型加分割型加對稱型的綜合應用，形式美法則上主要應用了變化與統一、對比與協調、節奏與韻律、對稱與均衡、虛實與留白等多種技巧。

　　3)主題鮮明的顏色應用根據和諧、均衡和重點突出的原則，使版面給人以視覺美感，根據學校的性質、目的、運作模式等眾多因素考量后，根據問卷調查結果，百分八十九的人選擇了主題色為淺藍色搭配白色。使之版面視覺效果清晰明了，時尚沉穩。

　　4)網頁設計形式與內容相統一靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，產生和諧的美感。

　　5)虛擬現實技術的應用使網站的視覺效果和體驗效果更佳的具有時代感。

　　6)網頁設計中多媒體功能的利用。

　　7)結構清晰并且便于使用。

　　8)導向清晰。

　　9)方便的反饋程序。

　　10)網站的尺寸再設計上不在追求傳統的滿屏效果也就是1024像素*768像素，更多地使用了現在的“無限滾動”的尺寸效果，符合電腦瀏覽，也適合現在手機客戶的瀏覽。

　　11)便于大眾化理解和普及和理解。

　　12)便于形成廈門工學院網站規范進行二級學院逐級推廣。

　　13)形成經驗便于在廈門地區其他院校推廣經驗，形成廈門特色的學校群網站的建設。

　　7 預期成果

　　成果形式、使用去向及預期社會效益等。

　　1)成果形式：論文理論研究及實體網頁設計作品。

　　2)使用去向：提供給廈門工學院作為官方網站使用。

　　3)社會效益：滿足瀏覽者瀏覽網站的流暢性、視覺上符合學校的性質，頁面表現上更具有個性化，更加吸引眼球。 在設計方面給廈門地區其他院校提供一整套參考的頁面視覺效果，在理論上給其提供一部有參考價值的項目報告，指導其在設計過程中詳細的數值、理論等經驗。

　　參考文獻：

　　[1] 王麗. 淺談網頁設計中色彩搭配的應用[J].黑龍江科技信息，2008(22).

　　[2] 張蕾蕾. 網頁設計中色彩視覺元素探究[J]. 長春大學學報， 2011(3).

　　[3] 王秋. 校園網頁設計[J]. 中國教育網絡， 2008(12).

　　[4] 阮渭平. 色彩在網頁設計中的民族性研究[J]. 浙江工藝美術， 2007(3).

　　[5] 駱媛， 陸晶， 李淼. 版式設計[M]. 中國時代經濟出版社， 2013.

　　[6] 殷俊. 網頁設計的藝術處理原則[N]. 江蘇科技報， 2007.

　　[7] 嚴富昌. 網站策劃與設計[M].北京大學出版社， 2004.

　　[8] 周穎梅， 姜中敏. 平面設計在網頁中的應用[J]. 福建電腦， 2006.

　　[9] 李同中. 網頁設計技巧[J]. 河南氣象， 2004(1).

　　[10] 李旭昌. 個人網頁設計中顏色的應用[J]. 新鄉學院學報， 2011(3).

　　[11] 毛德寶. 版面編輯設計[M]. 東南大學出版社， 2007.