1、版式設計版式設計Format Design概論概論 初識版式初識版式什么是版式設計？什么是版式設計？ 就是在版面上，將圖片、文字進行排列組合，以達就是在版面上，將圖片、文字進行排列組合，以達到傳遞信息和滿足審美需求的作用。到傳遞信息和滿足審美需求的作用。設計的對象是圖片和文字。設計的目的是傳遞信息和審美需求。要注意！必須首先讓設計出來的版式起到傳遞信息的作用后，再去考慮如何美化它。因為只有少數人會去購買一本美觀但閱讀起來很費力的書。從那些方面去思考，如何讓版式達到目的？從那些方面去思考，如何讓版式達到目的？版式設計樣式版面視覺度圖版率文字跳躍率照片跳躍率網格拘束率空白率文字排列類型字體印象明確

2、主題分開主副題群化整理流向避免曖昧抑制四角利用版心線造型技巧影響版式的因素影響版式的因素之一之一 樣式樣式什么是樣式？什么是樣式？ 樣式是指文字、圖片的外觀。樣式是指文字、圖片的外觀。感受樣式的作用（一）：感受樣式的作用（一）： 下面兩則廣告，那一個看起來更像是大眾化下面兩則廣告，那一個看起來更像是大眾化的妝品？的妝品？ 圖在下頁結論（一）：結論（一）： 使用不同的文字、圖片樣式能帶給人以不同使用不同的文字、圖片樣式能帶給人以不同的感受。的感受。文字圖片給人的感受美寶蓮美寶蓮活潑的藝術字體活潑的藝術字體引人注目的美女的笑臉引人注目的美女的笑臉親和力、動感、低廉親和力、動感、低廉資生堂資生堂嚴謹

3、復古的宋體字嚴謹復古的宋體字平靜的景物畫面平靜的景物畫面高品質、冷靜、高級高品質、冷靜、高級感受樣式的作用（二）：感受樣式的作用（二）： 下面哪個設計更適合作為一家設計論壇自我下面哪個設計更適合作為一家設計論壇自我宣傳的傳單？宣傳的傳單？ 圖在下頁結論（二）：結論（二）： 正確的選擇樣式才能傳遞正確的信息。正確的選擇樣式才能傳遞正確的信息。 兩件設計作品都很美觀，但是上圖給人的感覺過于輕松活潑，所以不能讓人感受到設計的理性、冷靜等感覺，但如果是用于時尚、娛樂等類型的網站就很合適了。樣式樣式01 視覺度視覺度什么是視覺度？什么是視覺度？ 文字、圖象（照片、插圖）對人產生的視覺吸引力文字、圖象（照

4、片、插圖）對人產生的視覺吸引力的強度。越引人注目的物體視覺度越大。的強度。越引人注目的物體視覺度越大。感受視覺度（一）：感受視覺度（一）： 下面哪張名片更引人注意？下面哪張名片更引人注意？感受視覺度（二）：感受視覺度（二）： 下面哪張海報更引人注意？下面哪張海報更引人注意？圖在下頁。結論：結論： 圖片比文字更吸引人注意，圖片的視覺度高圖片比文字更吸引人注意，圖片的視覺度高于文字。于文字。 在版面中增添照片或插圖能夠提高視覺度，在版面中增添照片或插圖能夠提高視覺度，讓人有興趣繼續讀下去。讓人有興趣繼續讀下去。圖片的視覺度的強弱比較：圖片的視覺度的強弱比較： 圖片可分為兩類圖片可分為兩類寫實性的、

5、抽象性的。寫實性的、抽象性的。 一般來講，在同等大小的情況下，抽象圖形的視覺度強于寫實圖形。這是因為簡單的圖形更容易記憶，所以人天生對簡單的圖形敏感。寫實性圖片的視覺度寫實性圖片的視覺度一般來說，人的形象具有最強的視覺吸引力，尤其是人的臉一般來說，人的形象具有最強的視覺吸引力，尤其是人的臉部，看到后讓人興奮。而天空、大海、草原的吸引力最弱，部，看到后讓人興奮。而天空、大海、草原的吸引力最弱，可以讓人情緒平靜。可以讓人情緒平靜。結論：結論：選擇適當的圖片視覺度，以傳遞正確的信息。選擇適當的圖片視覺度，以傳遞正確的信息。類型視覺度效果感受嚴肅文學（小說、詩集等）低太高會破壞嚴肅性嚴肅活潑趣味圖書（

