網(wǎng)頁版式設(shè)計的圖文魅力網(wǎng)站美工設(shè)計基礎(chǔ)第四章

1、第七講第七講第四章第四章 網(wǎng)頁版式設(shè)計的圖文魅力網(wǎng)頁版式設(shè)計的圖文魅力 網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ) 學習目的學習目的 本章側(cè)重介紹版式設(shè)計的基本要素、類型及形式法則；了解網(wǎng)頁的界面空間；掌握網(wǎng)頁的版式構(gòu)成與設(shè)計；培養(yǎng)學習者對優(yōu)秀網(wǎng)頁版式分析和模仿能力。在完成基礎(chǔ)知識教學任務的同時，著重提高學習者對網(wǎng)頁版式設(shè)計的認識和理解，加強學習者實際動手能力的培養(yǎng)，最終能設(shè)計出優(yōu)秀網(wǎng)頁。網(wǎng)站美工設(shè)計基礎(chǔ) 學習內(nèi)容學習內(nèi)容 版式設(shè)計的視覺要素和造型要素 版式設(shè)計的形式原理 網(wǎng)頁的版式設(shè)計 學習要求學習要求 掌握：網(wǎng)頁版式的基本類型、網(wǎng)頁內(nèi)容的編排。 理解：版式設(shè)計的形式法則。 了解：版式設(shè)計的基本要素、

2、網(wǎng)頁的界面空間。 網(wǎng)站美工設(shè)計基礎(chǔ) 41 版式設(shè)計的視覺要素和造型要素版式設(shè)計的視覺要素和造型要素 411版式設(shè)計的視覺要素版式設(shè)計的視覺要素 文字、圖形、色彩是版式設(shè)計中文字、圖形、色彩是版式設(shè)計中最基本的視覺要素。因此，設(shè)計者在最基本的視覺要素。因此，設(shè)計者在處理版面時，必須掌握各要素的特征，處理版面時，必須掌握各要素的特征，以便于更有效、更合理的表現(xiàn)與傳達以便于更有效、更合理的表現(xiàn)與傳達主題思想和設(shè)計意圖。主題思想和設(shè)計意圖。網(wǎng)站美工設(shè)計基礎(chǔ)文字文字 文字是版式設(shè)計中的重要信息載體，文字是版式設(shè)計中的重要信息載體，視覺識別特征的符號系統(tǒng)，是一種高尚的視覺識別特征的符號系統(tǒng)，是一種高尚的藝

3、術(shù)表現(xiàn)形式，具有啟迪性和傳達性。藝術(shù)表現(xiàn)形式，具有啟迪性和傳達性。 文字既是版面的核心，也是視覺傳達文字既是版面的核心，也是視覺傳達最直接的方式。因此，文字設(shè)計是增強視最直接的方式。因此，文字設(shè)計是增強視覺傳達效果，提高作品的訴求力，賦予版覺傳達效果，提高作品的訴求力，賦予版式審美價值的一項重要構(gòu)成技術(shù)。式審美價值的一項重要構(gòu)成技術(shù)。網(wǎng)站美工設(shè)計基礎(chǔ)（1）字體和字號）字體和字號 字體是文字最基本的元素，字體的設(shè)字體是文字最基本的元素，字體的設(shè)計、選用是版式構(gòu)成的基礎(chǔ)。在版式設(shè)計、選用是版式構(gòu)成的基礎(chǔ)。在版式設(shè)計中，字體首先作為造型元素而出現(xiàn)，計中，字體首先作為造型元素而出現(xiàn)，在運用中不同字體造

