網(wǎng)站美工設(shè)計基礎(chǔ)第4章

1、網(wǎng)站美工設(shè)計基礎(chǔ)網(wǎng)站美工設(shè)計基礎(chǔ) 主講：袁捷北京廣播電視大學(xué)理工教學(xué)部北京廣播電視大學(xué)理工教學(xué)部E-Mail: 本章側(cè)重介紹版式設(shè)計的基本要素、類型及形式本章側(cè)重介紹版式設(shè)計的基本要素、類型及形式法則；了解網(wǎng)頁的界面空間；掌握網(wǎng)頁的版式構(gòu)成與設(shè)法則；了解網(wǎng)頁的界面空間；掌握網(wǎng)頁的版式構(gòu)成與設(shè)計；培養(yǎng)學(xué)習(xí)者對優(yōu)秀網(wǎng)頁版式分析和模仿能力。在完計；培養(yǎng)學(xué)習(xí)者對優(yōu)秀網(wǎng)頁版式分析和模仿能力。在完成基礎(chǔ)知識教學(xué)的同時，著重提高學(xué)習(xí)者對網(wǎng)頁版式設(shè)成基礎(chǔ)知識教學(xué)的同時，著重提高學(xué)習(xí)者對網(wǎng)頁版式設(shè)計的認(rèn)識和理解，加強對學(xué)習(xí)者實際動手能力的培養(yǎng)，計的認(rèn)識和理解，加強對學(xué)習(xí)者實

2、際動手能力的培養(yǎng)，使之最終能設(shè)計出優(yōu)秀網(wǎng)頁。使之最終能設(shè)計出優(yōu)秀網(wǎng)頁。學(xué)習(xí)目標(biāo)：第第4 4章章 網(wǎng)頁版式設(shè)計的圖文魅力網(wǎng)頁版式設(shè)計的圖文魅力 掌握：網(wǎng)頁版式的基本類型和網(wǎng)頁內(nèi)容的編輯。掌握：網(wǎng)頁版式的基本類型和網(wǎng)頁內(nèi)容的編輯。 理解：版式設(shè)計的形式法則。理解：版式設(shè)計的形式法則。 了解：版式設(shè)計的基本要素、網(wǎng)頁的界面空間。了解：版式設(shè)計的基本要素、網(wǎng)頁的界面空間。學(xué)習(xí)要求： 文字、圖形和色彩文字、圖形和色彩是版式設(shè)計中最基本的視覺是版式設(shè)計中最基本的視覺要素。它們有著各自不同的功能和作用。文字是非要素。它們有著各自不同的功能和作用。文字是非常有效的傳送信息的方式，具有很強的說服力，而常有效的傳

3、送信息的方式，具有很強的說服力，而圖片和色彩可以使設(shè)計更加美觀、更具吸引力，可圖片和色彩可以使設(shè)計更加美觀、更具吸引力，可以更直觀、生動地將信息表達出來。以更直觀、生動地將信息表達出來。4.1 4.1 版式設(shè)計的視覺要素和造型要素版式設(shè)計的視覺要素和造型要素4.1.1 4.1.1 版式設(shè)計的視覺要素版式設(shè)計的視覺要素在設(shè)計的不同類型中，文字、圖片和色彩這在設(shè)計的不同類型中，文字、圖片和色彩這三大要素的表達方式各有不同，因此，設(shè)計者在三大要素的表達方式各有不同，因此，設(shè)計者在處理版面時，必須掌握各要素的特征，以便于更處理版面時，必須掌握各要素的特征，以便于更有效、更合理地表現(xiàn)與傳達主題思想和設(shè)計

4、意圖。有效、更合理地表現(xiàn)與傳達主題思想和設(shè)計意圖。 1. 文字文字文字是版式設(shè)計中的重要構(gòu)成部分。它不僅是文字是版式設(shè)計中的重要構(gòu)成部分。它不僅是語言信息的載體，也是具有視覺識別特征的符號系語言信息的載體，也是具有視覺識別特征的符號系統(tǒng)，更是一種高尚的藝術(shù)表現(xiàn)形式。文字的作用已統(tǒng)，更是一種高尚的藝術(shù)表現(xiàn)形式。文字的作用已提升到啟迪性和宣傳性、引領(lǐng)人們的審美時尚的新提升到啟迪性和宣傳性、引領(lǐng)人們的審美時尚的新視角。視角。文字是版面的核心，也是視覺傳達最直接的方文字是版面的核心，也是視覺傳達最直接的方式，運用經(jīng)過精心處理的文字材料，完全可以制作式，運用經(jīng)過精心處理的文字材料，完全可以制作出效果很好

5、的版面，而不需要任何圖形。因此，文出效果很好的版面，而不需要任何圖形。因此，文字設(shè)計是增強視覺傳達效果，提高作品訴求力，賦字設(shè)計是增強視覺傳達效果，提高作品訴求力，賦予版式審美價值的一種重要構(gòu)成技術(shù)。予版式審美價值的一種重要構(gòu)成技術(shù)。（1）字體和字號）字體和字號字體是文字最基本的元素，字體的設(shè)計、選用字體是文字最基本的元素，字體的設(shè)計、選用是版式構(gòu)成的基礎(chǔ)。在版式設(shè)計中，字體首先作為是版式構(gòu)成的基礎(chǔ)。在版式設(shè)計中，字體首先作為造型元素而出現(xiàn)，在運用中不同字體造型具有不同造型元素而出現(xiàn)，在運用中不同字體造型具有不同的獨立品格，給予人不同的視覺感受和比較直接的的獨立品格，給予人不同的視覺感受和比較

6、直接的視覺訴求力。中文常用的字體主要有宋體、仿宋體、視覺訴求力。中文常用的字體主要有宋體、仿宋體、黑體和楷書黑體和楷書4種。種。字號是區(qū)分文字規(guī)格大小的名稱，字號大小可字號是區(qū)分文字規(guī)格大小的名稱，字號大小可以用不同的方式來計算，例如點數(shù)也稱磅（以用不同的方式來計算，例如點數(shù)也稱磅（point）或像素（或像素（pixel）?，F(xiàn)在電腦排版系統(tǒng)的字號多數(shù)以）?，F(xiàn)在電腦排版系統(tǒng)的字號多數(shù)以點數(shù)來計算的。點數(shù)來計算的。1點為點為0.35mm，現(xiàn)代版式設(shè)計的正，現(xiàn)代版式設(shè)計的正文用字一般在文用字一般在57點，書籍上正文用的比較多的是點，書籍上正文用的比較多的是五號字，為五號字，為10.5點，點，3.69