6、時尚雜志、兒童讀物等）高增加閱讀興趣低質量的圖片低質量的圖片極大的降低版式的品質（一）：極大的降低版式的品質（一）： 制作時要選擇清晰的沒有壓縮過的圖片。制作時要選擇清晰的沒有壓縮過的圖片。 精美雜志使用圖片的分辨率必須在精美雜志使用圖片的分辨率必須在300dpi以上。以上。圖在下頁低質量的圖片低質量的圖片極大的降低版式的品質（二）：極大的降低版式的品質（二）： 如對圖片進行不等比例的縮放，后果如對圖片進行不等比例的縮放，后果實例（一）：實例（一）： 在新聞上使用照片可以增加說服力。讓讀者覺得新在新聞上使用照片可以增加說服力。讓讀者覺得新聞真實可信。并且增添閱讀的興趣。聞真實可信。并且增添閱讀

7、的興趣。實例（二）：實例（二）： 使用插圖，可以讓快速的傳遞文章的內容。使用圖使用插圖，可以讓快速的傳遞文章的內容。使用圖表可以讓人清楚直觀看到數據。這些都有利于信息表可以讓人清楚直觀看到數據。這些都有利于信息的傳播。的傳播。樣式樣式02 圖版率圖版率什么是圖版率？什么是圖版率？ 版面中的圖片跟文字所占的面積比叫做圖版率。版面中的圖片跟文字所占的面積比叫做圖版率。 如果版面全是文字的話，圖版率就為如果版面全是文字的話，圖版率就為0% ，全是圖，全是圖的話，圖版率就為的話，圖版率就為100% 。視覺度與圖版率的區別視覺度與圖版率的區別 “圖版率圖版率”是指相對于文章，圖所占的比率。用是指相對于文

8、章，圖所占的比率。用%來表示。而來表示。而“視覺度視覺度”是指圖片視覺吸引力的強弱。是指圖片視覺吸引力的強弱。結論（一）：結論（一）： 提高圖版率可以活躍版面：提高圖版率可以活躍版面：沒有圖的版式顯的很壓抑，令人窒息。這種版式只適合于字典、法規等特殊用途的書籍。而加上一張圖片后感覺就完全不同了，顯的很有生氣，讓人產生閱讀的興趣。感受圖版率（一）感受圖版率（一）:感受圖版率（二）感受圖版率（二）:結論（二）：結論（二）： 完全沒有文字的版面顯得空洞。完全沒有文字的版面顯得空洞。 增加圖版率可以增加版式的親和力，在達到50%左右時，親和力急劇上升。 但圖版率一旦超過了90%，如果沒有文字，反而會感

9、覺空洞無味，給人單調的感覺。如果稍微加入一點文字，版式就又活躍起來。結論（三）：結論（三）：選擇適當圖版率，以傳達正確的信息。選擇適當圖版率，以傳達正確的信息。類型圖版率效果感受嚴肅文學（小說、詩集等）10%左右太高會破壞嚴肅性嚴肅活潑一般讀物（故事、報紙等）30%左右增加閱讀興趣，但如果圖太多信息則過少趣味圖書（時尚雜志、兒童讀物等）50% - 90%創造活躍的氣氛復習：復習：看下面左、右版式的區別是什么？看下面左、右版式的區別是什么？右圖（a.視覺度 b.圖版率）增加了？產生了哪些效果？（c.高品質 d. 輕松活潑 c.親和力 f.高雅）跳躍律跳躍律文字跳躍率文字跳躍率 版面中最小字與最大