4、型具有不同的獨立在運用中不同字體造型具有不同的獨立品格，給予人不同的視覺感受和比較直品格，給予人不同的視覺感受和比較直接的視覺訴求力。中文常用的字體主要接的視覺訴求力。中文常用的字體主要有宋體、仿宋體、黑體、楷書等。有宋體、仿宋體、黑體、楷書等。網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ)將文字圖形化，把記號性的文字作為圖形元素來表現(xiàn)，強化了原有的功能網(wǎng)站美工設(shè)計基礎(chǔ) 文字與文字與文字間經(jīng)過文字間經(jīng)過疊置后，產(chǎn)疊置后，產(chǎn)生空間感、生空間感、跳躍感，體跳躍感，體現(xiàn)了一種藝現(xiàn)了一種藝術(shù)思潮。術(shù)思潮。 網(wǎng)站美工設(shè)計基礎(chǔ)形象字體，形象字體，根據(jù)文字的根據(jù)文字的意思或內(nèi)容意思或內(nèi)容進

5、行藝術(shù)創(chuàng)進行藝術(shù)創(chuàng)造的字體，造的字體，內(nèi)容與形式內(nèi)容與形式達到和諧的達到和諧的統(tǒng)一。統(tǒng)一。 網(wǎng)站美工設(shè)計基礎(chǔ)意象字體意象字體將特定的文將特定的文字個性化，字個性化，一目了然地一目了然地展示文字的展示文字的內(nèi)容，產(chǎn)生內(nèi)容，產(chǎn)生更多的回味。更多的回味。網(wǎng)站美工設(shè)計基礎(chǔ) （2）字距與行距）字距與行距 字距和行距的變化也會對文本的可讀性產(chǎn)生很大影響，行距的常規(guī)比例為10:12，即用字10點，則行距12點。適當?shù)男芯鄷纬梢粭l明顯的水平空白帶，以引導瀏覽者的目光，而行距過寬會使一行文字失去較好的延續(xù)性。 網(wǎng)站美工設(shè)計基礎(chǔ) 圖形圖形 版式設(shè)計中圖形元素同樣有著版式設(shè)計中圖形元素同樣有著十分重要的作用。一方

6、面，圖形的十分重要的作用。一方面，圖形的應用使版面更加美觀、有趣；另一應用使版面更加美觀、有趣；另一方面，圖形本身也是傳達信息的重方面，圖形本身也是傳達信息的重要手段之一。與文字相比，它直觀、要手段之一。與文字相比，它直觀、生動，可以很容易地把那些文字無生動，可以很容易地把那些文字無法表達的信息表達出來，易于瀏覽法表達的信息表達出來，易于瀏覽者理解和接受，具有視覺效果和導者理解和接受，具有視覺效果和導讀效果。讀效果。網(wǎng)站美工設(shè)計基礎(chǔ) 圖形元素圖形元素的表現(xiàn)形的表現(xiàn)形式可分為式可分為兩大類，兩大類，一類是以一類是以攝影、寫攝影、寫實手法為實手法為主的稱為主的稱為“圖片圖片”。網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站

7、美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ) 另一類是以手繪、電腦繪制為主的稱為“圖形”。網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ) 3色彩色彩 色彩既有美化又具實用的功能，色彩既有美化又具實用的功能，為版式設(shè)計增添了許多魅力。色彩能為版式設(shè)計增添了許多魅力。色彩能起到畫龍點睛和錦上添花的作用，但起到畫龍點睛和錦上添花的作用，但運用不當也會破壞版面的整體效果。運用不當也會破壞版面的整體效果。因此，如何運用好色彩也是版式設(shè)計因此，如何運用好色彩也是版式設(shè)計要解決的主要內(nèi)容之一。要解決的主要內(nèi)容之一。 對比色色彩組合比同色系色彩組合更容易吸引注意力對比色色彩組合比同色系色彩組合更容易吸引注意