7、mm。字號的大小直接影響。字號的大小直接影響到閱讀效果和版面美觀，因此要根據(jù)內(nèi)容和閱讀對到閱讀效果和版面美觀，因此要根據(jù)內(nèi)容和閱讀對象來確定字號的大小。象來確定字號的大小。（2）字距與行距）字距與行距字距與行距的變化也會對文本的可讀性產(chǎn)生很字距與行距的變化也會對文本的可讀性產(chǎn)生很大影響，是設(shè)計師設(shè)計品位的直接體現(xiàn)。一般情況大影響，是設(shè)計師設(shè)計品位的直接體現(xiàn)。一般情況下，接近字體尺寸的行距設(shè)置比較適合正文。行距下，接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為的常規(guī)比例為10：12，即用字，即用字10點，則行距點，則行距12點。點。適當(dāng)?shù)男芯鄷纬梢粭l明顯的水平空白帶，以引導(dǎo)適當(dāng)?shù)男芯鄷?/p>

8、成一條明顯的水平空白帶，以引導(dǎo)瀏覽者的目光，而行距過寬會使一行文字失去較好瀏覽者的目光，而行距過寬會使一行文字失去較好的延續(xù)性。的延續(xù)性。除了對于可讀性的影響，字距和行距本身也是具除了對于可讀性的影響，字距和行距本身也是具有很強表現(xiàn)力的設(shè)計語言，為了加強版式的裝飾效有很強表現(xiàn)力的設(shè)計語言，為了加強版式的裝飾效果，可以有意識地加寬或縮窄字距和行距，體現(xiàn)獨果，可以有意識地加寬或縮窄字距和行距，體現(xiàn)獨特的審美情趣。例如，加寬行距可以體現(xiàn)輕松、舒特的審美情趣。例如，加寬行距可以體現(xiàn)輕松、舒展的情緒，應(yīng)用于娛樂性、抒情性的內(nèi)容恰如其分。展的情緒，應(yīng)用于娛樂性、抒情性的內(nèi)容恰如其分。另外，通過精心安排，使

9、寬、窄行距并存，可增強另外，通過精心安排，使寬、窄行距并存，可增強版面的空間層次與彈性，表現(xiàn)出獨到的匠心。因此，版面的空間層次與彈性，表現(xiàn)出獨到的匠心。因此，字距和行距不是絕對的，應(yīng)根據(jù)實際情況而定。字距和行距不是絕對的，應(yīng)根據(jù)實際情況而定。 2. 圖形圖形版式設(shè)計中圖形元素同樣有著十分重要的作用。版式設(shè)計中圖形元素同樣有著十分重要的作用。一方面，圖形的應(yīng)用使版面更加美觀、有趣；另一一方面，圖形的應(yīng)用使版面更加美觀、有趣；另一方面，圖形本身也是傳達信息的重要手段之一。與方面，圖形本身也是傳達信息的重要手段之一。與文字相比，它直觀、生動，可以很容易地把那些文文字相比，它直觀、生動，可以很容易地把

10、那些文字無法表達的信息表達出來，易于瀏覽者理解和接字無法表達的信息表達出來，易于瀏覽者理解和接受，具有視覺效果和導(dǎo)讀效果。受，具有視覺效果和導(dǎo)讀效果。圖形元素的表現(xiàn)形式可分為兩大類：一類是以攝圖形元素的表現(xiàn)形式可分為兩大類：一類是以攝影、寫實手法為主，稱為影、寫實手法為主，稱為“圖片圖片”；另一類是以手；另一類是以手繪、電腦繪制為主，稱為繪、電腦繪制為主，稱為“圖形圖形”。圖片可以使版面立體、真實。它能具體而直接地圖片可以使版面立體、真實。它能具體而直接地把設(shè)計中的意念表現(xiàn)出來，使本來平淡的事物變成把設(shè)計中的意念表現(xiàn)出來，使本來平淡的事物變成強而有力的訴求性畫面，極具感染力和說服力，容強而有力

11、的訴求性畫面，極具感染力和說服力，容易引起讀者共鳴。如圖易引起讀者共鳴。如圖4-1和和4-2所示。所示。圖4-1 人物攝影（一）圖4-2 人物攝影（二）圖形以其獨特的想圖形以其獨特的想象力、創(chuàng)造力及超現(xiàn)實象力、創(chuàng)造力及超現(xiàn)實的自由構(gòu)造，在版式設(shè)的自由構(gòu)造，在版式設(shè)計中展示著獨特的視覺計中展示著獨特的視覺魅力。如圖魅力。如圖4-3所示。所示。圖4-3 手繪圖形 3. 色彩色彩色彩為版式設(shè)計增添了許多魅力，色彩既有美色彩為版式設(shè)計增添了許多魅力，色彩既有美化作用又具實用的功能，更能夠隨意變化。同時，化作用又具實用的功能，更能夠隨意變化。同時，彩色比單一色調(diào)更讓人印象深刻且容易記憶。文字彩色比單一色

12、調(diào)更讓人印象深刻且容易記憶。文字與色彩的整合更加深了視覺的傳播效果，字型及字與色彩的整合更加深了視覺的傳播效果，字型及字的格調(diào)氣氛也可以透過色彩來改變。色彩能起到畫的格調(diào)氣氛也可以透過色彩來改變。色彩能起到畫龍點睛和錦上添花的作用，但運用不當(dāng)也會破壞版龍點睛和錦上添花的作用，但運用不當(dāng)也會破壞版面的整體效果。因此，如何運用好色彩也是版式設(shè)面的整體效果。因此，如何運用好色彩也是版式設(shè)計要解決的主要問題。計要解決的主要問題。 在所有的視覺要素中，就藝術(shù)和設(shè)計而言，色在所有的視覺要素中，就藝術(shù)和設(shè)計而言，色彩最能影響情緒。在設(shè)計中，設(shè)計師不能單憑主觀彩最能影響情緒。在設(shè)計中，設(shè)計師不能單憑主觀喜好，

