版式基礎：版式設計思維、技術與實踐

設計小白快速入門
法則 1 統(tǒng)一，拒絕散亂的頁面
法則 2 節(jié)奏，增加版面活力
法則 3 對齊，讓版面整潔清晰
法則 4 平衡，營造版面穩(wěn)定感
法則 5 留白，增加版面格調和透氣感
法則 6 聚攏，讓瑣碎信息井然有序
法則 7 層次，讓閱讀更高效
法則 8 重復，使版面簡潔統(tǒng)一
法則 9 對比，讓信息更加強烈直觀
法則 10 網(wǎng)格，處理易顯雜亂的圖片
Chapter 01設計小白快速入門
SECTION 1 初識版式設計
·什么是版式設計
·如何完成一次完整的版式設計
SECTION 2 人人必知的版面構圖元素
· “點”的編排構成
· “線”與空間的關系
· “面”的版面構成
SECTION 3 如何調整版面率
·增加或減少版面空白
·通過改變圖像面積大小調整圖版率
·改變色底顏色使版面充實
習題
Chapter 02 版式設計構成法則
SECTION 1 根據(jù)主題選擇適合的構圖方式
·加強畫面感染力的垂直構圖
·表現(xiàn)穩(wěn)重安定的平衡構圖
·表現(xiàn)時尚主題的傾斜式構圖
·表現(xiàn)趣味性的曲線構圖
·突出主題的三角形構圖
·視覺沖擊力強的聚集式構圖
·輕松均衡的分散式構圖
·活潑獨特的坐標式構圖
SECTION 2 5 種視覺流程，輕松引導讀者視線
·單向視覺流程
·重心視覺流程
·反復視覺流程
·導向性視覺流程
·散點視覺流程
SECTION 3 運用合適比例優(yōu)化版面效果
·對比與平衡
·四邊和中心點
·統(tǒng)一穩(wěn)定的對稱形式
·充滿視覺美感的黃金分割比例
·打破平衡與約束的自由型
SECTION 4 不可忽視的細節(jié)調整
·統(tǒng)一邊線，增強秩序感
·調整構圖元素間的間距
習題

Chapter 03 營造氛圍的關鍵—文字
SECTION 1 選擇合適的字體很重要
·字體樣式影響版面風格
·中英文字體的編排

SECTION 2 恰當?shù)淖痔柡烷g距為版面增光添彩
·印刷文字的字號規(guī)定
·結合字體設置字號和間距
·根據(jù)信息內容設置行距
·根據(jù)段落調整段間距
SECTION 3 不同文字的組合編排豐富版面
·文字的對齊方式
·增強版面吸睛力的文字編排
·文字的圖形化編排
SECTION 4 文字與圖片的編排規(guī)則
·統(tǒng)一文字和圖片的邊線
·安排圖片和文字的位置
·圖片與文字的色彩搭配很關鍵
習題
Chapter 0 4 直白的解說家—圖片
SECTION 1 調整圖片尺寸使版面張弛有度
·放大含有重要信息的圖片
·縮小圖片，讓留白增加透氣感
·運用圖片出血增強感染力
SECTION 2 多種圖片組合打造更具吸引力的版面
·井然有序地展示大量圖片
·增大圖片的視覺張力
·打破規(guī)則增添趣味感
SECTION 3 結合圖片內容排出靈活的版式
·學會利用圖片本身的動感
·使用滿版圖片增強氛圍
·圖片退底使版面通透靈活
SECTION 4 圖片的適當裁剪讓表達更清晰
·圖片的分辨率與裁剪
·通過裁剪突出圖片主體
·通過裁剪刪除多余的圖像
·根據(jù)版面的編排方式對圖片進行裁剪
Chapter 05 版式的“骨架”—網(wǎng)格
PSECTION 1 初識網(wǎng)格系統(tǒng)
·什么是網(wǎng)格
·網(wǎng)格系統(tǒng)的重要性
SECTION 2 豐富的網(wǎng)格類型
·穩(wěn)定平衡的對稱式網(wǎng)格
·生動靈活的非對稱式網(wǎng)格
·基礎編排的基線網(wǎng)格
SECTION 3 網(wǎng)格的應用
·分欄與分塊
·如何在有限網(wǎng)格中靈活編排
習題
CChapter 06 版式的顏值打磨 —色彩搭配
SECTION 1 色彩知識大掃盲
·色彩的基礎知識
·色彩的視覺識別性
SECTION 2 利用色彩表現(xiàn)空間感
·烘托主題的冷暖色
·和諧統(tǒng)一的同類色
·增大張力的對比色
SECTION 3 色彩在不同版面中的應用技巧
·色調統(tǒng)一讓版面更舒適
·強調色在版面中的導向性
·黑白和雙色印刷讓版面更具表現(xiàn)力
習題
Chapter 07 UI 版式設計
SECTION 1 UI 版式設計必知必會
·UI 設計的特點
·UI 設計的版式編排原則
SECTION 2 實戰(zhàn)案例解析
·服飾網(wǎng)購 App 界面設計
·旅游 App 界面設計
·社交 App 界面設計
SECTION 3 優(yōu)秀 UI 版式設計欣賞
習題
Chapter 08 網(wǎng)頁版式設計
PSECTION 1 網(wǎng)頁版式設計必知必會
·網(wǎng)頁設計的特點
·網(wǎng)頁的版式編排特點
SECTION 2 實戰(zhàn)案例解析
·購物網(wǎng)站網(wǎng)頁設計
·音樂網(wǎng)站網(wǎng)頁設計
·圖庫網(wǎng)站網(wǎng)頁設計
SECTION 3 優(yōu)秀網(wǎng)頁版式設計欣賞
習題
Chapter 09 海報版式設計
SECTION 1 海報版式設計必知必會
·海報設計的特點
·海報的版式編排特點
SECTION 2 實戰(zhàn)案例解析
·幼兒園招生海報設計
·電子樂演出宣傳海報設計
·個人藝術展宣傳海報設計
SECTION 3 優(yōu)秀海報版式設計欣賞
習題
Chapter 10 DM單版式設計
SECTION 1 DM單版式設計必知必會
·DM 單設計的特點
·DM 單的版式編排特點
SECTION 2 實戰(zhàn)案例解析
·城市之淚環(huán)境宣傳 DM 單設計
·寵物之家 DM 單設計
SECTION 3 優(yōu)秀 DM 單版式設計欣賞
習題
Chapter 11 包裝版式設計
PSECTION 1 包裝版式設計必知必會
·包裝設計的特點
·包裝的版式編排特點
SECTION 2 實戰(zhàn)案例解析
·咖啡袋版式設計
·果醋包裝版式設計
·早餐谷物牛奶包裝版式設計
習題

Chapter 12 圖書雜志版式設計
SECTION 1 圖書雜志版式設計必知必會
·圖書雜志設計的特點
·圖書雜志的版式編排特點
SECTION 2 實戰(zhàn)案例解析
·美妝雜志內頁版式設計
·旅游雜志內頁設計
SECTION 3 優(yōu)秀圖書雜志版式設計欣賞
習題