8、力網(wǎng)站美工設(shè)計基礎(chǔ)不同的色調(diào)體現(xiàn)著不同主題的網(wǎng)站不同的色調(diào)體現(xiàn)著不同主題的網(wǎng)站 網(wǎng)站美工設(shè)計基礎(chǔ) 412版式設(shè)計的造型要素版式設(shè)計的造型要素 點、線、面是一切造型的基點、線、面是一切造型的基礎(chǔ)，也是版式構(gòu)成的主要語言。礎(chǔ)，也是版式構(gòu)成的主要語言。版式設(shè)計就是在版面空間中處理版式設(shè)計就是在版面空間中處理和協(xié)調(diào)好點、線、面的相互依存和協(xié)調(diào)好點、線、面的相互依存相互作用的關(guān)系，組合出各種各相互作用的關(guān)系，組合出各種各樣的形態(tài)，構(gòu)建成一個個千變?nèi)f樣的形態(tài)，構(gòu)建成一個個千變?nèi)f化的全新版面?；娜掳婷?。 1 .點點 點相點相對于線和面來對于線和面來說是一個短而說是一個短而小的形態(tài)，在小的形態(tài)，在平面設(shè)計

9、中能平面設(shè)計中能起到吸引注意起到吸引注意力的作用。力的作用。網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ) 2 .線線 線線相對于點和相對于點和面來說是一面來說是一個細而長的個細而長的形態(tài)，具有形態(tài)，具有分隔空間的分隔空間的作用。作用。網(wǎng)站美工設(shè)計基礎(chǔ)線的自由分隔，起了引導作用線的自由分隔，起了引導作用單線構(gòu)成的圖形，與人物單線構(gòu)成的圖形，與人物圖片形成鮮明對比圖片形成鮮明對比網(wǎng)站美工設(shè)計基礎(chǔ) 3.面面 面有長、寬兩度空間，無厚面有長、寬兩度空間，無厚度，也稱為度，也稱為“形形”，是設(shè)計中的重要，是設(shè)計中的重要因素。在現(xiàn)實版式設(shè)計中，其表現(xiàn)也因素。在現(xiàn)實版式設(shè)計中，其表現(xiàn)也包容了各種色彩、肌

10、理等方面的變化，包容了各種色彩、肌理等方面的變化，同時面的形狀和邊緣對面的性質(zhì)也有同時面的形狀和邊緣對面的性質(zhì)也有著很大的影響，在不同的情況下會使著很大的影響，在不同的情況下會使面的形象產(chǎn)生極多的變化。在基本視面的形象產(chǎn)生極多的變化。在基本視覺要素中，面的視覺影響力最大，在覺要素中，面的視覺影響力最大，在畫面上往往起著舉足輕重的作用。畫面上往往起著舉足輕重的作用。網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ) 相對于相對于點、線點、線來說，來說，面能起面能起到穩(wěn)定到穩(wěn)定版面的版面的作用。作用。網(wǎng)站美工設(shè)計基礎(chǔ) 42 版式設(shè)計的審美形式原理版式設(shè)計的審美形式原理 美是每一個人追求的精神享受。美是每一個人追求的

11、精神享受。當你接觸任何一件有存在價值的事物當你接觸任何一件有存在價值的事物時，它必定具備合乎邏輯的內(nèi)容和形時，它必定具備合乎邏輯的內(nèi)容和形式。然而單從形式條件來評價某一事式。然而單從形式條件來評價某一事物或某一視覺形象，美或丑的感覺在物或某一視覺形象，美或丑的感覺在大多數(shù)人中共存著一種源于人們長期大多數(shù)人中共存著一種源于人們長期生產(chǎn)、生活積累的共識，使我們逐漸生產(chǎn)、生活積累的共識，使我們逐漸發(fā)現(xiàn)了形式美的基本法則。發(fā)現(xiàn)了形式美的基本法則。網(wǎng)站美工設(shè)計基礎(chǔ) 一、一、對稱與均衡對稱與均衡 對稱與均衡是圖案最基本的兩種對稱與均衡是圖案最基本的兩種組織、構(gòu)成形式。對稱體現(xiàn)了靜感與組織、構(gòu)成形式。對稱體