13、而一定要從主題內(nèi)容出發(fā)并以讀者為主體，喜好，而一定要從主題內(nèi)容出發(fā)并以讀者為主體，例如心理、喜好、年齡、性別等等因素，這些都是例如心理、喜好、年齡、性別等等因素，這些都是作出準(zhǔn)確定位的依據(jù)。圖作出準(zhǔn)確定位的依據(jù)。圖4-4示意不同色調(diào)可以體現(xiàn)示意不同色調(diào)可以體現(xiàn)不同的主題。不同的主題。圖4-4 不同的色調(diào)體現(xiàn)著不同主題的網(wǎng)站 點、線、面點、線、面是一切造型的基礎(chǔ)，也是版式構(gòu)成的主是一切造型的基礎(chǔ)，也是版式構(gòu)成的主要語言。不管版面的內(nèi)容與形式如何復(fù)雜，最終都可以要語言。不管版面的內(nèi)容與形式如何復(fù)雜，最終都可以簡化到點、線、面上來。在平面設(shè)計師眼里，一切形象簡化到點、線、面上來。在平面設(shè)計師眼里，一

14、切形象都可以歸納為點、線、面，一個字母、一個數(shù)字、一個都可以歸納為點、線、面，一個字母、一個數(shù)字、一個頁碼數(shù)等都可以理解為一個點；一行文字可以理解為一頁碼數(shù)等都可以理解為一個點；一行文字可以理解為一條線；一張圖片或圖形、一片空白可以理解為面。版式條線；一張圖片或圖形、一片空白可以理解為面。版式設(shè)計就是在版面空間中處理和協(xié)調(diào)好點、線、面的相互設(shè)計就是在版面空間中處理和協(xié)調(diào)好點、線、面的相互依存、相互作用的關(guān)系，組合出各種各樣的形態(tài)，構(gòu)建依存、相互作用的關(guān)系，組合出各種各樣的形態(tài)，構(gòu)建成一個個千變?nèi)f化的全新版面。成一個個千變?nèi)f化的全新版面。 4.1.2 4.1.2 版式設(shè)計的造型要素版式設(shè)計的造型

15、要素 1. 點點越小的形態(tài)越能給人以點的感覺，點在造型越小的形態(tài)越能給人以點的感覺，點在造型要素中是最基本的形態(tài)，也是最細(xì)小單位。點的要素中是最基本的形態(tài)，也是最細(xì)小單位。點的感覺是相對的，它是由形狀、方向、大小、位置感覺是相對的，它是由形狀、方向、大小、位置等形式構(gòu)成的。不同的排列和組合方式給人的感等形式構(gòu)成的。不同的排列和組合方式給人的感覺也不同。如圖覺也不同。如圖4-5所示。所示。圖4-5 點構(gòu)成的圖形 2. 線線線游離于點與形之間，具有長度、寬度、位置，線游離于點與形之間，具有長度、寬度、位置，并具有空間方向感。每一種線都以它自己獨特的個并具有空間方向感。每一種線都以它自己獨特的個性與

16、情感存在著。線有直線和曲線兩種基本類型，性與情感存在著。線有直線和曲線兩種基本類型，不同類型的線有不同的性格。直線一般表示靜，曲不同類型的線有不同的性格。直線一般表示靜，曲線則表示動，折線表示不安定。將各種線運用到版線則表示動，折線表示不安定。將各種線運用到版面設(shè)計中去，就會獲得各種不同的效果。面設(shè)計中去，就會獲得各種不同的效果。圖4-5 線構(gòu)成的圖形 3. 面面面只具有長、寬亮度空間，沒有厚度。面也稱面只具有長、寬亮度空間，沒有厚度。面也稱為為“形形”，是設(shè)計中的重要因素。面在空間上占有，是設(shè)計中的重要因素。面在空間上占有的面積最多，因而在視覺上要比點、線來得強烈、的面積最多，因而在視覺上要

17、比點、線來得強烈、實在，具有鮮明的個性特征。面可分為幾何形和自實在，具有鮮明的個性特征。面可分為幾何形和自由形兩大類。因此，在排版設(shè)計時要把握相互間整由形兩大類。因此，在排版設(shè)計時要把握相互間整體的和諧，才能產(chǎn)生具有美感的視覺形式。體的和諧，才能產(chǎn)生具有美感的視覺形式。圖4-5 面構(gòu)成的圖形探討形式美的法則，是所有設(shè)計學(xué)科共同的課題，探討形式美的法則，是所有設(shè)計學(xué)科共同的課題，美是每一個人追求的精神享受。在現(xiàn)實生活中，由于美是每一個人追求的精神享受。在現(xiàn)實生活中，由于人們所處經(jīng)濟地位、文化素質(zhì)、價值觀念等不同而具人們所處經(jīng)濟地位、文化素質(zhì)、價值觀念等不同而具有不同的審美觀念。然而單從形式條件來

18、評價某一事有不同的審美觀念。然而單從形式條件來評價某一事物或某一視覺形象時，美或丑在大多數(shù)人中間存在著物或某一視覺形象時，美或丑在大多數(shù)人中間存在著一種關(guān)于美丑衡量的基本相通的共識。一種關(guān)于美丑衡量的基本相通的共識。4.2 4.2 版式設(shè)計的審美形式原理版式設(shè)計的審美形式原理 這種共識是從人們長期生產(chǎn)、生活實踐中積累這種共識是從人們長期生產(chǎn)、生活實踐中積累的，而正是這些源于生活積累的共識，使我們逐漸的，而正是這些源于生活積累的共識，使我們逐漸發(fā)現(xiàn)了形式美的基本法則。時至今日，形式美的基發(fā)現(xiàn)了形式美的基本法則。時至今日，形式美的基本法則已經(jīng)成為現(xiàn)代設(shè)計的理論基礎(chǔ)知識。在設(shè)計本法則已經(jīng)成為現(xiàn)代設(shè)計

19、的理論基礎(chǔ)知識。在設(shè)計構(gòu)圖的實踐上，更具有它的重要性。構(gòu)圖的實踐上，更具有它的重要性。 1. 對稱與均衡對稱與均衡對稱與均衡是圖案最基本的兩種組織和構(gòu)成形對稱與均衡是圖案最基本的兩種組織和構(gòu)成形式。對稱是指圖形或物體對某個中心點、中心線、式。對稱是指圖形或物體對某個中心點、中心線、對稱面，在形狀、大小或排列上具有一一對應(yīng)的關(guān)對稱面，在形狀、大小或排列上具有一一對應(yīng)的關(guān)系；均衡是不對稱形態(tài)的一種平衡。對稱與均衡是系；均衡是不對稱形態(tài)的一種平衡。對稱與均衡是取得良好的視覺平衡的兩種形式。對稱體現(xiàn)了靜感取得良好的視覺平衡的兩種形式。對稱體現(xiàn)了靜感與穩(wěn)定性，具有端莊，安定的美；均衡則表現(xiàn)了動與穩(wěn)定性，

