高校門戶網站視覺設計趨勢研究

胡燕

摘 要：高校的門戶網站是高校信息化建設的重要窗口，展示的是高校的精神面貌，與社會生活交換著重要的信息，也以此接受公眾的監督。文章以高校門戶網站的視覺設計為研究對象，針對當前高校門戶網站的設計現狀，預測未來的設計趨勢，從而實現高校形象建設、教學教育貫穿一體、優化發展的目標。

關鍵詞：高校門戶網站;視覺設計;信息化建設

門戶網站從廣義上講，是一個應用框架，將各類數據資源匯聚到互聯網管理平臺上，用統一化的用戶界面為用戶提供信息，滿足用戶的瀏覽需求。高校門戶網站是門戶網站中的一類，是指高校內部各類網站、數據信息、應用系統的總和，是高校內部的資訊與外部互聯網實現資源交互共享的終端。它不以盈利為目的，沒有龐雜無當的信息，其界面設計都非常直觀，秉承的是“以教育為本”的原則，實現的是向用戶提供并傳遞準確信息的目的。但是網絡媒介的飛速發展，讓高校的門戶網站不僅成為展示高校形象的窗口，更成為文化內涵與大學精神的輸出陣地。

一、內容與形式必須具備秩序感

高校的門戶網站設計，它的內容主要是圍繞著學校相關的欄目開展的，基本上就是學校概況、辦學理念、院系設置、學科設置、校風校貌等欄目，從欄目的設置上，基本可以判定學校的性質與特色。因此，在整合內容的時候，一定要突出教育網站的性質，通過有序的排列，讓瀏覽的用戶一目了然。另外，門戶網站一定要有校名與校徽，這是學校所有文化的統一標志，能夠讓人們對學校的基本教育精神和理念有所了解，也有助于學生、教師等經常使用網站的人加深對本校的認識。

網頁的內容與形式是一個整體，當把大量的信息放到網頁上時，需要考慮的是對這些內容如何進行編排。不僅是組塊信息需要編排，與之相應的細節也需要編排。這就需要設計師從頭至尾地梳理思維，思考如何將內容與形式結合起來，讓用戶在頁面盡可能多地得到有效信息的同時，又能身心愉悅。這是需要從審美層面入手的，在門戶網站的設計中，將各種元素按照統一與變化、條理與反復、均衡與對比等原則整合在一起，完成對網頁中的文字、圖像的設計。

二、突出主題要素

每一個網頁都應該有明確的主題，然后按照人們的視覺規律進行編排，將其中的信息準確地傳達給瀏覽者，使人們能夠從信息群中快速地提取出自己需要的信息，或者是形成視覺焦點。這是吸引網站瀏覽者最重要的元素，明確的主題會引導人們的視線，這是網站信息排列的初衷，也是視覺設計的初衷。為了突出主題，網站一般會采用結構變化的方法。如把需要傳達的主題做實做大，和主題無關的則可以虛化或是占據比較小的網頁面積，強化視覺力度永遠是最傳統卻最管用的突出主題的方法。

為了突出主題要素，可以在不影響整體效果的情況下，把一些多余的元素去掉，或是在能夠達到同樣效果的設計方案中，選擇相對簡單的設計，總體來說，就是越簡單的方案主題越突出。除此以外，還要對一些細節進行“雕琢”。很多國外的大學在門戶網站的設計上都可以達到“像素級的完美”，即使設計的邊框等不被瀏覽者注意的細節都能達到近乎真實的效果，從而在審美氛圍的營造、門戶網站的品位等方面上一個臺階。

三、審美與實用兼而有之

高等院校的門戶網站在設計時，必須同時滿足教師與學生的審美需求。網頁追求簡單與大方，最能滿足大部分人的審美，還可以營造出濃厚的學術氛圍，讓嚴謹認真的治學態度自然而然地表現出來。就使用體驗來看，清晰美觀且滿足了大部分人審美需求的頁面，會給人們帶來愉悅、舒適的瀏覽體驗，讓人們接受信息更加容易。在審美上，不要追求過于花哨的內容，雖然每個人的審美是有差異的，但是自然樸素總是更容易被人們所接受。

除了審美上的共性，人們更愿意追求功能的實用性。國內目前有很多高校的網站設計都不完善，有些鏈接點進去沒有對應的內容，人們使用起來很不方便，尤其是在招生信息的鏈接上，人們在門戶網站獲得的信息還沒有通過搜索引擎得到的信息多。設計者要對每一個網頁鏈接的功能做出統籌布局，讓人們點進去后有收獲，畢竟所有的視覺設計都是為了內容而服務的。在兼顧美感和功能的過程中，設計師不要慣用一種設計方法。例如當前使用的web2.0的確被人們普遍接受，但是一味模仿也并非良策。為高等院校進行的視覺設計，一定要擔負起引領和提升社會審美的責任，慣用web2.0，會讓人們陷入到一種陳舊的審美中。如果是有自覺審美的人群，則會厭煩這種設計，這與高校門戶網站的視覺設計初衷是相悖的。由此可見，高等院校的門戶網站在進行視覺設計時，必須自覺地承擔社會功能。