10、字，字體大小的比率叫做文字版面中最小字與最大字，字體大小的比率叫做文字跳躍率。比率越大，跳躍率越高。跳躍率。比率越大，跳躍率越高。跳躍率高跳躍率低感受文字跳躍率（一）：感受文字跳躍率（一）：結論（一）：結論（一）： 較高的文字跳躍率可以吸引人的注意力。較高的文字跳躍率可以吸引人的注意力。感受文字跳躍率（二）：感受文字跳躍率（二）：結論（二）：結論（二）： 降低跳躍率給人沉穩、高品質、歷史感的印象。降低跳躍率給人沉穩、高品質、歷史感的印象。 提高跳躍率給人健康、有活力的印象。提高跳躍率給人健康、有活力的印象。感受文字跳躍率（三）：感受文字跳躍率（三）：結論（三）：結論（三）： 正確的文字跳躍律，

11、傳遞正確的信息：正確的文字跳躍律，傳遞正確的信息：日本的生活手冊，一向以沉穩的版式獲得好評。版面莊重、平和，稍有單調之感，但是能讓人從中感受到幾十年不變的歷史的沉重。提高文字跳躍率，即使文章的內容完全一樣，也不能引起人們的共鳴。感受文字跳躍率（四）：感受文字跳躍率（四）：結論（四）：結論（四）： 正確的文字跳躍律，傳遞正確的信息：正確的文字跳躍律，傳遞正確的信息：文藝表演的海報，巨大的標題增加了視覺吸引力，讓人感覺氣氛熱烈，從而產生了參與的欲望。圖片跳躍率圖片跳躍率 版面中面積最小的圖片與面積最大的圖片的面積比，版面中面積最小的圖片與面積最大的圖片的面積比，叫做圖片跳躍率。比率越大跳躍率越高。

12、叫做圖片跳躍率。比率越大跳躍率越高。低跳躍率高跳躍率感受圖片跳躍率（一）：感受圖片跳躍率（一）：結論（一）：結論（一）： 圖片跳躍率低，給人以穩重、高品質的感受。圖片跳躍率低，給人以穩重、高品質的感受。 圖片跳躍率高，給人輕松俏皮的感受。圖片跳躍率高，給人輕松俏皮的感受。感受圖片跳躍率（二）：感受圖片跳躍率（二）：結論（二）：結論（二）： 放大某些圖片，形成主次，版面顯得更加有條理，放大某些圖片，形成主次，版面顯得更加有條理，有生氣。有生氣。感受圖片跳躍率（三）：感受圖片跳躍率（三）：結論（三）：結論（三）： 大框架中宜用局部特寫的照片：大框架中宜用局部特寫的照片：用大小兩張照片做人物設計，原

13、則上大的框架中采用特寫照。小的框架中采用全身照。照片面積的大小與照片中物體的繁簡程度進行對比，可以增強了動感。樣式樣式04 網格拘束率網格拘束率什么是網格拘束率？什么是網格拘束率？ 網格拘束率指，文字、圖片受網格約束的程度。網格拘束率指，文字、圖片受網格約束的程度。什么是網格？什么是網格？ 網格是一種重要的編排輔助手段。我們依靠網格對網格是一種重要的編排輔助手段。我們依靠網格對版面的框架結構進行大致的規劃。版面的框架結構進行大致的規劃。高網格拘束率低網格拘束率感受網格拘束率（一）：感受網格拘束率（一）：結論（一）：結論（一）： 嚴格拘束于網格的版面給人穩重的印象。嚴格拘束于網格的版面給人穩重的

14、印象。 脫離網格則有自由的感覺，產生輕松有趣的版面。脫離網格則有自由的感覺，產生輕松有趣的版面。感受網格拘束率（二）：感受網格拘束率（二）：結論（二）：結論（二）： 要體現莊重、高格調，最宜使用高網格拘束率的版要體現莊重、高格調，最宜使用高網格拘束率的版面設計。面設計。結論（三）：結論（三）： 選擇正確的網格拘束率，傳遞正確的信息：選擇正確的網格拘束率，傳遞正確的信息：類型拘束率效果感受嚴肅文學（企業報表、財經雜志、教材等）高給人以條理清晰、可靠、嚴謹、高品質的感覺。嚴肅活潑趣味圖書（時尚雜志、兒童讀物等）低增加閱讀興趣圖片的外形圖片的外形角版出血版羽化版挖版角版角版 拘束性最強，給人嚴謹、冷