12、現(xiàn)了靜感與穩(wěn)定性，具有端莊，安定的美；均衡穩(wěn)定性，具有端莊，安定的美；均衡則表現(xiàn)了動感和變化性，具有生動、則表現(xiàn)了動感和變化性，具有生動、活潑的美。對稱是指圖形或物體對某活潑的美。對稱是指圖形或物體對某個中心點、中心線、對稱面，在形狀、個中心點、中心線、對稱面，在形狀、大小或排列上具有一一對應的關(guān)系；大小或排列上具有一一對應的關(guān)系；均衡是不對稱形態(tài)的一種平衡。均衡是不對稱形態(tài)的一種平衡。網(wǎng)站美工設(shè)計基礎(chǔ)二、重復與交錯二、重復與交錯 版面設(shè)計中反復使用的基本形或版面設(shè)計中反復使用的基本形或線的形狀、大小、方向都是相同的線的形狀、大小、方向都是相同的稱為重復。重復使設(shè)計產(chǎn)生安定、稱為重復。重復使設(shè)

13、計產(chǎn)生安定、整齊、規(guī)律的統(tǒng)一。但視覺感受有整齊、規(guī)律的統(tǒng)一。但視覺感受有時容易顯的呆板、平淡、缺乏趣味時容易顯的呆板、平淡、缺乏趣味性的變化，因此在版面中可安排一性的變化，因此在版面中可安排一些交錯與重疊，使版面變得靈活。些交錯與重疊，使版面變得靈活。 網(wǎng)站美工設(shè)計基礎(chǔ)交錯使版面變得靈活交錯使版面變得靈活 重復圖形構(gòu)成的版面效果重復圖形構(gòu)成的版面效果網(wǎng)站美工設(shè)計基礎(chǔ) 三、節(jié)奏與韻律三、節(jié)奏與韻律 節(jié)奏是規(guī)律性的重節(jié)奏是規(guī)律性的重復。音樂靠節(jié)拍體現(xiàn)節(jié)復。音樂靠節(jié)拍體現(xiàn)節(jié)奏，繪畫通過線條、形奏，繪畫通過線條、形狀肌理和色彩體現(xiàn)節(jié)奏。狀肌理和色彩體現(xiàn)節(jié)奏。節(jié)奏往往呈現(xiàn)一種秩序節(jié)奏往往呈現(xiàn)一種秩序美。

14、美。 網(wǎng)站美工設(shè)計基礎(chǔ) 韻律更多地呈現(xiàn)一種韻律更多地呈現(xiàn)一種靈活的流動美。它變節(jié)奏靈活的流動美。它變節(jié)奏的等距間隔為幾何級數(shù)的的等距間隔為幾何級數(shù)的變化間隔，賦予重復的音變化間隔，賦予重復的音節(jié)或圖形以強弱起伏、抑節(jié)或圖形以強弱起伏、抑揚頓挫的規(guī)律變化，產(chǎn)生揚頓挫的規(guī)律變化，產(chǎn)生優(yōu)美的律動感。節(jié)奏與韻優(yōu)美的律動感。節(jié)奏與韻律往往互相依存，互為因律往往互相依存，互為因果。果。網(wǎng)站美工設(shè)計基礎(chǔ)采用同一個圖形，在大小、顏色上作漸采用同一個圖形，在大小、顏色上作漸變，達到優(yōu)美旋律的追求。變，達到優(yōu)美旋律的追求。 網(wǎng)站美工設(shè)計基礎(chǔ) 四、對比與調(diào)和四、對比與調(diào)和 對比是差異性的強調(diào)，對比是差異性的強調(diào)，對

