當前位置:學問君>學習教育>畢業論文>

版式編排設計的特徵和視覺元素分析

學問君 人氣:2.74W

隨着計算機網絡的快速發展,科技已經演變成人機交互的時代,下面是小編蒐集整理的一篇關於版式編排設計特徵探究的論文範文,歡迎閱讀參考。

版式編排設計的特徵和視覺元素分析

 1、版式編排設計的特徵

1.1靜態版式編排

1.1.1模組化

基本的靜態網頁版式都會將版式模組化的分佈於頁面中,如同報紙當中的編排一樣,猶如一個個的屏幕和視窗.從版式的整體而言,規則有序;從局部而言,更加便於讀者分別進行閱讀,從而避免了版面中各個組成部分之間的相互干擾.模組式的運用在網頁編排中算是最爲常見的一種,不論如何編排都會在規定的範圍之內,以模組來劃分區域,中規中矩.這種方式多數在網站中較爲常見.

1.1.2圖像化

人們生活在一個被圖像資訊所包圍的環境中,圖片可以很直觀的讓用戶領會到網頁的主題和內容,是網頁的中心視覺元素.可以說它較於文字更加直接.而讀者往往會更傾向於透過圖片的強烈視覺衝擊來解讀內容.圖版率往往是由圖片的大小和佔有的版面空間來決定的.設計中的一個普遍的做法是利用調整圖片大小來控制圖版率和製造一定的視覺效果.除了單幅圖片的展示外,利用分組排列方法對多張圖片進行編排,結合圖片的距離和內容的切換,能夠增強圖片的視覺效果.圖像的作用在於娛樂大衆,更多的是形式大於內容,易懂通俗,能夠代替部分文字起到視覺效果,豐富整體頁面,使其更具輕鬆、娛樂感.

1.1.3單一化

說起來,靜態的網頁介面受到計算機屏幕尺寸的限制,很難有更爲廣闊的展示空間,在有限的空間內要展現出最佳的效果,就需要設計者匠心獨運地注重挖掘虛擬立體空間的縱深性.因此,靜態的網頁一定程度上不能滿足用戶所需的互動效果,同時不具更多的趣味性,在如今網絡媒體發展的現狀下受衆不是很多.

1.2動態版式編排

動態的'板式相較於靜態版式來說要更爲靈活多變,具有更多的視覺衝擊點,爲網頁設計添加了無限的可能性.

1.2.1隨意性

自由、隨意、不受限制是動態網頁最大的特點,不用限制於太多的條條框框,網絡頁面不在是一種固定的狀態,你永遠猜不到下一秒會出現怎樣新奇的畫面,這種變化來源於用戶瞬時、隨意的選擇.而每個觀衆在與網絡互動藝術的互動中又會產生各自不同的體驗、感受與反饋,這就是產生了任何一位用戶體驗到的網絡互動藝術都不同的原因.設計就是在這裏發揮出了它特有的價值和意義.

1.2.2趣味性

更多的網站是爲了所在對象的一種宣傳,現今沒有什麼比網絡對資訊的傳播速度更加快速.從尋求設計資源者的角度來說,我們更加容易被網頁的畫面視覺效果而吸引,換言,我們對具有美的、新鮮的、趣味性的東西更感興趣,人永遠是帶有好奇心的動物,越是新奇越是想要探究.既傳達了網頁內的資訊,又給人以輕鬆愉悅的心情,相信這樣的瀏覽方式任何人都不會拒絕.如何給網頁營造更多趣味性是網頁吸引讀者的重要一點.

1.2.3獨特性

想要吸引更多的用戶羣,達到理想的宣傳效果,在衆多網頁中脫穎而出,風格首位重要.所謂風格就是一個網頁的門面,不同的主題內容決定了不同的網頁風格.版式是網頁獨特性的顯現,它包括內容的色調、圖文、導向等元素.儘管這屬於一種面向的形式,但要做到形式與風格的統一,這也需要設計者具有較好的審美意識和美術修養.

 2、版式設計的視覺元素

2.1網頁中的文字

文字是傳達資訊最基本的元素,這裏說到的文字設計不僅僅是侷限於資訊的傳遞,注重的是一種藝術表現.文字在整個網頁的設計中起着至關重要的作用,是讀者解讀網頁資訊的最直觀的渠道,網頁的視覺效果很大程度上取決於文字設計的優劣程度.優秀的網頁文字設計不僅可以增強網頁的傳達效果,更能夠激發讀者心中的共鳴,使得網頁的審美價值得到最大提升.

對於網頁中必不可少的資訊元素,需要考慮到它的整體效果,以清晰明瞭的視覺印象,確保其可視性.在此基礎上,根據資訊的主題及內容,設計與其特性相吻合的字型風格,這要求到字型需要獨具個性化且不失美感.

2.2網頁中的圖像

