前言：尋找寫作靈感？中文期刊網用心挑選的網頁設計秩序與靈動淺析，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
摘要:
近幾年，網頁設計已成為視覺傳達設計藝術的重要組成部分。而從設計方面上來說，人們往往忽視了對其美感創新及信息傳達速度，過分依賴于設計軟件，使得網頁設計存活于混沌之中。網頁網格設計提供了一種結構建立起來的敘事關系，將頁面內元素以一種合理的邏輯布局去引導瀏覽者的視線。但由于網頁后臺技術的限定，使得網頁的設計更加難以發展，文章中提到運用網格系統的秩序性去美化網頁的設計，使網頁設計在理性的制約下更加生動。
關鍵詞:
網頁設計；網格設計；秩序；靈動
近幾年來，隨著科技的進步，互聯網的發展使得信息的傳播突破了傳統的政治、經濟、地域及文化的阻隔，而網頁借由網絡的運行，將所信息用最快、最方便的形式向網頁的瀏覽者傳達。因而網頁設計作逐漸被人們所認可并認識，但是現在由于設計軟件增多并過分依賴于它，致使網頁設計重視技術操作，使得網頁設計存活于混沌之中。而雅各布•尼爾森說：“網絡是最終授權于消費者的環境，他（她）點擊鼠標就能決定所有事。到達任何地方都如此簡單，世界上所有的競爭者都只是一次鼠標點擊的差距。”故網頁設計的目標是實現內容的整合，兼顧信息量大且易于閱讀，能夠吸引瀏覽者停留在某個頁面上。而網格設計的本質上來說是一件設計作品的骨骼，不僅僅能夠賦予設計以秩序感，幫助形成清楚且連貫的信息關系，還能給設計的表述和創造提供豐富的機會。這也能夠逐步使瀏覽者對網頁設計的視覺美感得到認同。
一、網頁設計的溯源
上世紀60年代，借由戰爭的推動而形成最初的計算機網絡。而互聯網的前身起源于1969年，美國國防部的指示下由四臺計算機組成，名為阿帕網(ARPNET)。而在1974年提出的通訊協議和TCP/IP協議的應用，才使同時互聯網成為一個開放系統。并在上世紀九十年代電腦技術的飛速發展，圖像、聲音、多媒體元素等新的數字媒介進入到互聯網之中，進而網頁的設計也由于一些新的技術的加入，網頁中有越來越多的因素能夠被規劃并進行設計，這著實讓網頁設計成為一種全新的藝術設計形式。而網頁設計是基于互聯網為載體，以數字網絡技術為基礎，并依照、遵循設計的表現形式及其規律，以此來達到設計的目的與功能，并且網頁設計強調藝術與科學要建立一個密切的聯系與結合，形成一種新形式的視覺傳達活動，使平面設計在現代社會中得到發展與延伸。未來的網頁設計不但在依照設計的目的及要求的同時，更以所處的時代背景下獲取最好的技術，加以藝術的表達形式為基礎，有意識地對其進行藝術的創造性規劃活動。不僅能帶給網頁瀏覽者美麗的視覺體驗，同時更好的發揮了其信息傳達的作用。
二、網頁設計中秩序與靈動的起點
在網頁設計飛速發展的時代，人們在追求著網頁的強大信息量且易讀的同時，尋求網頁設計中的秩序與靈動的設計方法，這就可以滿足網頁的美感與實用性。通過多年來實踐，設計師發現這些都需要有網頁版式設計才能夠達到，它不但使了網頁富有自己獨特的藝術風格及特征，還可以以此吸引瀏覽者的注意力，增強網頁內容的秩序傳達性，這種秩序不是強加于瀏覽者的，而是為瀏覽者創造獨特的體驗。因此，在網頁設計中網頁版式設計具有起點的作用，并且網頁版式設計是由網格系統組成，沒有網格系統的輔助，難以達到頁面清晰美觀，內容組織合理，無法在網頁設計尋求到秩序與靈動。
（一）秩序的基本原則
自然秩序產生的前提是物理法則要能夠在沒有相互干擾的孤立的系統中起作用，而所有事物都是相互作用的，正是這種混亂與秩序之間的對照喚醒了我們的知覺。而秩序感通過各種工藝證明了人類喜歡節奏、秩序和事物的復雜性，設計師通過對對稱與均衡、單純與齊一、協調與對比、節奏與韻律、多樣與統一靈活的運用，體現出一種帶有秩序感的靈動。而將元素的秩序化組構，依照人所產生的視覺規律，主要體現在其排列的條理性，比例的合適性、節奏的合理性、以及漸變的嚴格性上，遵循著化繁為簡、化雜亂為條理、化模糊為鮮明的原則的秩序法則，從而協調重復、均衡、對稱等性質，將畫面的展示增添秩序性、連續性和和諧性。
（二）網頁設計中的網格系統設計
網頁網格系統可以被定義為：通過對比例、秩序、連續感和現代感，將網頁里的元素進行重新整合，將網頁中版面布局以規范的網格排版來指導信息的分布，實現保持平衡亦或者去打破平衡。從網頁設計上說起，網頁網格設計的應用，不但能夠整合網頁的信息，方便閱讀，更可以增加網頁的美感，還可以有助于閱讀，更具有可用性。而且，對于前端開發來說，網頁將更加的有秩序和有靈活性。自網格系統應用以來，經過許多代設計師的努力，使其發展的更加精確與完善?，F在的網頁設計中的網格不但繼承了傳統印刷網格，并以此為基礎，卻又不同于以往的傳統印刷網格，能以其的多選擇性突破傳統印刷媒體的限制，更具有自己特殊的特點和要求。不過傳統印刷媒介中所需要設計的界面是固定的，而網頁設計中有很多因素是超出設計師控制的，瀏覽者可以按照自己對網頁視覺效果的要求來進行調整，至使顯示屏所呈現的畫面與最初的設計背道而馳，但是顯示器屏幕每英寸由72像素構成，實際上是由數字創造的網格，這是一種區別于其他的傳統媒體形式，網頁設計者雖然對版面視覺效果喪失了一定控制力，但這也正是網頁設計的美麗所在，而我們需要做的是讓設計去適應變化多端的網格系統。
（三）網頁設計中的誤區
當新媒體設計與信息構筑的時代來臨時，網頁媒體以全新且令人激動的方式展示信息，將其諸多特點展現出來，使其能從眾多的傳統媒體中突顯出來。與此同時，網頁制作技術也得到了前所未有的革新，涌現出一些列功能愈加強大的網頁制作軟件，網頁制作也由此變得輕松而容易起來，這種偏向性致使滋生出大量偏向重視技術操作而忽視網頁設計的視覺創意美感的網頁制作者，造成信息無法正確傳達出來。在這種現象的促使下，如何平衡在信息高度密集的網頁，不僅僅需要設計師具備審美的品質，更需要為信息的展示增添秩序性，而無論在何種網頁上，網格可以向瀏覽者預示出信息所在，這也算是看不見的秩序，也可以在保持展示內容總體一致的前提下，為網頁添加靈動性，這也是在設計中所強調的視覺有序系統。
（四）網頁設計中存在的問題分析
現在有一大部分網站，不知道信息的所在，沒有規則可言。如果不能在混亂之中建立秩序，使瀏覽者對網頁設計者的意圖一無所知，更使信息易讀性和傳達性變成一個令人困惑的難題。并且網頁存在信息能容過滿的問題，就將各種信息諸如文字、圖片、動畫等不加思考的硬塞到頁面上，沒有任何規范、條理可言，也更談不上藝術處理了。此類問題導致瀏覽者在讀取信息時會遇到諸多不便，不助于信息的交流，使網頁上的設計做不到互相協作，反而相互消減。再加上頁面上五花八門、不分主次的內容，網頁背景做的很花哨，過度的裝飾的頁面，混亂了瀏覽者的視線，嚴重干擾從網頁中信息的獲取，更無法提及其的秩序美感。相比之下，還有一類網頁我們打開，發現好像這個網頁與那個網頁都是一樣的。無論是標題、文字及圖片的位置相同，更甚到動畫的效果都是如此。而這兩個網站對于頁面的用色秉承著隨心所欲原則，其目的只是為了區分開文本和背景，與此同時失去網頁的特色，使我們看網頁好像每一個都是相同的，缺乏靈動性。雖然不能片面地追求視覺美感沖擊力，但也不能不顧瀏覽者的使用性。
三．網頁設計中秩序與靈動的設計應用
網頁設計是視覺傳達設計藝術的重要組成部分和重要分支，其未來趨勢將逐步走向簡單化、立體化和智能化。如何平衡網頁的秩序與靈動，使其展現形式會變得簡單，條理變得清晰，并做到用有秩序的形式顯示最全面的內容，恰到好處地進行調整、解構，讓網頁設計更加有靈動性。
（一）網頁設計的秩序感
俗話說：沒有規矩，不成方圓。而設計也需要有一定的規矩，也可以說是一定的規則。而這種規則可以給設計帶來秩序感和結構感，這種設計終將成為一件有血有肉的作品。而網頁設計也是如此，通過形式美的法則，將頁面中的各種視覺元素進行有組織有規律的調整，大膽的取舍，使頁面獲得完整、有序的視覺效果，通過這種具有單純的秩序性，對各種凌亂的資料運用理性和邏輯思維，產生具有強烈的視覺沖擊力，促進瀏覽者加深印象，創造清晰有序的形式感。如網站設計者常運用反復視覺流程，使網頁產生的視覺效果更富有韻律美和秩序美。同時可以發現整個網頁設計運用了清晰的網格可以清楚地表現網頁的細節和引導瀏覽者進行瀏覽。并通過改變圖像與文字的大小比例，從不同的視角展現主題，不同的比例和尺寸建立起一種敘事關系，通過用對稱式形成了一種平衡、協調的感覺，帶給瀏覽者一種條理清晰的印象。另外網頁設計時，通過對頁面適當的留白，能夠制造處生動的進入方式，并且對頁面或界面的各個元素與部分分割、區分和重組，并且留白區域可以用它來實現強調、比例、平衡和韻律。留白不會給人感覺頁面“空”，反而會形成一種視覺的空間感。
（二）網頁設計的靈動性
網頁的整體設計，通過以周密的組織和精確的定位來獲得頁面的秩序感。通過散點視覺流程，將網頁中的各個視覺元素進行有節奏的組構，或上、或下、或左、或右的自由移動，給人一種輕松隨意帶有韻律的視覺享受。并且通過對視線的引導，不但保持著網頁的整體流暢、和諧的瀏覽觀感，使瀏覽者更加輕松的找到所需要的內容。
（三）秩序與靈動并存的網頁設計
網頁設計以一種穩定、神秘的方式呈現出一下中相對靈活的創意活動。這種在有秩序的頁面下追求一定的自由度，使網頁設計能通過深思熟慮之后決定或特意的追求的“散”的解構，在理性授意下其內存在著一種帶有靈動的秩序。而優秀的網頁設計就是應該在多樣中求統一，在節奏中求韻律。如網站設計者運用形式美法則，通過有序、具有美感、整體協調的手段，使瀏覽者能夠感受到愉悅感。同時，帶有韻律的平衡，可以突出網頁所強調的重點。
四、結語
設計上用四句的格言強調了設計的核心要求：根據受眾進行設計、功能決定形式、保持簡潔、內容決定一切。也就是說，設計就是要遵循內容決定形式的原則。黑格爾也說過：“內容和完全適合內容的形式達到獨立完整的統一，因而形成一種自由整體，這就是藝術的中心。”故網頁在設計上，要在保證有秩序的形式顯示最全面的內容，使瀏覽者更加輕松的獲取信息。并且在秩序感不斷滲入到人們的生活和藝術設計之中，人們的審美不斷提高，對于美的要求越來越高，設計者要通過對形式美法則的對稱與均衡、單純與齊一、協調與對比、節奏與韻律、多樣與統一的靈活運用，尋求出一種帶有秩序感的靈動。將它們運用到網頁藝術設計這種科學與藝術高度統一的產物上，創造出藝術化、人性化的網站頁面。
作者：王晴 單位：東北師范大學