了得網藝術_版式設計(第2版)

編輯推薦

1. 內容豐富、案例經典、突出實用性。
2. 每個章節都分為學習要點及目標、本章導讀、正文、設計實訓、實訓知識拓展。
3. 為方便教學，本書配有課件。
4. 適合作為高等院校藝術設計專業的教材，文化創意企業和廣告藝術設計公司從業者職業教育與崗位培訓教材，廣大藝術設計、美術自學者版式設計基礎的訓練指導手冊。

內容簡介

本書根據平面設計領域發展的新趨勢，以及廣告設計、書籍設計、包裝設計等領域中版式設計的新特點，融入了版式設計*的實踐教學理念，結合版式設計操作規程，繫統介紹版式設計基本知識、歷史經驗、整體格局、視覺流程、色彩、圖像和文字的確定及形式美法則和網格體繫。本書既可作為高等院校藝術設計專業教材，也可作為設計公司的培訓教材，對於廣大文化創意從業人員來說也是一本的訓練指導手冊。

001 006 008 012 014 016 017
019 027 034 036 038 039
019
節版式設計的溯源第二節20 世紀的現代主義與版式設計第三節後現代主義版式設計第四節版式設計的發展趨勢設計實訓《昆曲》書籍封面版式設計實訓知識拓展書籍版式設計
041

第三章確定版面的整體格局
041 049 056 057
節版式設計類型第二節其他類型版式設計設計實訓藝術書籍內頁版式設計實訓知識拓展書籍版式內頁設計

058
第四章版式設計的視覺流程001 006 008 012 014 016 017
019 027 034 036 038 039
019
節版式設計的溯源第二節20 世紀的現代主義與版式設計第三節後現代主義版式設計第四節版式設計的發展趨勢設計實訓《昆曲》書籍封面版式設計實訓知識拓展書籍版式設計
041

第三章確定版面的整體格局
041 049 056 057
節版式設計類型第二節其他類型版式設計設計實訓藝術書籍內頁版式設計實訓知識拓展書籍版式內頁設計

058
第四章版式設計的視覺流程
節視覺運動：感覺與知覺第二節人的視覺特征與視線流動規律第三節視覺的視區分布第四節視覺中心第五節視覺流程的類型與設計設計實訓個人中心APP 界面設計實訓知識拓展手機APP 版式設計
077
第五章版面的色彩選擇
077 085 091 093 094 095
節版面整體色彩的確定第二節版面局部色彩的配置第三節版面色彩與心理第四節版面色彩運用的誤區設計實訓酒吧菜單設計和咖啡廳菜單設計實訓知識拓展DM 版式設計
096
第六章版式設計中的圖像
096 106 110 112
節圖像的分類和常用形式第二節圖像的版面編排設計實訓家居或時尚類雜志版面設計實訓知識拓展雜志版式設計
113
第七章版式設計中的文字
113 121 126 131 135 136
節了解和選擇字體第二節字符規格、字距與行距第三節文字編排的方式第四節文字的圖像化和裝飾化設計實訓文字創意海報設計實訓知識拓展招貼版式設計
137
第八章版面中視覺空間的營造
137 151 153 154
節版面中的點、線、面第二節版面中的黑、白、灰設計實訓唱片封套以及CD 盤面設計實訓知識拓展CD 封套及盤面版式設計
155

第九章版面中的形式美法則
155 158 168 169
節版面的形式美第二節版面中形式美法則的體現設計實訓設計師的個人網頁設計實訓知識拓展網頁版式設計
第十章如何利用網格體繫
171

171 179 183 185 187 188
節版式的骨架——網格第二節利用對稱式網格創建版面第三節利用非對稱式網格創建版面第四節遵守網格繫統與突破網格繫統設計實訓報紙版面設計與網格運用實訓知識拓展報紙版式設計
參考文獻
189
附錄
191

前言