15、靜、高品質的影響。拘束性最強，給人嚴謹、冷靜、高品質的影響。出血版出血版 有一個以上的邊出血，較角版而言更富變化、更加有一個以上的邊出血，較角版而言更富變化、更加活潑?；顫?。羽化版羽化版 邊緣模糊的圖片給人以柔美的印象。邊緣模糊的圖片給人以柔美的印象。挖版挖版 不規則的邊緣給人以自由活潑的感受。不規則的邊緣給人以自由活潑的感受。感受圖片的外形：感受圖片的外形：結論（一）：結論（一）： 在大量角版中適當的加入少量挖版，既能夠打破沉在大量角版中適當的加入少量挖版，既能夠打破沉悶，又不至于破壞原有的冷靜氣氛。悶，又不至于破壞原有的冷靜氣氛。角版中只插入一個小小的挖版，因為這么一個小小的對比效果，活躍

16、了整個版面的氣氛，并可突出置于挖版上的物體。感受圖片的外形（二）：感受圖片的外形（二）：結論（二）：結論（二）： 在大量挖版中，角版可以穩定畫面。在大量挖版中，角版可以穩定畫面。大部分圖像使用挖版，不受網格的拘束，給人自由的感受。但插入一些小角版在中間，能起到穩定畫面的作用（避免過于自由而顯得凌亂），更能突出挖版的自由感。感受圖片的外形（三）：感受圖片的外形（三）：結論（三）：結論（三）： VIP不宜使用挖版。不宜使用挖版。重要事件和人物不宜使用挖版，因為挖版會給人輕松的感覺，不能體現嚴肅性和不能引起注意。樣式樣式05 空白率空白率什么是空白率？什么是空白率？ 版面上的圖片文字的所占的面積與空

17、白面積的比率。版面上的圖片文字的所占的面積與空白面積的比率。空白越多空白率越高?？瞻自蕉嗫瞻茁试礁?。低空白率高空白率感受空白率（一）：感受空白率（一）：結論（一）：結論（一）： 高版面率，體現使用者是個熱情、有干勁的人。高版面率，體現使用者是個熱情、有干勁的人。 低版面率，體現使用者是個沉靜穩健、有品位的人。低版面率，體現使用者是個沉靜穩健、有品位的人。感受空白率（二）：感受空白率（二）：結論（二）：結論（二）： 要表現高品質、高質量的商品需要大面積的空白。要表現高品質、高質量的商品需要大面積的空白。左圖雖然文字的跳躍率不高，但是因為空白少，并不顯得高檔。右圖與左圖相比，擴大了空白量。給人以高

18、雅、穩重的氛圍，給人高品質感。感受空白率（三）：感受空白率（三）：結論（三）：結論（三）： 要傳遞古樸、恬靜的感覺，宜采用高空白率的版式。要傳遞古樸、恬靜的感覺，宜采用高空白率的版式。感受空白率（四）：感受空白率（四）：結論（四）：結論（四）： 低空白率體現豐富的信息。低空白率體現豐富的信息。感受空白率（五）：感受空白率（五）：接下頁報刊使用的空白率（五）：報刊使用的空白率（五）： 我們日常接觸到的印刷物品中，版面率最高一般是我們日常接觸到的印刷物品中，版面率最高一般是報紙。報紙以豐富的信息來吸引讀者，所以高的版報紙。報紙以豐富的信息來吸引讀者，所以高的版面率是很必要的。一些娛樂雜志和書籍同樣

19、如此。面率是很必要的。一些娛樂雜志和書籍同樣如此。文字排列文字排列 齊行型齊行型齊頭齊尾型齊頭散尾型 居中型居中型 自由型自由型1.齊行型（齊頭齊尾）齊行型（齊頭齊尾）中庸的、理性的、嚴肅的、冷靜的。1.齊行型（齊頭散尾）齊行型（齊頭散尾）界于齊頭齊尾型與自由型之間，有中國書法的韻味味。3.居中型居中型高格調的、優雅的、歐洲古典的。4.自由型自由型自由的、活潑的、輕松的、可愛的。感受文字排列（一）：感受文字排列（一）：結論（一）：結論（一）： 名片上文字的排列方式，體現使用者的性格。名片上文字的排列方式，體現使用者的性格。 齊行型的文字排列，是所有排列方式中最理性、最齊行型的文字排列，是所有排