15、比的因素存在于相同或?qū)Ρ鹊囊蛩卮嬖谟谙嗤蛳喈惖男再|(zhì)之間。在版面相異的性質(zhì)之間。在版面設(shè)計中，缺少對比效果，設(shè)計中，缺少對比效果，就缺少活力。就缺少活力。 網(wǎng)站美工設(shè)計基礎(chǔ) 版面設(shè)計可以從諸多版面設(shè)計可以從諸多方面運用對比手法：如虛方面運用對比手法：如虛實、聚散、繁簡、主次、實、聚散、繁簡、主次、輕重、大小、方向、長短、輕重、大小、方向、長短、粗細、曲直、強弱、黑白、粗細、曲直、強弱、黑白、色相、純度、色調(diào)等的對色相、純度、色調(diào)等的對比。比。網(wǎng)站美工設(shè)計基礎(chǔ) 調(diào)和是指適合、舒調(diào)和是指適合、舒適、安定、統(tǒng)一，是近適、安定、統(tǒng)一，是近似性的強調(diào)，使兩者或似性的強調(diào)，使兩者或兩者以上的要素相互具兩者

16、以上的要素相互具有共性。有共性。網(wǎng)站美工設(shè)計基礎(chǔ)明暗對比明暗對比 網(wǎng)站美工設(shè)計基礎(chǔ) 對比中對比中的漸變的漸變網(wǎng)站美工設(shè)計基礎(chǔ) 五、變異與秩序五、變異與秩序 變異是一種在整體效果中的變異是一種在整體效果中的局部突變。將變異的原理用于版局部突變。將變異的原理用于版式設(shè)計，會使版面更活躍、更豐式設(shè)計，會使版面更活躍、更豐富、更有情趣，而異質(zhì)形象往往富、更有情趣，而異質(zhì)形象往往就是整個版面最具動感、最引人就是整個版面最具動感、最引人關(guān)注的焦點，也是其含義延伸或關(guān)注的焦點，也是其含義延伸或轉(zhuǎn)折的始端。轉(zhuǎn)折的始端。網(wǎng)站美工設(shè)計基礎(chǔ) 表現(xiàn)形式有位置、表現(xiàn)形式有位置、規(guī)律的轉(zhuǎn)移、色彩等的規(guī)律的轉(zhuǎn)移、色彩等的變

17、異，也可依據(jù)大小、變異，也可依據(jù)大小、方向、形狀的不同來構(gòu)方向、形狀的不同來構(gòu)成特異效果。成特異效果。網(wǎng)站美工設(shè)計基礎(chǔ)文字的部分變異，增強了版面的視覺感和意義。文字的部分變異，增強了版面的視覺感和意義。 網(wǎng)站美工設(shè)計基礎(chǔ)形象富形象富有秩序有秩序的變異的變異 網(wǎng)站美工設(shè)計基礎(chǔ) 六、虛實與留白六、虛實與留白 “虛與實虛與實”是中國畫是中國畫論對二維平面空間利用的論對二維平面空間利用的概括。是指占有實際版面概括。是指占有實際版面的部分是的部分是“實實”，留白的，留白的地方為地方為“虛虛”。 網(wǎng)站美工設(shè)計基礎(chǔ) 留白即可以完全是空白，留白即可以完全是空白，但有時也可以用細弱的文字、但有時也可以用細弱的文

18、字、圖形或淡淡的色彩來做底，圖形或淡淡的色彩來做底，這要根據(jù)內(nèi)容而定。在排版這要根據(jù)內(nèi)容而定。在排版設(shè)計中，巧妙地留白，是為設(shè)計中，巧妙地留白，是為了更好地襯托主題，造成版了更好地襯托主題，造成版面的空間層次。面的空間層次。網(wǎng)站美工設(shè)計基礎(chǔ)虛實層次使版面主次更加突出虛實層次使版面主次更加突出留白使想象更加豐富留白使想象更加豐富 4. 3 網(wǎng)頁的版式設(shè)計網(wǎng)頁的版式設(shè)計 所謂網(wǎng)頁的版式設(shè)計，是所謂網(wǎng)頁的版式設(shè)計，是在有限的屏幕空間上將視聽多在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，媒體元素進行有機的排列組合，將理性思維個性化的表現(xiàn)出來，將理性思維個性化的表現(xiàn)出來，是一種具有個人風格和藝