強廣告經營管理模式的創新、加速版式設計專業技能人纔培養已成為當前亟待解決的問題。為了滿足日益增長的廣告市場需求，培養社會急需的廣告版式設計技能型應用人纔，我們組織多年從事廣告版式設計教學和創作實踐活動的專家、教授共同精心編撰了此教材，旨在迅速提高大學生及廣告設計從業者的專業素質，更好地服務於我國廣告事業。
保障我國文化創意產業經濟活動和國際廣告設計制作業的順利運轉，加強現代廣告設計從業者的專業綜合素質培養，增強企業核心競爭力，加速推進設計制作產業化進程，提高我國廣告版式設計制作水平，更好地為我國文化創意產業服務，這既是廣告設計企業可持續快速發展的戰略選擇，也是本書出版的真正目的和意義所在。
版式設計是高等藝術院校非常重要的專業基礎課程，也是廣告設計人員創作的重要理論支撐。本書共10章，以學習者應用能力培養為主線，堅持以科學發展觀為統領，以培養具備創新能力的廣告平面設計技能人纔為目標，根據國際、國內版式設計發展的新趨勢和新特點，結合版式設計操作規程繫統介紹了版式設計的概念、功能、原則、發展特點、視覺流程、版面色彩、圖形圖像、文字文體、視覺空間營造、形式法則、基本步驟等知識和技能，並注重通過強化訓練提高應用能力。強廣告經營管理模式的創新、加速版式設計專業技能人纔培養已成為當前亟待解決的問題。為了滿足日益增長的廣告市場需求，培養社會急需的廣告版式設計技能型應用人纔，我們組織多年從事廣告版式設計教學和創作實踐活動的專家、教授共同精心編撰了此教材，旨在迅速提高大學生及廣告設計從業者的專業素質，更好地服務於我國廣告事業。
保障我國文化創意產業經濟活動和國際廣告設計制作業的順利運轉，加強現代廣告設計從業者的專業綜合素質培養，增強企業核心競爭力，加速推進設計制作產業化進程，提高我國廣告版式設計制作水平，更好地為我國文化創意產業服務，這既是廣告設計企業可持續快速發展的戰略選擇，也是本書出版的真正目的和意義所在。
版式設計是高等藝術院校非常重要的專業基礎課程，也是廣告設計人員創作的重要理論支撐。本書共10章，以學習者應用能力培養為主線，堅持以科學發展觀為統領，以培養具備創新能力的廣告平面設計技能人纔為目標，根據國際、國內版式設計發展的新趨勢和新特點，結合版式設計操作規程繫統介紹了版式設計的概念、功能、原則、發展特點、視覺流程、版面色彩、圖形圖像、文字文體、視覺空間營造、形式法則、基本步驟等知識和技能，並注重通過強化訓練提高應用能力。
本書作為高等教育廣告藝術設計制作專業的特色教材，嚴格按照*關於“加強職業教育、突出實踐能力培養”的教學改革精神，針對版式設計課程教學的特殊要求和就業應用能力培養目標，既注重繫統理論知識講學）編寫第六章、第七章，李冰（北京市石景山區業餘大學）編寫第八章、第九章，陳曉群（北京市東城區職業大學）編寫第十章；華燕萍修改文字並調整版式，李曉新制作教學課件。

在本書編寫過程中，我們參閱、借鋻了大量國內外有關版式設計方面的書刊和相關網站資料，精選收錄了具有典型意義的中外優秀作品，並得到了有關專家的具體指導，在此一並致謝。為配合本書發行使用，特提供配套電子課件，讀者可以從清華大學出版社網站（www.tup.com.cn）免費下載。因設計產業發展快且編者水平有限，書中難免存在疏漏和不足，懇請同行和讀者批評、指正。
編者
2014 年4 月

在線試讀

（4）熟悉版式設計的基本執行程序。
版式設計遍及人們生活的每一個角落，不管我們願意不願意，這門學科都在為人們生活的便利提供服務。從專業角度而言，版式設計是通往更加深入的專業學習的必經道路之一，通過這條途徑之後，我們會發現，由版式設計所帶來的設計世界是如此的絢爛多彩，可以說，版式設計是現代設計的重要組成部分，是視覺傳達的重要手段，也是平面設計中的重要環節。
節.版式設計的概念
一、什麼是版式設計
在進行版式設計之前，通常需要收集大量素材。如何對這些素材進行有效篩選和運用，並在有限空間中進行有目的且美觀的編排組合，這就是版式設計的前期工作。
要知道什麼是版式設計，需要先了解“版面”的概念。從狹義上而言，版面通常指書籍、雜志、報紙等的整個頁面，如圖1-1 所示的商業書籍冊頁，由此而