20、具有端莊，安定的美；均衡則表現(xiàn)了動感和變化性，具有生動、活潑的美。感和變化性，具有生動、活潑的美。巧妙地使用對稱與均衡，可以使所要表現(xiàn)的事巧妙地使用對稱與均衡，可以使所要表現(xiàn)的事物呈現(xiàn)出物呈現(xiàn)出“動中有靜、靜中有動動中有靜、靜中有動”的秩序感。如圖的秩序感。如圖4-6所示。所示。圖4-6 文字與圖片的均衡 2. 重復(fù)與交錯重復(fù)與交錯在版面設(shè)計中，常不斷重復(fù)使用的基本形或線，在版面設(shè)計中，常不斷重復(fù)使用的基本形或線，且它們的形狀、大小、方向都是相同的。重復(fù)使設(shè)且它們的形狀、大小、方向都是相同的。重復(fù)使設(shè)計產(chǎn)生安定、整齊、規(guī)律的統(tǒng)一。但重復(fù)構(gòu)成的視計產(chǎn)生安定、整齊、規(guī)律的統(tǒng)一。但重復(fù)構(gòu)成的視覺感受

21、有時容易顯得呆板、平淡、缺乏趣味性的變覺感受有時容易顯得呆板、平淡、缺乏趣味性的變化，因此在版面中可安排一些交錯與重疊，使版面化，因此在版面中可安排一些交錯與重疊，使版面變得靈活。變得靈活。圖4-6 重復(fù)和交錯 3. 節(jié)奏與韻律節(jié)奏與韻律節(jié)奏是規(guī)律性的重復(fù)。音樂靠節(jié)拍體現(xiàn)節(jié)奏，繪節(jié)奏是規(guī)律性的重復(fù)。音樂靠節(jié)拍體現(xiàn)節(jié)奏，繪畫通過線條、形狀和色彩體現(xiàn)節(jié)奏。節(jié)奏往往呈現(xiàn)一畫通過線條、形狀和色彩體現(xiàn)節(jié)奏。節(jié)奏往往呈現(xiàn)一種秩序美。在版面設(shè)計中，沒有節(jié)奏的版面肯定是沉種秩序美。在版面設(shè)計中，沒有節(jié)奏的版面肯定是沉悶的。在圖案中將圖案按照等距格式反復(fù)排列，作空悶的。在圖案中將圖案按照等距格式反復(fù)排列，作空間

22、位置的伸展，如連續(xù)的線、斷續(xù)的面等，就會產(chǎn)生間位置的伸展，如連續(xù)的線、斷續(xù)的面等，就會產(chǎn)生節(jié)奏。節(jié)奏。 韻律更多地呈現(xiàn)一種靈活的流動美。它變節(jié)奏韻律更多地呈現(xiàn)一種靈活的流動美。它變節(jié)奏的等距間隔為幾何級數(shù)的變化間隔，賦予重復(fù)的音的等距間隔為幾何級數(shù)的變化間隔，賦予重復(fù)的音節(jié)或圖形以強弱起伏、抑揚頓挫的規(guī)律變化，就會節(jié)或圖形以強弱起伏、抑揚頓挫的規(guī)律變化，就會產(chǎn)生優(yōu)美的律動感。產(chǎn)生優(yōu)美的律動感。節(jié)奏與韻律往往互相依存，互為因果。韻律在節(jié)奏與韻律往往互相依存，互為因果。韻律在節(jié)奏基礎(chǔ)上豐富，節(jié)奏是在韻律基礎(chǔ)上的發(fā)展。如節(jié)奏基礎(chǔ)上豐富，節(jié)奏是在韻律基礎(chǔ)上的發(fā)展。如圖圖4-7所示。所示。圖4-7 節(jié)奏

23、和韻律 4. 對比與調(diào)和對比與調(diào)和對比是差異性的強調(diào)，對比的因素存在于相同對比是差異性的強調(diào)，對比的因素存在于相同或相異的性質(zhì)之間。在版面設(shè)計中，缺少對比效果，或相異的性質(zhì)之間。在版面設(shè)計中，缺少對比效果，就缺少活力，就不能在視覺上抓住人。版面設(shè)計可就缺少活力，就不能在視覺上抓住人。版面設(shè)計可以從諸多方面運用對比手法，如虛實、聚散、繁簡、以從諸多方面運用對比手法，如虛實、聚散、繁簡、疏密、主次、輕重、大小、方圓、長短、粗細(xì)、曲疏密、主次、輕重、大小、方圓、長短、粗細(xì)、曲直、強弱、黑白等，在彩色報紙上還有色調(diào)冷暖對直、強弱、黑白等，在彩色報紙上還有色調(diào)冷暖對比、補色對比等。比、補色對比等。 調(diào)和

24、是指適合、舒適、安定、統(tǒng)一，是近似性調(diào)和是指適合、舒適、安定、統(tǒng)一，是近似性的強調(diào)，使兩者或兩者以上的要素相互具有共性。的強調(diào)，使兩者或兩者以上的要素相互具有共性。在版面設(shè)計中，假若只有對比而缺少調(diào)和，版面就在版面設(shè)計中，假若只有對比而缺少調(diào)和，版面就會缺少秩序和安定的美感。調(diào)和有兩層意義，第一，會缺少秩序和安定的美感。調(diào)和有兩層意義，第一，是指版面中占絕對優(yōu)勢的某種視覺元素統(tǒng)轄整體，是指版面中占絕對優(yōu)勢的某種視覺元素統(tǒng)轄整體，使對比性元素居于從屬地位；第二，是指在互相的使對比性元素居于從屬地位；第二，是指在互相的對應(yīng)的元素中尋找對應(yīng)的元素中尋找“妥協(xié)妥協(xié)”點，使二者的矛盾沖突點，使二者的矛盾

25、沖突得以緩和，獲得新的平衡，取得調(diào)和效果。得以緩和，獲得新的平衡，取得調(diào)和效果。 5. 變異與秩序變異與秩序變異是規(guī)律的突破，是一種在整體效果中的局部變異是規(guī)律的突破，是一種在整體效果中的局部突變。在諸多相同性質(zhì)的形象中，如果有個別異質(zhì)性突變。在諸多相同性質(zhì)的形象中，如果有個別異質(zhì)性的形象就會打破原有的單調(diào)格局。將變異的原理用于的形象就會打破原有的單調(diào)格局。將變異的原理用于版式設(shè)計，會使版面更活躍、更豐富、更有情趣，而版式設(shè)計，會使版面更活躍、更豐富、更有情趣，而異質(zhì)形象往往就是整個版面最具動感、最引人關(guān)注的異質(zhì)形象往往就是整個版面最具動感、最引人關(guān)注的焦點，也是其含義延伸或轉(zhuǎn)折的始端。變異的