20、列方式中最理性、最穩重的類型，可以給人以誠信可靠、精明干練的印穩重的類型，可以給人以誠信可靠、精明干練的印象。象。感受文字排列（二）：感受文字排列（二）：結論（二）：結論（二）： 居中型的文字排列，可以傳達高格調、有文化品位居中型的文字排列，可以傳達高格調、有文化品位的印象。的印象。感受文字排列（三）：感受文字排列（三）：結論（三）：結論（三）： 自由型的文字排列。如果使用者不想塑造自己是商自由型的文字排列。如果使用者不想塑造自己是商業者的形象可以使用自由型的排版方式。業者的形象可以使用自由型的排版方式。感受文字排列（四）：感受文字排列（四）：結論（四）：結論（四）： 齊頭齊尾的排列，給人以嚴

21、謹理性的感覺，較多的齊頭齊尾的排列，給人以嚴謹理性的感覺，較多的空白給人以舒暢和高品質的感覺?？瞻捉o人以舒暢和高品質的感覺。感受文字排列（五）：感受文字排列（五）：結論（五）：結論（五）： 正文采用齊頭散尾的排列，與上圖比較，給人以自正文采用齊頭散尾的排列，與上圖比較，給人以自由浪漫的印象。而整體排列又居中對齊，又給人以由浪漫的印象。而整體排列又居中對齊，又給人以典雅之感。典雅之感。感受文字排列（六）：感受文字排列（六）：結論（六）：結論（六）： 居中型的文字排列最適合在低圖版率的環境里，體居中型的文字排列最適合在低圖版率的環境里，體現出藝術感和高雅感。適于表達內容的高品質。如現出藝術感和高雅

22、感。適于表達內容的高品質。如配上藝術的手寫字體，更能強化了這種感覺。配上藝術的手寫字體，更能強化了這種感覺。感受字體排列（七）：感受字體排列（七）：結論（七）：結論（七）： 自由型的文字排列給畫面增添了活力，使整個版式自由型的文字排列給畫面增添了活力，使整個版式顯得輕松、舒暢。顯得輕松、舒暢。感受字體排列（八）：感受字體排列（八）：多種方式混排全部齊行標題居中，正文齊行結論（八）：結論（八）： 讓文字排列的方式保持統一。讓文字排列的方式保持統一。無原則的隨意混排文字會使版面變得難以閱讀，同時給人以低品質之感。什么是字體？什么是字體？字體就是字的樣子。雖然與照片和插圖相比，文字體就是字的樣子。雖

23、然與照片和插圖相比，文字給人的印象是較微弱的。但是只要注意觀察就字給人的印象是較微弱的。但是只要注意觀察就能發現字體也能傳遞很多信息。能發現字體也能傳遞很多信息。中文字體可以大致分為四類：中文字體可以大致分為四類：黑體宋體書法體藝術體每種字體都有自己的特色。每種字體都有自己的特色。黑體黑體 給人以冷靜、理性、現代之感。給人以冷靜、理性、現代之感。細圓黑黑體粗黑體綜藝體宋體宋體 有現代與古典結合之感，最易于閱讀。有現代與古典結合之感，最易于閱讀。報宋體仿宋體大標宋書法體書法體 可以創造古樸、藝術的氣氛可以創造古樸、藝術的氣氛楷體（正式的，端莊的）瘦金體（宋徽宗的書法，有一種緊張的美感）黃草體（黃