圖1-1 澳大利亞RE Sydney 的書籍冊頁圖1-2 中央美術學院設計學院畢業展覽的前言設計
（來源：亞洲CI 論壇，http://bbs.asiaci.com）
版式設計也可以稱為編排設計，它需要對版面中所需要的各素——文字、圖形、圖像等在形式上進行有機的排列組合，達到信息傳遞的基本目的，並在信息傳遞的過程中形成直觀動人、主次分明、可讀性強的優美閱讀空間，促成閱讀者美好的視覺與心理體驗。優秀的版式設計甚至能在版面中展示出自己新穎的創意和獨特的個性，強化表現形式與主訴內容之間的互動關繫，並傳達出設計者的藝術追求與文化理念，形成一種具有個人風格和藝術特色的藝術表達方式。
二、版式設計的範疇
版面構成伴隨著時代的進步、現代科學技術與經濟的飛速發展而興起並不斷發展，它與人們的生活變化密切相關，展現了時代精神面貌、審美風向、文化傳統的變遷。版式設計的範疇很廣，主要分布在兩大領域——傳統紙媒領域與現代虛擬頁面領域及相關電子視頻領域。
傳統紙媒領域的版式設計表現在以下方面。
（4）熟悉版式設計的基本執行程序。
版式設計遍及人們生活的每一個角落，不管我們願意不願意，這門學科都在為人們生活的便利提供服務。從專業角度而言，版式設計是通往更加深入的專業學習的必經道路之一，通過這條途徑之後，我們會發現，由版式設計所帶來的設計世界是如此的絢爛多彩，可以說，版式設計是現代設計的重要組成部分，是視覺傳達的重要手段，也是平面設計中的重要環節。
節.版式設計的概念
一、什麼是版式設計
在進行版式設計之前，通常需要收集大量素材。如何對這些素材進行有效篩選和運用，並在有限空間中進行有目的且美觀的編排組合，這就是版式設計的前期工作。
要知道什麼是版式設計，需要先了解“版面”的概念。從狹義上而言，版面通常指書籍、雜志、報紙等的整個頁面，如圖1-1 所示的商業書籍冊頁，由此而

圖1-1 澳大利亞RE Sydney 的書籍冊頁圖1-2 中央美術學院設計學院畢業展覽的前言設計
（來源：亞洲CI 論壇，http://bbs.asiaci.com）
版式設計也可以稱為編排設計，它需要對版面中所需要的各素——文字、圖形、圖像等在形式上進行有機的排列組合，達到信息傳遞的基本目的，並在信息傳遞的過程中形成直觀動人、主次分明、可讀性強的優美閱讀空間，促成閱讀者美好的視覺與心理體驗。優秀的版式設計甚至能在版面中展示出自己新穎的創意和獨特的個性，強化表現形式與主訴內容之間的互動關繫，並傳達出設計者的藝術追求與文化理念，形成一種具有個人風格和藝術特色的藝術表達方式。
二、版式設計的範疇
版面構成伴隨著時代的進步、現代科學技術與經濟的飛速發展而興起並不斷發展，它與人們的生活變化密切相關，展現了時代精神面貌、審美風向、文化傳統的變遷。版式設計的範疇很廣，主要分布在兩大領域——傳統紙媒領域與現代虛擬頁面領域及相關電子視頻領域。
傳統紙媒領域的版式設計表現在以下方面。
（1）出版物版面設計：如報紙版面、雜志版面、書籍版面，如圖1-3 所示。

（2）廣告版面設計：如報紙廣告、雜志廣告、燈箱廣告、路牌廣告等，如圖1-4 所示。

（3）促銷道具設計：如包裝、POP 廣告、產品目錄等，如圖1-5 和圖1-6 所示。

（4）產品形像應用識別設計：如名片、年報、畫冊等如圖1-7 和圖1-8 所示。

現代虛擬頁面領域及相關電子視頻領域則包括網站頁面、手機交互頁面、電視電影交互頁面等，如圖1-9 和圖1-10 所示。以上這兩大類領域為人們表現思想和觀念提供了無比廣闊的空間。

圖1-3 報紙版式設計圖1-4 路牌廣告中的版式設計
（來源：花瓣網，http://huaban.com）（來源：亞洲CI 論壇，http://bbs.asiaci.com）

圖1-5 酷樂仕維他命包裝中的版式設計圖1-6 澳大利亞五金工具包裝中的版式設計
（來源：堆糖，https://www.duitang.com）（來源：堆糖，https://www.duitang.com）

圖1-7 名片版式設計
（來源：DOOOOR 設計網，http://www.doooor.com）