26、表現(xiàn)形焦點，也是其含義延伸或轉(zhuǎn)折的始端。變異的表現(xiàn)形式有位置的變異、規(guī)律的轉(zhuǎn)移、色彩的變異、也可依式有位置的變異、規(guī)律的轉(zhuǎn)移、色彩的變異、也可依據(jù)大小、方向、形狀的不同來構(gòu)成特異效果。據(jù)大小、方向、形狀的不同來構(gòu)成特異效果。圖4-8 變異與秩序 6. 虛實與留白虛實與留白“計白當(dāng)黑計白當(dāng)黑”作為傳統(tǒng)審美觀念的基礎(chǔ)，是中作為傳統(tǒng)審美觀念的基礎(chǔ)，是中國畫論對二維平面中空間利用的概括，也是視覺造國畫論對二維平面中空間利用的概括，也是視覺造型的基本原理。它是指編排的內(nèi)容是型的基本原理。它是指編排的內(nèi)容是“黑黑”，也就，也就是實體，即形象。形象空間占據(jù)相應(yīng)位置后，相對是實體，即形象。形象空間占據(jù)相應(yīng)位置

27、后，相對就產(chǎn)生了虛空間，即就產(chǎn)生了虛空間，即“陰陽相抱，虛實相生陰陽相抱，虛實相生”的的“空白空間空白空間”，在版面設(shè)計中就是其中的空白部分，在版面設(shè)計中就是其中的空白部分，需斤斤計較的就是這虛的需斤斤計較的就是這虛的“白白”。 留白是留白是“虛虛”的特殊表現(xiàn)手法，即沒有任何圖的特殊表現(xiàn)手法，即沒有任何圖文出現(xiàn)的空白為文出現(xiàn)的空白為“底底”，有時也可為細(xì)弱的文字、，有時也可為細(xì)弱的文字、圖形或色彩，這要根據(jù)內(nèi)容而定。留白的感覺是一圖形或色彩，這要根據(jù)內(nèi)容而定。留白的感覺是一種輕松，最大的作用是引人注意。在排版設(shè)計中，種輕松，最大的作用是引人注意。在排版設(shè)計中，巧妙地留白，講究空白之美，是為了更

28、好地襯托主巧妙地留白，講究空白之美，是為了更好地襯托主題，集中視線和造成版面的空間層次。如圖題，集中視線和造成版面的空間層次。如圖4-8所示。所示。圖4-8 留白使形象更加突出網(wǎng)頁的版式設(shè)計同報紙雜志等平面媒體的版式設(shè)計網(wǎng)頁的版式設(shè)計同報紙雜志等平面媒體的版式設(shè)計有很多共同之處，它在網(wǎng)頁的藝術(shù)設(shè)計中占據(jù)著重要的有很多共同之處，它在網(wǎng)頁的藝術(shù)設(shè)計中占據(jù)著重要的地位。所謂地位。所謂網(wǎng)頁的版式設(shè)計網(wǎng)頁的版式設(shè)計，是在有限的屏幕空間上將，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性視聽多媒體元素進行有機的排列組合，將理性思維個性化地表現(xiàn)出來，是一種具有個人風(fēng)格和藝術(shù)特色的視聽

29、化地表現(xiàn)出來，是一種具有個人風(fēng)格和藝術(shù)特色的視聽傳達方式。它在傳達信息的同時，也帶來感官上的美感傳達方式。它在傳達信息的同時，也帶來感官上的美感和精神上的享受。和精神上的享受。4.3 4.3 網(wǎng)頁的版式設(shè)計網(wǎng)頁的版式設(shè)計 網(wǎng)頁界面空間制約了網(wǎng)頁中多媒體元素的設(shè)計安排網(wǎng)頁界面空間制約了網(wǎng)頁中多媒體元素的設(shè)計安排和多媒體元素所呈現(xiàn)的信息量，即能夠看到的該網(wǎng)站的和多媒體元素所呈現(xiàn)的信息量，即能夠看到的該網(wǎng)站的畫面。網(wǎng)頁的界面設(shè)計一般和以下項目有所聯(lián)系：瀏覽畫面。網(wǎng)頁的界面設(shè)計一般和以下項目有所聯(lián)系：瀏覽軟件，即網(wǎng)頁瀏覽器（工具欄、地址欄、狀態(tài)欄、菜單軟件，即網(wǎng)頁瀏覽器（工具欄、地址欄、狀態(tài)欄、菜單欄

30、）和導(dǎo)航要素（主菜單、子菜單、搜索欄、歷史記錄欄）和導(dǎo)航要素（主菜單、子菜單、搜索欄、歷史記錄等）及各種內(nèi)容（標(biāo)志、圖像、文本、著作權(quán)標(biāo)志等）。等）及各種內(nèi)容（標(biāo)志、圖像、文本、著作權(quán)標(biāo)志等）。如圖如圖4-9所示。所示。4.3.1 4.3.1 網(wǎng)頁界面空間網(wǎng)頁界面空間圖4-9 網(wǎng)頁的界面 網(wǎng)頁版式的基本類型主要有骨格型、滿版型、分網(wǎng)頁版式的基本類型主要有骨格型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、割型、中軸型、曲線型、傾斜型、對稱型、焦點型、三角型和自由型。三角型和自由型。4.3.2 4.3.2 網(wǎng)頁版式的基本類型網(wǎng)頁版式的基本類型1. 骨格型骨格型 網(wǎng)頁版式的骨格型是一種

31、規(guī)范的、理性的分網(wǎng)頁版式的骨格型是一種規(guī)范的、理性的分割方法，類似于報刊的版式。常見的骨格有豎向割方法，類似于報刊的版式。常見的骨格有豎向通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。這種版式三欄和四欄等。一般以豎向分欄為多。這種版式給人以和諧、理性的美。幾種分欄方式結(jié)合使用，給人以和諧、理性的美。幾種分欄方式結(jié)合使用，既理性、條理，又活潑而富有彈性。如圖既理性、條理，又活潑而富有彈性。如圖4-10和和4-11所示。所示。圖4-10 骨格型網(wǎng)頁版式圖4-11 骨格型網(wǎng)頁版式 2. 滿版型滿版型 頁面以圖像充滿整版，即為滿版