24、庭堅的書法，有一種飄逸秀麗的美感）隸體（端正的、古樸的）魏碑（古樸的、粗曠的）藝術字體藝術字體 藝術字體變化很多，新穎別致，個性鮮明的。藝術字體變化很多，新穎別致，個性鮮明的。珊瑚體氈筆體剪紙體兒童體胖頭魚體感受字體（一）：感受字體（一）：結論（一）：結論（一）： 應選擇與文章內容相符合的字體。應選擇與文章內容相符合的字體。如果想要傳達的信息內容與字體給人的感覺不相符，觀眾就得不到共鳴，無法產生閱讀的興趣。感受字體（二）：感受字體（二）：結論（二）：結論（二）： 筆畫粗的字體給人以力量男性化的感覺；筆畫細的筆畫粗的字體給人以力量男性化的感覺；筆畫細的字體給人以柔美女性化的感覺。字體給人以柔美女

25、性化的感覺。 大的文字體現精神和活力；小的文字體現高貴和品大的文字體現精神和活力；小的文字體現高貴和品質。質。感受字體（三）：感受字體（三）：結論（三）：結論（三）： 正確的字體傳達正確的信息。正確的字體傳達正確的信息。這是一本關于在城市中投資理財的手冊，使用理性的粗黑字體，給人穩重可靠之感。感受字體（四）：感受字體（四）：結論（四）：結論（四）： 感受正確的字體傳達正確的信息。感受正確的字體傳達正確的信息。這是一本樓書，使用自由的手寫字體，給人輕松隨意之感，代表了該樓盤追求輕松享受的生活理念。感受字體（五）：感受字體（五）：結論（五）：結論（五）： 大號字旁使用小號文字，可以增加對比，從而增

26、添大號字旁使用小號文字，可以增加對比，從而增添活力。活力。什么是字距？（字與字間的距離）什么是字距？（字與字間的距離） 就是字與字之間的距離。就是字與字之間的距離。感受字距：感受字距：標準字距緊縮字距松散字距結論：結論： 一般來講，漢字的字距不易過小，太小不易閱讀。一般來講，漢字的字距不易過小，太小不易閱讀。漢字的標準字距為字寬漢字的標準字距為字寬1/10。 當使用大號文字作標題時，可以適當緊縮字距。當使用大號文字作標題時，可以適當緊縮字距。 擴大字距，給人高格調之感。擴大字距，給人高格調之感。什么是行距？什么是行距？ 就是行與行之間的距離。就是行與行之間的距離。緊密的行距正常行距疏松的行距感

27、受行距：感受行距：結論：結論： 一般情況下，正文小字的行距不宜過于緊密，尤其一般情況下，正文小字的行距不宜過于緊密，尤其是在字數較多的情況，相當難以閱讀。是在字數較多的情況，相當難以閱讀。 不過如果字數不多，且字體尺寸較大的情況下，適不過如果字數不多，且字體尺寸較大的情況下，適當縮小行距，可以給人以信息豐富以及活潑可愛的當縮小行距，可以給人以信息豐富以及活潑可愛的感覺。感覺。什么是字數？什么是字數？ 這里僅指一行中字的數量。這里僅指一行中字的數量。每行28字每行22字每行18字每行11字結論：結論： 一般來講，普通的字數在一般來講，普通的字數在20-30個以內。適當的增個以內。適當的增加或減少

28、字數可以傳遞不同的信息。加或減少字數可以傳遞不同的信息。 每一行的字數多，有輕松舒暢和高格調的感覺，但每一行的字數多，有輕松舒暢和高格調的感覺，但要注意行距不能過于緊密，否則閱讀困難。每一行要注意行距不能過于緊密，否則閱讀困難。每一行的字數少，給人以活躍和信息豐富之感，這是就算的字數少，給人以活躍和信息豐富之感，這是就算行距較為緊密也不會影響閱讀。行距較為緊密也不會影響閱讀。影響版式的因素影響版式的因素之二之二 版面版面什么是版面？什么是版面？ 當選擇好適當的樣式后，接下來就需要調整這些樣當選擇好適當的樣式后，接下來就需要調整這些樣式的位置關系。樣式按什么樣的關系排列，我們稱式的位置關系。樣式