四、方便快捷也要善于“留白”

所謂的方便快捷包含了兩個部分，第一個部分是網頁上的按鈕設計應該明確醒目，能夠讓瀏覽者直接看到。那些花哨、夸張的設計，看上去非常個性，但是并不適用，讓人眼花繚亂，也不符合高校的學術氣質。第二個部分是門戶網站整體的結構設計。正如上文所說的，在內容和形式上需要有秩序感。例如：明確每一個內容的安排是不是按照一定的順序進行的;明確從首頁開始，是不是體現出欄目明確化、設計合理化、層級結構簡單化、信息明確具體化的特點。在設計領域有一句名言：“別讓我思考。”這句話一語道破當下人們使用互聯網的心態。有人精確地計算過人們瀏覽網頁的時間，平均一個網頁的有效停留時間只有3秒鐘，人們會快速瀏覽并判斷是否有自己需要的信息。如果在這3秒鐘里，人們還要費力地尋找按鍵、檢索內容，那顯然是不現實的，那樣的設計只會讓人們更快地放棄這個網頁甚至是這個網站。還有，在網頁上適當“留白”，也能夠給人們留下較好的觀看體驗。這種“留白”和上文所批評的沒有內容并不沖突。這里所指的“留白”是為人們留下一些空間，例如將行距、字間距變寬，字體適當放大等，促進瀏覽的合理化，是來自視覺的體驗，而非我們認為的內容上的簡化。

五、網頁“副空間”的作用會越來越大

“副空間”實際上是一個建筑學領域的名詞，也被稱為過渡空間或是灰色空間。與建筑學中所說的“副空間”一致，在網站設計上，那些介于利用和未被利用之間的空間，都被歸入“副空間”。它與“留白”有一些異曲同工之處，不過“副空間”更重視的是網頁之間的銜接。一些高校在網站設計上非常容易進入的一個極端是，一個內容展示完畢后，馬上展示另一個內容，密度之大讓瀏覽者很容易混淆信息，產生厭煩感。如果能在銜接部分加入一些創新的元素，則會給人不一樣的視覺感受。例如哈佛大學、麻省理工學院的網頁上都有一些藝術作品的展示，這些藝術作品源于生活但是高于生活，把人們印象中大學嚴肅的氣氛與高雅的格調聯系在了一起，展現出不一樣的風格。人們每當瀏覽到這些網頁時，就會忍不住“駐足”，甚至是產生共鳴，這才是一個成功的視覺設計。當然，各個學校可以依據自己的性質和風格進行設計，如，北京航空航天大學等理工類卓著的院校在對“副空間”進行設計時，更多采用縱向線條，與其本身的氣質相協調。“副空間”還可以被看作是交互設計界面的“中轉站”，在人們檢索信息、整合信息的過程中，“副空間”中的內容可以放松心情，這也不失為高校向社會傳遞精神面貌、引導社會文化的一個有效的途徑。總體來說，“副空間”越以人為本，就會越多地吸引到人們的關注，傳播有效的信息。

六、結語

在高科技迅猛發展的時代，中國高校門戶網站的設計更像是一個襁褓中的嬰兒，沒有可以照搬的模式，一切元素都處于待開發階段。但是設計本身并沒有形式上的規定和標準上的限制，這就為高校門戶網站的設計優化提供了巨大的空間。設計師從內容、形式、色彩、功能等各種元素著手進行界面的設計，擁有更大的發展空間。注重從傳統的藝術思想理論和形式法則中汲取營養，善于思考與設計，讓網站的界面銜接得更加精彩、更加出色、更加人性化，必然是設計發展的基礎，為更多的藝術設計實踐活動提供著扎實的基礎與養分。

參考文獻：

[1]閔偉，丁耀.高校門戶網站人性化設計的調查研究：以閩江學院為例[J].赤峰學院學報（自然科學版），2015（9）：22-24.

[2]劉松，藍鷹.高校門戶網站的頁面導航布局設計研究[J].智能計算機與應用，2017（5）：117-118，122.

[3]唐甜，尚子田.高校門戶網站界面交互設計研究[J].中國民族博覽，2018（2）：102-103.

[4]晁永剛，劉明國，葛曉昱，等.關于高校網站的設計思考[J].大眾文藝，2016（9）：83.

作者單位：

湖北科技學院藝術與設計學院