如之前所說,圖像的傳達比文字要更爲直接,但這並非意味語言或文字表現力減弱了,而是說圖片在視覺傳達上起到輔助文字的作用,幫助理解,更可以豐富版面.因爲圖片能具體而直接地把我們的意念高素質、高境界地表現出來,使本來物體變成強而有力的訴求性畫面,充滿了更強烈的創造性.圖片在排版設計要素中,形成了獨特的性格以及吸引視覺的重要視覺效果和導讀效果.圖片是文字以外最早引入到網絡中的多媒體對象,網絡可以圖文並茂地向用戶提供資訊,成倍地加大了它所提供的資訊量,而且圖片的引入也大大美化了網絡頁面.可以說,要使網頁在純文字基礎上變得更有趣味和可看性,最爲捷徑的方式就是放入圖片,對於這一點來說,圖片對受衆吸引也遠遠超過單純的文字.

圖片的位置、面積、形式、方向等直接關係到網頁的視覺傳達,因此是版面編排的一部分,這要求與文字的配合要達到圖文並茂,相互補充的視覺版面關係,從而起到活躍人們視線、豐滿整體畫面.

2.3網頁中的色彩

色彩無疑是對網頁設計錦上添花的一部分,它基本上決定了一個頁面的基調和風格.透過一個主色調選擇來確定整個頁面的色彩傾向性,這裏的主色調要體現和符合網站主題性質.由於色彩是最能表達人的情感思想,是最能直接與人交流的形象,它成爲任何版式最直接、最具影響力的因素,甚至成爲評價版式設計的重要標準,因此,需要考慮到用戶的心裏反映.

在現代社會裏,色彩與人類有着不可分割的關係,從服裝搭配到日用品,從傢俱到交通工具,從商品包裝到媒體的傳達設計,色彩完全融合在我們的世界裏.色彩也具有可讀性,冷暖色調的不同也隱隱的在傳遞網頁中的資訊.網頁在一定意義上說也是一種藝術品,而色彩可以產生強烈的視覺衝擊.而通常用戶在瀏覽頁面時,帶來的第一印象就是頁面的色彩效果,它的好壞直接影響閱讀者的觀賞興趣,可謂十分重要.

2.4網頁中的動畫效果

數字媒體技術的發展爲網頁設計提供了發揮的空間,靜態網頁開始走向動態形式.動畫早已不是新鮮的事物,除了製作動畫片它也可以作爲裝飾和點綴存在於網頁當中.現實的對比中,帶有動畫效果的網頁更受用戶之喜愛.從某種角度來說,它與用戶之間的互動更爲強烈和突出,注重人機交互的理念成爲當世媒介產品所推崇的主打.用戶不但能閱讀還能身臨感受並新奇於透過雙手點觸得來的反饋,這完全是前所未有的體驗.這種方式,不但能激發用戶的內心情感,還能夠開拓人們的視野和思維.新的科技到來,並出乎意外之快.

 3、版式編排在網頁設計中的發展趨勢

傳統的網頁設計是基於網絡技術發展還不成熟的階段,大多網站都是靜態的網站,追求的是網站介面視覺效果的設計,網頁設計大多也都以靜態爲主,在網頁上不發生時間和空間上的改變.強調科學性,審美性,功能性成爲靜態網頁設計的主要原則.

隨着計算機網絡的快速發展,科技已經演變成人機交互的時代.這個時代的網絡媒體是一個顯著的多元化設計特徵,是集和了聲音、文字、動畫、三維空間、音樂各種元素.現代網頁在傳播網站資訊時打破了簡單的閱讀模式,用戶在視覺、觸覺、聽覺上得到一次完美的互動體驗,衝擊了用戶的各項感官,使用戶心靈得到震撼.而傳統的媒介提供資訊是以簡單的線性方式,用戶一般是被動的盲從的被植入資訊,而人機交互的理念是透過用戶自身來感受網絡帶來的特殊方式,在網絡科技發達的這個時代它更加爲之衆人所青睞,並將持續.

當然,這樣的交互設計再多變化也都是需要在考慮到用戶心理,以用戶爲中心的基礎上而革新.如今,網絡已經廣泛滲透到人們日常生活中,使得研究人員和業界人士開始思考進一步的目標.在網頁設計領域,隨着新技術的層出不窮,用戶也開始對網站有了更多的要求,網頁交互設計已不僅僅是提高工作效率和完成用戶任務,用戶也越來越關心網站是否具有其他一些品質,如:是否令人滿意、覺得有趣、具有美感、可激發創造性、讓人得到情感上的滿足等等,這些感受的需求都與用戶體驗有關.網頁設計只有在用戶滿意的條件下才可能吸引更多的用戶,起到更好的廣告宣傳作用,爲客戶帶來經濟效益或社會效益,用戶不滿意的網頁終將會被淘汰.

 參考文獻:

〔1〕陳文曉黎,陶晉.淺談以用戶爲中心的網頁設計方法[J].科教導刊,2011(3).

〔2〕劉巖妍.淺析網頁設計中的視覺設計原則[J].科技情報開發與經濟,2007(4).

〔3〕李銀興.視覺傳達在網頁設計中的運用研究[D].山東大學,2009.10.