29、按什么樣的關系排列，我們稱為版面。為版面。版式設計的兩個步驟：版式設計的兩個步驟：原稿選擇樣式調整版面原稿，雖然已經具備所必須的全部信息，但條例不清，毫無生氣。步驟一，選擇適合的樣式。步驟一，選擇適合的樣式。提高跳躍律，提高了視覺度，完成了樣式的調整后，與原稿比增加了趣味，更吸引人也更具條理。步驟二，版面調整。步驟二，版面調整。調整文字位置，根據文字的重要性體調整文字大小，調整空白大小。這樣版式變得工整，更加有條有理。明確主題明確主題 放大主題部分，縮小次要部分，并給主體已充足的放大主題部分，縮小次要部分，并給主體已充足的空白。空白。感受明確主題的效果（一）：感受明確主題的效果（一）：結論（二

30、）：結論（二）： 明確主題可以使信息有條理，便于閱讀。明確主題可以使信息有條理，便于閱讀。左邊名片上的信息很多，如果不加以區別就會給人混亂之感。右邊名片根據信息的重要與否加以區別，別人看名片最先想要知道的就是主人的名字，于是我們就應該放大名字，接著把別人其次想要知道的信息公司名稱也放大（當然，要比名字小）。這樣名片條例清晰，別人很快就能找到需要的信息。感受明確主題的效果（二）：感受明確主題的效果（二）：結論（二）：結論（二）： 明確主題讓信息有條理明確主題讓信息有條理左圖物體大小相似，有優雅之感。不過稍顯缺乏條例。右圖放大了2個為題，畫面上有了主次，顯得更有條理。感受明確主題的效果（三）：感受

31、明確主題的效果（三）：結論（三）：結論（三）： 如果把文字放在圖片上，那么別人就不會去閱讀它，如果把文字放在圖片上，那么別人就不會去閱讀它，因為很難讀。因為很難讀。分開主、副體？分開主、副體？ 拉開版面中主體元素與次要元素間的距離。拉開版面中主體元素與次要元素間的距離。感受分開主副體（一）：感受分開主副體（一）：結論（一）：結論（一）： 分開主副體產生動感分開主副體產生動感左圖兩張照片放的靠近，畫面右面有沖擊力，但是卻不平衡了。右圖把兩張照片分開，視線從左到右流動，形成的動感。感受分開主副體（二）：感受分開主副體（二）：結論（二）：結論（二）： 分開主副體產生動感。分開主副體產生動感。左圖的圖

32、片放的很近，雖然工整，但是缺乏動感。右圖把圖片分開放置，產生了動感。群化？群化？ 簡單的說，群化就是讓別人一眼就能看出物體間的簡單的說，群化就是讓別人一眼就能看出物體間的關系來。關系來。左圖看不出四張圖片以何種方式組合在一起的。右圖很容易就能說出四張圖片的關系。感受群化：感受群化：結論：結論： 群化能夠使畫面工整，各組圖片和文字都有各自區群化能夠使畫面工整，各組圖片和文字都有各自區域，這樣可以使版面條理清晰。域，這樣可以使版面條理清晰。避免曖昧避免曖昧 避免曖昧就能避免混亂。避免曖昧就能避免混亂。感受避免曖昧（一）：感受避免曖昧（一）：結論（一）：結論（一）： 段與段之間的距離要適當分開一點，

33、讓別人清楚地段與段之間的距離要適當分開一點，讓別人清楚地知道這一段的內容已經說完了，下面是新的內容。知道這一段的內容已經說完了，下面是新的內容。感受避免曖昧（二）：感受避免曖昧（二）：結論（二）：結論（二）： 圖片的說明文字應該適當靠攏圖片。圖片的說明文字應該適當靠攏圖片。感受避免曖昧（三）：感受避免曖昧（三）：結論（三）：結論（三）： 對齊文字、段落和圖片。對齊文字、段落和圖片。感受避免曖昧（四）：感受避免曖昧（四）：如何避免曖昧如何避免曖昧04 對齊文字、段落和圖片。對齊文字、段落和圖片。調整流向調整流向 我們在觀看版面的時候，視線總會有流向。統一畫我們在觀看版面的時候，視線總會有流向。統一畫面元素的流向，可以簡潔畫面。面元素的流