試論高職網(wǎng)頁(yè)設計教學(xué)中版面視覺(jué)效果瑣談
論文摘要：通過(guò)對網(wǎng)頁(yè)設計中的形式美法則和網(wǎng)頁(yè)中各種構成要素進(jìn)行分析，探討網(wǎng)頁(yè)設計教學(xué)中網(wǎng)站版面的編排與設計。
論文關(guān)鍵詞：網(wǎng)頁(yè)設計；形式美法則；構成要素
如今，互聯(lián)網(wǎng)已經(jīng)融入我們日常學(xué)習生活的各個(gè)環(huán)節，并在全球范圍內飛速發(fā)展。其打破了國界、地域、文化的限制，使信息傳達的范圍、速率都產(chǎn)生了質(zhì)的飛躍�；ヂ�(lián)網(wǎng)中數以萬(wàn)計的網(wǎng)站中，每個(gè)網(wǎng)站都擁有自己不同的網(wǎng)頁(yè)，一個(gè)個(gè)變換的網(wǎng)頁(yè)構成我們互相交流的媒介。因此，網(wǎng)站制作過(guò)程中，特別是網(wǎng)頁(yè)頁(yè)面編排設計時(shí)，要展示出自己獨特的設計風(fēng)格。如何設計出視覺(jué)效果好，色彩搭配和諧，結構合理的網(wǎng)頁(yè)版面是網(wǎng)頁(yè)設計中的一個(gè)重要問(wèn)題。
一、網(wǎng)頁(yè)設計中的視覺(jué)流程
網(wǎng)站的宣傳內容、整體風(fēng)格、設計理念都要通過(guò)視覺(jué)感官被瀏覽者所欣賞、接受和感受。設計精美的網(wǎng)頁(yè)版面能夠讓瀏覽者增加瀏覽興趣，擁有美好心情，從而增加網(wǎng)站點(diǎn)擊率。反之，網(wǎng)頁(yè)頁(yè)面凌亂不堪會(huì )嚴重影響瀏覽者觀(guān)看閱讀的情緒，離開(kāi)網(wǎng)頁(yè)。網(wǎng)頁(yè)視覺(jué)元素能否引人注目會(huì )直接影響到網(wǎng)站的信息傳達，若想想通過(guò)網(wǎng)頁(yè)更好地傳達信息，網(wǎng)頁(yè)視覺(jué)效果良好是其基本條件，讓網(wǎng)絡(luò )真正意義上成為可讀強性、新穎的媒體，為此網(wǎng)頁(yè)設計者設計網(wǎng)頁(yè)時(shí)，必須適應人們閱讀習慣和滿(mǎn)足人們的審美需求。對每個(gè)視覺(jué)造型元素之間的距離、位置、面積以及視覺(jué)流程等都要精心設計。
人們閱讀文章時(shí)，視覺(jué)總會(huì )有一種先后順序習慣，有一定的方向，整個(gè)版面的走勢有一個(gè)主旋律。網(wǎng)頁(yè)設計中的主標題、重要廣告、更新的重要信息等突出信息通常選擇放于此位置。但視覺(jué)流程與學(xué)習數學(xué)公式不同，屬感性范疇，其只要符合人們認識過(guò)程的心理順序和邏輯順序，就可以根據感受靈活運用。網(wǎng)頁(yè)設計時(shí)，合理的運用網(wǎng)頁(yè)的視覺(jué)流程，能夠引導瀏覽者按照一定的順序閱讀網(wǎng)頁(yè)，組織好整個(gè)網(wǎng)頁(yè)版面的視覺(jué)導向，從而影響到整個(gè)網(wǎng)站的信息傳達和功能實(shí)現。因此網(wǎng)頁(yè)的編輯設計，視覺(jué)導向是一個(gè)重要問(wèn)題，信息傳達是網(wǎng)頁(yè)設計的一種功能性的體現，這種傳達要符合人們普遍的思維習慣，做到視覺(jué)流程合理、順暢、自如。好的視覺(jué)流程布置，能使網(wǎng)頁(yè)上的各種信息要素在一定空間內合理分布，能使頁(yè)面上各信息要素的位置、間隙、大小保持一定的節奏感和美感。一個(gè)網(wǎng)站主要說(shuō)明的東西必須通過(guò)網(wǎng)站首頁(yè)醒目位置加以體現和展示，以方便瀏覽者閱讀和理解。
二、網(wǎng)頁(yè)設計的審美需求
網(wǎng)頁(yè)設計是近些年才發(fā)展起來(lái)的一門(mén)設計類(lèi)學(xué)科，這些年隨著(zhù)網(wǎng)絡(luò )的發(fā)展，人們越來(lái)越重視網(wǎng)頁(yè)版面的設計和網(wǎng)站風(fēng)格的整體設計。網(wǎng)頁(yè)不僅是將各種想要傳達的要素簡(jiǎn)單的羅列在頁(yè)面上，而是要考慮如何使瀏覽者能更感興趣的和更有效率的接收網(wǎng)頁(yè)上的信息內容。這就要求我們從審美的方面入手，設計制作出美觀(guān)、完整、新穎、合理的頁(yè)面。使瀏覽者觀(guān)看閱讀起來(lái)心情愉悅，更好的接受網(wǎng)頁(yè)所傳達給我們的信息。我們可以把傳統平面設計中的形式?jīng)]的法則和現代的網(wǎng)頁(yè)設計的具體問(wèn)題相結合起來(lái)，運用一些平面設計中美的基本形式到網(wǎng)頁(yè)版面的設計中去，增加網(wǎng)頁(yè)設計的美感和瀏覽者的視覺(jué)審美需求。
�。ㄒ唬┌婷娴囊幏痘�
頁(yè)面編輯的規范化要求是網(wǎng)頁(yè)設計的重要方面。比如使用Dreamweaver設計網(wǎng)頁(yè)時(shí)，是選擇左右型結構、左中右型結構、左右型結構框架，還是用表格系統來(lái)定位網(wǎng)頁(yè)中版面的規劃。要遵循一定的規范。在網(wǎng)頁(yè)編排中應正確使用文字、標點(diǎn)符號、計量單位、規范使用術(shù)語(yǔ)、圖片和Flash動(dòng)畫(huà)等。對網(wǎng)頁(yè)版面中的文字、圖形、色彩的設計，都要遵循形式美的視覺(jué)規律。網(wǎng)頁(yè)的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網(wǎng)頁(yè)上的各種對象之間要分清主次，突出重點(diǎn)，有一定的整體感。
�。ǘ┌婷娴木庑�
網(wǎng)頁(yè)的版面雖然有限，但在瀏覽者的眼里和平面設計要求一樣同樣要有視覺(jué)的均衡性。版面構圖的基本元素是點(diǎn)、線(xiàn)、面，其中單個(gè)的字符是點(diǎn)，由字符組成的行是線(xiàn)，由行組成的段落是面。線(xiàn)和面的運動(dòng)方向可以歸納為水平、垂直和傾斜三種形式。水平和垂直給人以安靜和固定的感覺(jué)，傾斜則具有運動(dòng)感。水平、垂直和傾斜組合起來(lái)使用會(huì )給版面帶來(lái)豐富和生動(dòng)的效果，從而使版面在整體上保持平衡的前提下具有動(dòng)感和變化。
�。ㄈ┌婷娴难b飾性
“圖”與“地”的對比中版面的裝飾性中和重點(diǎn)�？梢允褂每瞻走M(jìn)行裝飾，力求在平面中達到不平的效果。要注意立體的裝飾效果，比如在文字大小、顏色的處理上要有對比，圖片的擺放也要有大小、顏色的對比，包括和背景顏色的對比，從而使版面在整體上體現出層次感。給瀏覽者以賞心悅目之感。
�。ㄋ模┌婷娴慕y一性
網(wǎng)頁(yè)版面設計中的統一，就是指在版面的整體感上要達到一致，風(fēng)格上一致，色彩上統一協(xié)調，比如文字字體要統一，不能有的嚴肅，有的活躍，有的時(shí)尚，有的古板，同時(shí)色彩感受上也要達到風(fēng)格統一。
三、學(xué)會(huì )分析網(wǎng)頁(yè)中各構成要素
網(wǎng)頁(yè)設計就是通過(guò)各種要素向瀏覽者傳達信息，以實(shí)現宣傳的目的。其構成要素包括文字、圖形、圖像、標志、色彩等造型要素及標題、信息菜單、信息正文、標語(yǔ)、單位名稱(chēng)等內容要素，如何在網(wǎng)頁(yè)版面中合理的設計安排這些要素是我們要細心研究的問(wèn)題。
�。ㄒ唬┪淖值木幣排c設計
文字作為信息傳達的主要手段是網(wǎng)頁(yè)設計的主體，是所有宣傳物中不可缺少的元素，也是網(wǎng)頁(yè)中必不可少的元素，因此網(wǎng)頁(yè)中文字將占據相當大的面積，文字表現的好與壞會(huì )影響到整個(gè)網(wǎng)頁(yè)的質(zhì)量。必須考慮文字編輯的整體效果，給人以清晰的視覺(jué)印象，切記不要使頁(yè)面中的文字看起來(lái)凌亂、繁雜，過(guò)多的裝飾會(huì )讓人不容易辨認和理解。不可只為美觀(guān)而創(chuàng )意文字，忽略了文字本身的傳達信息功能。版面設計時(shí)要注意文字的大小變化，色彩變化，明暗變化，用這些變化使字體版面活躍，達到視覺(jué)上的美感，注意變化中的統一，以獲得良好的心理反應，達到完美的文字編排效果。
�。ǘ﹫D片的編排與設計
圖片是網(wǎng)頁(yè)版面中文字以外的又一主要元素，是傳達信息的有力途徑，圖片的參與可以加大網(wǎng)頁(yè)提供的信息量，而且圖片的引入也大大美化了網(wǎng)絡(luò )頁(yè)面�？梢哉f(shuō)，要使網(wǎng)頁(yè)在純文本基礎上變得更有趣味，最為簡(jiǎn)捷省力的辦法就是使用圖片。對于一條信息來(lái)說(shuō)，圖片對瀏覽者的吸引力遠超單純的文字。圖片的位置、面積、數量、形式、方向等直接關(guān)系到網(wǎng)頁(yè)的視覺(jué)傳達。在頁(yè)面圖片的合理選用時(shí)，一要注意統一，二要注意悅目，三要注意突出重點(diǎn)。
�。ㄈ┥实脑O計
色彩是美麗而豐富的，不同的色彩會(huì )給我們帶來(lái)不同的心靈感受，現在一些大的企業(yè)已經(jīng)將色彩融入到公司的整體企業(yè)識別中，因為色彩能使人產(chǎn)生聯(lián)想和感情，例如紅色是火的顏色，熱情、奔放，也是血的顏色，代表危險，綠色是自然、生命的顏色，象征安寧與和平，紫色高貴、神秘，白色代表純潔等等。一個(gè)網(wǎng)站格調的設定，往往取決于網(wǎng)站顏色的選擇。色彩是人們?yōu)g覽網(wǎng)頁(yè)的第一印象，它帶給我們不同的感受，它的好壞直接影響瀏覽者的觀(guān)賞興趣。因此，色彩設計在網(wǎng)頁(yè)設計中居于十分重要的地位。網(wǎng)頁(yè)的色彩設計具體應把握以下兩個(gè)方面：一是是整個(gè)頁(yè)面的色彩選擇，確定一個(gè)有利于體現網(wǎng)站主題的主色調。網(wǎng)頁(yè)的設計一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍色、淺綠色。大型的商業(yè)網(wǎng)站，你會(huì )發(fā)現他們更多運用的是白色、藍色、黃色等，使得網(wǎng)頁(yè)顯得典雅，大方和溫馨。更重要的是，這樣可以大大加快瀏覽者打開(kāi)網(wǎng)頁(yè)的速度。二是在背景的色調搭配上一定要注意不能有強烈的對比，大面積顏色適宜采用低比度，因為過(guò)于豐富的背景色彩會(huì )影響前景圖片和文字的取色，嚴重時(shí)會(huì )使文字溶于背景中，不易辨識。所以，背景一般應以單純?yōu)橐�。如果需要一定的變化以增加背景的厚度，也應是在盡量統一的前提下的一種變化。
網(wǎng)頁(yè)作為作為一種新生事物，以它特有的方式飛速發(fā)展，它涵蓋了平面設計、廣告設計、版式設計、色彩設計等等知識。網(wǎng)頁(yè)設計是一種綜合性的設計，它所涉及的范圍非常廣泛。形式美的法則是任何事物所必需具備的基本因素，網(wǎng)頁(yè)信息不僅是為了滿(mǎn)足使用者的需求，更重要的是創(chuàng )造一種視覺(jué)上的愉悅，符合形式美的法則，使瀏覽者在閱讀瀏覽的時(shí)候產(chǎn)生共鳴。未來(lái)的互聯(lián)網(wǎng)究竟會(huì )發(fā)展到什么程度我們不得而知，就讓我們在這個(gè)互聯(lián)網(wǎng)的大世界里去不段的探索和追尋吧。
上一頁(yè) [1] [2]
【試論高職網(wǎng)頁(yè)設計教學(xué)中版面視覺(jué)效果瑣談】相關(guān)文章：
試論激勵教學(xué)法在高職英語(yǔ)教學(xué)中的運用11-18
試論高職院校中插花藝術(shù)課程教學(xué)實(shí)踐11-21
試論“行為導向教學(xué)法”在高職教育中的應用11-21
試論高職英語(yǔ)教學(xué)中微課的有效運用論文02-21
談項目教學(xué)法在高職英語(yǔ)教學(xué)中的實(shí)施案例12-02
試論高職院校體育教學(xué)的改革思考01-12
試論文化背景知識在高職英語(yǔ)教學(xué)中的作用論文03-15
- 相關(guān)推薦