圖1-9 電子產品界面設計圖1-10 Beanpole 戶外用品服裝服飾網頁設計
（來源：百度圖片，http://image.baidu.com）（來源：DOOOOR 設計網，http://www.doooor.com）
三、版式設計涉及的行業
版式設計涉及的行業與工作崗位眾多，主要分類如圖1-11 所示。
四、版式的視覺設計要素
為了傳遞信息，版式設計需要通過一些構成要素來進行表達，其基本的3 個設計要素分別為文字、圖形圖像、色彩。
版面中的主題和內容主要通過文字傳達，例如標題、正文、題注等，如圖1-12 所示；而圖形圖像則給版面創造為突出的視覺衝擊力，它能在時間捕獲閱讀者的視線，並在版面中對文字起到輔助的作用，幫助閱讀者理解版面信息，使版面變得更加真實和立體。版面設計中的圖像如圖1-13 所示。
色彩在版面設計中起到奠定基調的作用，它確立版面氛圍，對人們的心理影響更加直接，更加感性。在現代商業設計中，色彩的使用已經成為一種策略和一門繫統的科學。版面設計中的色彩如圖1-14 所示。

圖1-12 版面設計中的文字
（來源：站酷，http://www.zcool.com.cn）

五、版式設計的基本目的
版式設計的初目的在於為信息發布者傳遞信息，使版面具有清晰的條理性，信息主題得以突出，達到的傳遞效果。
但是，版式設計並不是一成不變的文字和圖形的排列與組合，它並非純粹的技術編排工作，也沒有固定的程式，它在作為信息傳遞媒介的同時也需要讓讀者在版面的閱讀與欣賞過程中產生共鳴與認同，用設計師本身的設計涵養與水準打動讀者，使其形成精神上的
愉悅，滿足其更高層次的審美需求，從而進一步使信息在讀者頭腦中得到強化，久的印像。
值得一提的是，現代社會中的信息爆炸、成與改變，要求設計師們在實際的工作過程中切實考慮信息傳遞情況，路，實現版式設計的基本目的。

第二節.版式設計的功能
版式設計首先應該具備的一個功能就是要有效地提高版
要在各種信息中搶得先機贏得讀者青睞，就需要在版式上做足功夫，也許是通過生動的圖片（見圖1-15），也許是通過鮮艷的色彩，也許是通過獨具匠心的畫面編排形式（見圖1-16），隻要能引起讀者注意，就是邁向信息傳遞成功的步。

二、有利於信息的有效傳達
人們常常看見一些印刷品乍看似乎光鮮亮麗，當深入閱讀時卻感覺閱讀困難，例如圖片與文字匹配不當，或者字體的選擇不得體，或者版面主要信息與次要信息關繫紊亂，或者文字的行距過於密集等，這些問題都會使讀者失去進一步了解信息的興趣，導致信息傳遞中斷。因此，設計者不能被花裡胡哨的東西所迷惑，不能僅追求表面的視覺衝擊力，還應該注意信息傳遞的內在章法和技巧，認真推敲有效傳達各種信息的方法。圖1-17 所示是一本商業畫冊的版式設計，其封面與內頁之間具有一定的邏輯關繫，信息的傳遞也明確有效。

圖1-17 商業畫冊的版式設計
（來源：紅動中國網，http://bbs.redocn.com/imagedetail.php?aid=1481549#picture）
三、強化傳達效果的持久留存
信息得到傳遞之後，信息傳遞的工作並沒有完成。對信息設計者而言，更高的要求是讓傳遞出去的信息能在讀者的腦海裡經久繚繞，產生持久留存的效果。這就要求設計師針對目標觀眾的品位需求，了解內容，提出概念，弄清楚觀眾的接受方式，並提高自己的設計水準與修養，使作品形成美感，引發觀者共鳴。
例如，圖1-18 所示的宣傳海報中的圖形輕快活躍，產生光感十足的視覺效果，往往能吸引觀者的視線；圖1-19 所示宣傳折頁特別的折疊方式能令觀者產生深刻的印像。

圖1-19 宣傳折頁中別致的折疊效果