19、術(shù)特是一種具有個人風格和藝術(shù)特色的視聽傳達方式。色的視聽傳達方式。 它在傳達信息的同時，它在傳達信息的同時，也產(chǎn)生感官上的美感和精也產(chǎn)生感官上的美感和精神上的享受。同報刊雜志神上的享受。同報刊雜志等平面媒體的版式設(shè)計有等平面媒體的版式設(shè)計有很多共同之處，在網(wǎng)頁制很多共同之處，在網(wǎng)頁制作中占有重要的地位。作中占有重要的地位。網(wǎng)站美工設(shè)計基礎(chǔ) 4.3.1 網(wǎng)頁界面空間網(wǎng)頁界面空間 網(wǎng)頁界面空間是指網(wǎng)頁中多媒體元網(wǎng)頁界面空間是指網(wǎng)頁中多媒體元素的設(shè)計安排和多媒體元素呈現(xiàn)的信息素的設(shè)計安排和多媒體元素呈現(xiàn)的信息量的多少。網(wǎng)頁的界面設(shè)計一般和以下量的多少。網(wǎng)頁的界面設(shè)計一般和以下項目有所聯(lián)系：瀏覽軟件，

20、即網(wǎng)頁瀏覽項目有所聯(lián)系：瀏覽軟件，即網(wǎng)頁瀏覽器（工具欄、地址欄、狀態(tài)欄、菜單欄）器（工具欄、地址欄、狀態(tài)欄、菜單欄）和導航要素（主菜單、子菜單、搜索欄、和導航要素（主菜單、子菜單、搜索欄、歷史紀錄等）及各種內(nèi)容（標志、圖像、歷史紀錄等）及各種內(nèi)容（標志、圖像、文本、著作權(quán)標志等）文本、著作權(quán)標志等） 網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)頁的界面網(wǎng)頁的界面 網(wǎng)站美工設(shè)計基礎(chǔ) 4.3.2 網(wǎng)頁版式的基本類型網(wǎng)頁版式的基本類型 網(wǎng)頁版式的基本類型主要有：網(wǎng)頁版式的基本類型主要有： 骨格型、滿版型、分割型、中軸型、骨格型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、曲線型、傾斜型、對稱型、焦點型、三角型、自

21、由型。三角型、自由型。網(wǎng)站美工設(shè)計基礎(chǔ) 骨格形網(wǎng)頁骨格形網(wǎng)頁具有構(gòu)建的意味，具有構(gòu)建的意味，一般情況下都會一般情況下都會顯示其良好的條顯示其良好的條理性。理性。骨格型網(wǎng)頁版式示意圖骨格型網(wǎng)頁版式示意圖骨格型網(wǎng)頁版式骨格型網(wǎng)頁版式 骨格型網(wǎng)頁版式骨格型網(wǎng)頁版式網(wǎng)站美工設(shè)計基礎(chǔ) 滿版形網(wǎng)頁設(shè)計其充滿版形網(wǎng)頁設(shè)計其充實的版面整體性較好，但容實的版面整體性較好，但容易產(chǎn)生壓抑和無空間感，然易產(chǎn)生壓抑和無空間感，然而版面使用率高。反之，如而版面使用率高。反之，如果將版面統(tǒng)籌布局后留有大果將版面統(tǒng)籌布局后留有大量的空間，造成視覺上的低量的空間，造成視覺上的低版面率，會給人一種品味高版面率，會給人一種品味高