32、型。它主要頁面以圖像充滿整版，即為滿版型。它主要以圖像為訴求點，也可將部分文字壓置于圖像之以圖像為訴求點，也可將部分文字壓置于圖像之上，其視覺傳達效果直觀而強烈。滿版型給人以上，其視覺傳達效果直觀而強烈。滿版型給人以舒展、大方的感覺。隨著寬帶的普及，這種版式舒展、大方的感覺。隨著寬帶的普及，這種版式在網(wǎng)頁設(shè)計中的運用越來越多。如圖在網(wǎng)頁設(shè)計中的運用越來越多。如圖4-12所示。所示。圖4-12 滿版型網(wǎng)頁版式 3. 分割型分割型 分割型是把整個頁面分成上下或左右兩部分，分分割型是把整個頁面分成上下或左右兩部分，分別安排圖片和文案。兩個部分形成對比，有圖片的部別安排圖片和文案。兩個部分形成對比，有

33、圖片的部分感性而具活力，文案部分則理性而平靜?？梢酝ㄟ^分感性而具活力，文案部分則理性而平靜?？梢酝ㄟ^調(diào)整圖片和文案所占的面積，來調(diào)節(jié)對比的強弱。例調(diào)整圖片和文案所占的面積，來調(diào)節(jié)對比的強弱。例如：如果圖片所占比例過大，文案使用的字體過于纖如：如果圖片所占比例過大，文案使用的字體過于纖細(xì)；如果字距、行距、段落的安排很疏落，則會造成細(xì)；如果字距、行距、段落的安排很疏落，則會造成視覺心理的不平衡，顯得生硬。倘若通過文字或圖片視覺心理的不平衡，顯得生硬。倘若通過文字或圖片將分割線虛化處理，就會產(chǎn)生自然和諧的效果。將分割線虛化處理，就會產(chǎn)生自然和諧的效果。圖4-13 分割型網(wǎng)頁版式 4. 中軸型中軸型

34、中軸型是沿瀏覽器窗口的中軸將圖片或文字中軸型是沿瀏覽器窗口的中軸將圖片或文字作水平或垂直方向的排列。水平排列的頁面給人作水平或垂直方向的排列。水平排列的頁面給人穩(wěn)定、平靜、含蓄的感覺；垂直排列的頁面給人穩(wěn)定、平靜、含蓄的感覺；垂直排列的頁面給人以舒暢的感覺。如圖以舒暢的感覺。如圖4-13和和4-14所示。所示。圖4-14 中軸型網(wǎng)頁版式 5. 曲線型曲線型 圖片、文字在頁面上作曲線的分割或編排構(gòu)圖片、文字在頁面上作曲線的分割或編排構(gòu)成，產(chǎn)生韻律與節(jié)奏的排版方式為曲線型。如圖成，產(chǎn)生韻律與節(jié)奏的排版方式為曲線型。如圖4-15所示。所示。圖4-15 曲線型網(wǎng)頁版式 6. 傾斜型傾斜型 傾斜型是將頁

35、面主題形象或多幅圖片、文字傾斜型是將頁面主題形象或多幅圖片、文字作傾斜編排，形成不穩(wěn)定感或強烈的動感，引人作傾斜編排，形成不穩(wěn)定感或強烈的動感，引人注目。如圖注目。如圖4-16所示。所示。圖4-16 傾斜型網(wǎng)頁版式 7. 對稱型對稱型 對稱的頁面給人穩(wěn)定、嚴(yán)謹(jǐn)、莊重、理性的感受。對稱的頁面給人穩(wěn)定、嚴(yán)謹(jǐn)、莊重、理性的感受。對稱分為絕對對稱和相對對稱。一般采用相對對稱的對稱分為絕對對稱和相對對稱。一般采用相對對稱的手法，以避免呆板。左右對稱的頁面版式設(shè)計比較常手法，以避免呆板。左右對稱的頁面版式設(shè)計比較常見。見。 四角型也是對稱型的一種，是在頁面四角安排相四角型也是對稱型的一種，是在頁面四角安排

36、相應(yīng)的視覺元素。四個角是頁面的邊界點，重要性不可應(yīng)的視覺元素。四個角是頁面的邊界點，重要性不可低估。在四個角安排任何內(nèi)容都能產(chǎn)生安定感?？刂频凸馈Ｔ谒膫€角安排任何內(nèi)容都能產(chǎn)生安定感。控制好頁面的四個角，也就控制了頁面的空間。越是凌亂好頁面的四個角，也就控制了頁面的空間。越是凌亂的頁面，越要注意對四個角的控制。的頁面，越要注意對四個角的控制。圖4-16 對稱型網(wǎng)頁版式 8. 焦點型焦點型 焦點型的網(wǎng)頁版式通過對視線的誘導(dǎo)，使頁面焦點型的網(wǎng)頁版式通過對視線的誘導(dǎo)，使頁面具有強烈的視覺效果。焦點型分具有強烈的視覺效果。焦點型分3種情況：種情況：（1）中心：以對比強烈的圖片或文字置于頁面的視）中心：以

37、對比強烈的圖片或文字置于頁面的視覺中心。覺中心。（2）向心：視覺元素引導(dǎo)瀏覽者視線向頁面中心聚）向心：視覺元素引導(dǎo)瀏覽者視線向頁面中心聚攏，就形成了一個向心的版式。向心版式是集中的、攏，就形成了一個向心的版式。向心版式是集中的、穩(wěn)定的，是一種傳統(tǒng)的手法。穩(wěn)定的，是一種傳統(tǒng)的手法。（3）離心：視覺元素引導(dǎo)瀏覽者視線向外輻射，則）離心：視覺元素引導(dǎo)瀏覽者視線向外輻射，則形成一個離心的網(wǎng)頁版式。離心版式是外向的、活潑形成一個離心的網(wǎng)頁版式。離心版式是外向的、活潑的，更具現(xiàn)代感，運用時應(yīng)注意避免凌亂。如圖所示的，更具現(xiàn)代感，運用時應(yīng)注意避免凌亂。如圖所示4-17和和4-18所示。所示。圖4-17 焦點