第三節.版式設計的原則
這些設計通常具有以下特點。
主題是版面要傳遞的主要信息，在視覺上要能夠形成重點，甚至是焦點，它需要具備清晰的條理性、的形式感和的訴求效果。人的視線接觸版面時，常常是迅速從左上角移動到左下角，再通過版面中心部分移動到右上角、右下角，後回到畫面中心略偏上的位置。
一般而言，在版式設計中，需要傳達的主信息要與畫面視覺中心的位置相契合，如美國設計師Tsongtze 為《狼圖騰》設計的封面，如圖1-20 所示。在一些後現代的版式設計中，也有主信息故意偏離畫面視覺中心的情況，但在這種情況下往往采取打破整體感的方式，以非常規的排列方式來引起讀者的關注，從而也形成另一種意義上的“焦點”，使主題得以突出，例如Hesign 設計機構的封面設計作品，如圖1-21 所示。

康定斯基在《論藝術的精神》中寫道：“形式是內容的外部表現。”這句話意味著形式不能脫離內容而存在。雖然康定斯基此言並非針對版式設計而言，但它仍然適用於此領域。視覺設計作品中的“內容”是指要表現的主題與信息，而“形式”則是指視覺表現，在版式設計中，形式表現為文字的排列、色彩的配置、圖形圖像的選用等。設計中形式的表現需要服從主題內容的表達，應當是有意味的形式，不能脫離內容而存在，否則會陷入無目的的、空洞的形式遊戲之中。
主題內容的表達也需要借助形式來闡釋和表現，缺乏藝術表達的內容會顯得單調和刻板。隻有形式與內容有機地結合在一起，信息的傳遞纔會更加順暢。如圖1-22 所示，原研哉為無印良品Muji 所設計的宣傳廣告，形式簡潔，質樸雅致，與無印良品品牌本身不強調所謂的流行感或個性，提倡簡約、自然、富有質感的Muji 式現代生活哲學相契合。

圖1-22 原研哉為Muji 設計的宣傳廣告
(來源：牛設網，http://www.wokende.com/work-32976-8.html)
三、版面強調整體感
版面強調整體感，就是通過某種統一的手法，例如采用統一的色彩，或統一的圖文構成形式等，使版面形成一個有機的整體。在版面中允許有局部的節奏變化，但是局部變化需要在整體的基調下進行。
強調整體感通常有以下一些方法。
（1）明確版面中的視覺結構方向，例如垂直方向、水平方向、傾斜方向等。

（2）圖文的編排過程中注重條理性和內在邏輯性，適當的時候可以引入網格進行設計。

（3）在設計中要整體考慮，封面、內頁、折頁要秉承統一風格。

在版式設計中，整體關繫的重要性要遠遠大於局部關繫，之間形成適當的聯繫，版面中纔會形成所謂的整體感。在圖1-23 中，要素之間就具備良好的整體關繫。隻有強化版面各種編排要素在版面中的結構以及色彩上的關聯性，版面纔會具有秩序美與條理美。

圖1-23 整體視覺良好的版面
（來源：版式設計很簡單，微信號：typography_design）
四、技術與藝術的統一
技術的發展在版式設計的歷史中起到了舉足輕重的作用，曾經多次對版式設計的發展產生轉折性的改變。從一開始的手工繪制、中國唐代的雕版印刷等手法開始，到後來14 世紀歐洲的約翰內斯·古登堡的金屬活字印刷拼合木刻插畫印刷出版書籍，從19 世紀的新藝術運動中諸多藝術家的手繪海報，到如今的融合計算機技術與綜合手法設計出來的海報，技術的發展給版式設計注入了新鮮的血液，使之萌發出新生的綠芽並葳蕤生長。
在當今，隨著照相排版機、計算機設備的廣泛應用，版式設計成為極富創造力的領域。在計算機中，設計師可以用圖文編排軟件自由地選擇字體，並根據需要對文字編排做任意改變：放大、縮小、加寬、變窄、傾斜、扭曲、變形、密集、稀疏，這些都可以成為設計師們信手撚來的手法；照相術的發展和眾多圖形圖像處理軟件的開發，使得設計師可以隨心拍攝任何自己需要的素材，並借用軟件處理成奇幻斑斕、玄妙無比的設計作品；印刷工藝的進步與印刷材料媒介的發展，使得設計師在印前、印中和印後可以對版面材質與效果進行操控，實現更為自我與獨創的效果。例如，圖1-24 所示為書籍封面的皮革刻印效果；圖1-25 所示為書籍封面對毛氈材料和縫紉技術的運用；圖1-26 所示為封面采用特殊材料呈現出文字的變換效果。

圖1-24 書籍封面的皮革刻印效果圖1-25 書籍封面的毛氈材料與縫紉技術

商品搜索

商品分类

【醫學】

【各大出版社】