22、雅的格調(diào)。雅的格調(diào)。滿版型網(wǎng)頁版式示意圖滿版型網(wǎng)頁版式示意圖網(wǎng)站美工設(shè)計基礎(chǔ)滿版型網(wǎng)頁版式滿版型網(wǎng)頁版式 滿版型網(wǎng)頁版式滿版型網(wǎng)頁版式網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ) 分割形的分割形的網(wǎng)頁條分縷析，網(wǎng)頁條分縷析，板塊內(nèi)容界限板塊內(nèi)容界限分明，具有很分明，具有很強的秩序感和強的秩序感和條理性。條理性。分割型網(wǎng)頁版式示意圖分割型網(wǎng)頁版式示意圖網(wǎng)站美工設(shè)計基礎(chǔ)分割型網(wǎng)頁版式分割型網(wǎng)頁版式 分割型網(wǎng)頁版式分割型網(wǎng)頁版式網(wǎng)站美工設(shè)計基礎(chǔ) 中軸線形的中軸線形的網(wǎng)頁設(shè)計會產(chǎn)生網(wǎng)頁設(shè)計會產(chǎn)生一種強烈的親和一種強烈的親和力，不管是橫軸力，不管是橫軸或者是縱軸，都或者是縱軸，都會產(chǎn)生對稱的耦會產(chǎn)生對稱的耦合。合。

23、中軸型網(wǎng)頁版式示意圖中軸型網(wǎng)頁版式示意圖網(wǎng)站美工設(shè)計基礎(chǔ)縱軸型網(wǎng)頁版式縱軸型網(wǎng)頁版式 橫軸型網(wǎng)頁版式橫軸型網(wǎng)頁版式中軸線網(wǎng)頁版式中軸線網(wǎng)頁版式網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ)中軸線型網(wǎng)頁版式中軸線型網(wǎng)頁版式 網(wǎng)站美工設(shè)計基礎(chǔ) 曲線形的網(wǎng)曲線形的網(wǎng)頁設(shè)計容易產(chǎn)生頁設(shè)計容易產(chǎn)生流動感，這樣的流動感，這樣的版面會使人產(chǎn)生版面會使人產(chǎn)生舒暢、自由、暢舒暢、自由、暢達的感覺。達的感覺。 曲線型網(wǎng)頁版式示意圖曲線型網(wǎng)頁版式示意圖網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ)曲線型網(wǎng)頁版式曲線型網(wǎng)頁版式 曲線型網(wǎng)頁版式曲線型網(wǎng)頁版式網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ) 傾斜形的網(wǎng)傾斜形的網(wǎng)頁設(shè)計具有強烈頁設(shè)計具有強烈的方向感

24、和動勢，的方向感和動勢，適當編排會使版適當編排會使版面產(chǎn)生強烈的視面產(chǎn)生強烈的視覺沖擊力。覺沖擊力。傾斜型網(wǎng)頁版式示意圖傾斜型網(wǎng)頁版式示意圖網(wǎng)站美工設(shè)計基礎(chǔ)傾斜型網(wǎng)頁版式傾斜型網(wǎng)頁版式網(wǎng)站美工設(shè)計基礎(chǔ) 焦點型的網(wǎng)頁焦點型的網(wǎng)頁設(shè)計是通過各種輔設(shè)計是通過各種輔助手段，最終將視助手段，最終將視覺注意力集中到設(shè)覺注意力集中到設(shè)計者劃定的視覺區(qū)計者劃定的視覺區(qū)域之中，從而強化域之中，從而強化版面的主題。版面的主題。焦點型網(wǎng)頁版式示意圖焦點型網(wǎng)頁版式示意圖網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ) 焦點型網(wǎng)頁版式焦點型網(wǎng)頁版式 焦點型網(wǎng)頁版式焦點型網(wǎng)頁版式 網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ) 三角形具有最三角形具有最強的穩(wěn)定感，在網(wǎng)強的穩(wěn)定感，在網(wǎng)頁設(shè)計的版面中運頁設(shè)計的版面中運用三角形會使整個用三角形會使整個頁面產(chǎn)生構(gòu)架的穩(wěn)頁面產(chǎn)生構(gòu)架的穩(wěn)定性。定性。三角型網(wǎng)頁版式示意圖三角型網(wǎng)頁版式示意圖網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ)三角型網(wǎng)頁版式三角型