38、型之離心型圖4-18 焦點型之離心型 9. 三角型三角型 網(wǎng)頁各視覺元素呈三角形排列。正三角形網(wǎng)頁各視覺元素呈三角形排列。正三角形（金字塔形）最具穩(wěn)定性，倒三角形則產(chǎn)生動（金字塔形）最具穩(wěn)定性，倒三角形則產(chǎn)生動感。側(cè)三角形構(gòu)成一種均衡版式，既安定又有感。側(cè)三角形構(gòu)成一種均衡版式，既安定又有動感。動感。圖4-19 三角型網(wǎng)頁版式 10. 自由型自由型 自由型的頁面具有活潑、輕快的風(fēng)格。如自由型的頁面具有活潑、輕快的風(fēng)格。如圖圖4-19所示。所示。圖4-19 自由型網(wǎng)頁版式4.3.3 4.3.3 網(wǎng)頁版式的視覺流程設(shè)計網(wǎng)頁版式的視覺流程設(shè)計所謂視覺流程，就是人的視覺在接受外界信息所謂視覺流程，就是

39、人的視覺在接受外界信息時的流動程序。這是因為人的視野極為有限，不能時的流動程序。這是因為人的視野極為有限，不能同時感受所有的物象，必須按照一定的流動順序進同時感受所有的物象，必須按照一定的流動順序進行運動，來感知外部環(huán)境。版面設(shè)計的視覺流程是行運動，來感知外部環(huán)境。版面設(shè)計的視覺流程是一種一種“空間的運動空間的運動”，是視線隨各元素在空間沿一，是視線隨各元素在空間沿一定軌跡運動的過程。這種視覺在空間的流動線為定軌跡運動的過程。這種視覺在空間的流動線為“虛線虛線”，正因為它虛，所以設(shè)計時容易被忽略。，正因為它虛，所以設(shè)計時容易被忽略。人們是怎樣看圖片的？人們是怎樣看圖片的？ 研究者們發(fā)現(xiàn)，我們眼

40、睛瀏覽圖片時不是處在一種連續(xù)不研究者們發(fā)現(xiàn)，我們眼睛瀏覽圖片時不是處在一種連續(xù)不斷的掃視之中，而是有一系列短暫的停頓和跳躍。這種間斷不斷的掃視之中，而是有一系列短暫的停頓和跳躍。這種間斷不完全是任意的。完全是任意的。A、眼睛有一種停留在一幅畫面左上角的傾向。、眼睛有一種停留在一幅畫面左上角的傾向。B、眼睛總是順時針看一張圖片。、眼睛總是順時針看一張圖片。 C、眼睛總是首先看圖片上的人，然后是注意諸如云彩、汽車、眼睛總是首先看圖片上的人，然后是注意諸如云彩、汽車等移動的物體，最后才注意到固定的物體。等移動的物體，最后才注意到固定的物體。 既然我們都有一種從左到右、從上到下觀察物體的習(xí)慣，既然我們

41、都有一種從左到右、從上到下觀察物體的習(xí)慣，毫無疑問，追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。毫無疑問，追尋這些視覺規(guī)律構(gòu)建你的畫面是最好的方式。一、視線流動規(guī)律一、視線流動規(guī)律1、當(dāng)某一視覺信息具有較強的刺激度時，就容易為視覺所感、當(dāng)某一視覺信息具有較強的刺激度時，就容易為視覺所感知，人的視線就會移動到這里，成為有意識注意，這是視覺流知，人的視線就會移動到這里，成為有意識注意，這是視覺流程的第一階段。程的第一階段。2、當(dāng)人們的視覺對信息產(chǎn)生注意后，視覺信息在形態(tài)和構(gòu)成、當(dāng)人們的視覺對信息產(chǎn)生注意后，視覺信息在形態(tài)和構(gòu)成上具有強烈的個性，形成周圍環(huán)境的相異性，因而能進一步引上具有強烈的個性，形

42、成周圍環(huán)境的相異性，因而能進一步引起人們的視覺興趣，在物象內(nèi)按一定順序進行流動，并接受其起人們的視覺興趣，在物象內(nèi)按一定順序進行流動，并接受其信息。信息。3、人們的視線總是最先對準(zhǔn)刺激力強度最大之處，然后按照、人們的視線總是最先對準(zhǔn)刺激力強度最大之處，然后按照視覺物象各構(gòu)成要素刺激度由強到弱的流動，形成一定的順序。視覺物象各構(gòu)成要素刺激度由強到弱的流動，形成一定的順序。5、視線流動的順序，還要受到人的生理及心理的影響。由于眼睛、視線流動的順序，還要受到人的生理及心理的影響。由于眼睛的水平運動比垂直運動快，因而在視察視覺物象時，容易先注意水的水平運動比垂直運動快，因而在視察視覺物象時，容易先注意

43、水平方向的物象，然后才注意垂直方向的物象。人的眼睛對于畫面左平方向的物象，然后才注意垂直方向的物象。人的眼睛對于畫面左上方的觀察力優(yōu)于右上方，對右下方的觀察力又優(yōu)于左下方，因而，上方的觀察力優(yōu)于右上方，對右下方的觀察力又優(yōu)于左下方，因而，一般廣告設(shè)計均把重要的構(gòu)成要素安排在左上方或右下方。一般廣告設(shè)計均把重要的構(gòu)成要素安排在左上方或右下方。6、由于人們的視覺運動是積極主動的，具有很強的自由選擇性，、由于人們的視覺運動是積極主動的，具有很強的自由選擇性，往往是選擇所感興趣的視覺物象，而忽略其他要素，從而造成視覺往往是選擇所感興趣的視覺物象，而忽略其他要素，從而造成視覺流程的不規(guī)劃性與不穩(wěn)定性。流

44、程的不規(guī)劃性與不穩(wěn)定性。7、組合在一起具有相似性的因素，具有引導(dǎo)視線流動的作用，如、組合在一起具有相似性的因素，具有引導(dǎo)視線流動的作用，如形狀的相似，大小的相似，色彩的相似，位置的相似等。形狀的相似，大小的相似，色彩的相似，位置的相似等。 二、視覺流程的形式二、視覺流程的形式 1、單向視覺流程、單向視覺流程 豎向視覺流程豎向視覺流程 引導(dǎo)我們的視線作上下地流動。具有堅定、直觀的感覺。 橫向視覺流程橫向視覺流程 引導(dǎo)我們的視線從左向右地流動。給人穩(wěn)定、恬靜之感。 斜向視覺流程斜向視覺流程 斜線相比水平、垂直線有更強的視覺訴求力，會把我們的視線往斜方向引導(dǎo)。以不穩(wěn)定的動態(tài)引起注意。2、曲線視覺流程

45、、曲線視覺流程 曲線視覺流程不如單向視覺流程直接簡明，但更具韻味、節(jié)奏和曲線美。它可以是弧線形“C”，具有飽滿、擴張和一定的方向感。也可以是回旋形“S”，產(chǎn)生兩個相反的矛盾回旋，在平面中增加深度和動感。3、重心視覺流程、重心視覺流程 一是從版面重心開始，然后順沿形象的方向與力度的傾向來發(fā)展視線的進展。3、重心視覺流程、重心視覺流程 二是向心、離心的視覺運動。重心視覺誘導(dǎo)流程使主題更為鮮明突出而強烈。4、反復(fù)視覺流程、反復(fù)視覺流程 相同或相似的視覺要素作規(guī)律、秩序、節(jié)奏的逐次運動。視線的流動就會從一個方向往另一個方向流動。雖不如單向、曲線和重心流程運動強烈，但更富于韻律和秩序美。5、導(dǎo)向視覺流程

46、、導(dǎo)向視覺流程 通過誘導(dǎo)元素，主動引導(dǎo)讀者視線向一定方向順序運動，由主及次，把畫面各構(gòu)成要素依序串聯(lián)起來，形成一個有機整體，使重點突出，條理清晰，發(fā)揮最大的信息傳達功能。編排中的導(dǎo)線，有虛有實，表現(xiàn)多樣，如文字導(dǎo)向、手勢導(dǎo)向、形象導(dǎo)向以及視線導(dǎo)向等。6、散點視覺流程、散點視覺流程 指版面圖與圖、圖與文字間成自由分散狀態(tài)的編排。強調(diào)感性、自由隨機性、偶合性、空間感和動感。追求新奇、刺激的心態(tài)，常表現(xiàn)為較隨意的編排形式。 它的閱讀過程不如直線、弧線等流程快捷，但更生動有趣。也許這正是版面刻意追求的輕松隨意與慢節(jié)奏的效果，這種方式在國外平面設(shè)計中十分流行。7、最佳視域、最佳視域 即版面設(shè)計時將重要的

47、信息或視覺流程的停留點安排在注目價值最高的位置。4.3.4 4.3.4 優(yōu)秀網(wǎng)頁版式設(shè)計賞析優(yōu)秀網(wǎng)頁版式設(shè)計賞析23456 7891011 1213141516 1718192021 2223242526 2728293031 3233343536 3738394041 4243444546 47484950網(wǎng)頁版式設(shè)計案例分析：網(wǎng)頁版式設(shè)計案例分析：（一）組織元素（一）組織元素 誤區(qū)：誤區(qū)： 設(shè)計者將版面中一些空白的區(qū)域填上文字。這些文字極設(shè)計者將版面中一些空白的區(qū)域填上文字。這些文字極大的阻礙了飛機的飛行，缺乏層次，文字信息支離破碎。他大的阻礙了飛機的飛行，缺乏層次，文字信息支離破碎。他將

48、自己的名字設(shè)為天藍色將自己的名字設(shè)為天藍色這一點似乎在設(shè)計與有關(guān)航空這一點似乎在設(shè)計與有關(guān)航空時都是一種本能選擇，但對于一張顏色飽和度不是非常高的時都是一種本能選擇，但對于一張顏色飽和度不是非常高的照片照片 來說，這種天藍色顯得過于刺眼。來說，這種天藍色顯得過于刺眼。 Times Roman 字體字體用于文字當(dāng)然是一種不錯的選擇，但對于飛機這種圓滑流暢用于文字當(dāng)然是一種不錯的選擇，但對于飛機這種圓滑流暢的對象來說，則顯得過于瑣碎，加了陰影的設(shè)計進一步增加的對象來說，則顯得過于瑣碎，加了陰影的設(shè)計進一步增加文字的復(fù)雜感。文字的復(fù)雜感。 讓版面加快：我們將文讓版面加快：我們將文字都移到上方的條狀區(qū)

49、域里字都移到上方的條狀區(qū)域里（也更符合我們的閱讀習(xí)（也更符合我們的閱讀習(xí)慣）。輕巧的細(xì)細(xì)斜體看起慣）。輕巧的細(xì)細(xì)斜體看起來來“更快更快”。左上角的旗狀。左上角的旗狀區(qū)域在視覺上支撐著卡片。區(qū)域在視覺上支撐著卡片。黑色及灰褐色傳達出中性及黑色及灰褐色傳達出中性及商業(yè)氣息，與照片互為補充。商業(yè)氣息，與照片互為補充?，F(xiàn)在飛機周圍沒有什么東西現(xiàn)在飛機周圍沒有什么東西擋住它的去路，終于可以自擋住它的去路，終于可以自由飛翔。簡單的調(diào)整后出來由飛翔。簡單的調(diào)整后出來的效果就是：層次分明！的效果就是：層次分明！ 修改：修改：（二）分割區(qū)域（二）分割區(qū)域 設(shè)計廣告版面時，我們經(jīng)常會碰到的一個問題是：版面同時有兩

50、個設(shè)計廣告版面時，我們經(jīng)常會碰到的一個問題是：版面同時有兩個焦點要突出，如我們所談到的這個化妝品廣告版面，一個焦點是沖擊力焦點要突出，如我們所談到的這個化妝品廣告版面，一個焦點是沖擊力十足的照片，另一個是醒目的名稱，你如何安排兩個焦點但同時又不會十足的照片，另一個是醒目的名稱，你如何安排兩個焦點但同時又不會互相產(chǎn)生沖突？解決辦法很簡單：分開他們！將照片放在一個區(qū)域里，互相產(chǎn)生沖突？解決辦法很簡單：分開他們！將照片放在一個區(qū)域里，而名稱放在另而名稱放在另 一個區(qū)域。但顏色及對齊要保持協(xié)調(diào)，就象這樣：一個區(qū)域。但顏色及對齊要保持協(xié)調(diào)，就象這樣： 注意：注意： 細(xì)心的同學(xué)或許會留意到，從照片取色是我們經(jīng)常采用到細(xì)心的同學(xué)或許會留意到，從照片取色是我們經(jīng)常采用到的一個技巧。象這個版面一樣，由于文字顏色均來自圖片，所的一個技巧。象這個版面一樣，由于文字顏色均來自圖片，所以既形成局部對比，但同時整個版面在視覺上仍然是一個統(tǒng)一以既形成局部對比，但同時整個版面在視覺上仍然是一個統(tǒng)一的整體。技巧無所謂老土，實用就行啦。的整體。技巧無所謂老土，實用就行啦。 （三）向瀏覽者打招呼（三）向瀏覽者打招呼 Syd Lieberman 是一是一個專業(yè)講故事的人，同時也個專業(yè)講故事的人，同時也是一名教師及作家是