版式基礎(chǔ)：版式設(shè)計思維、技術(shù)與實踐

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

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

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

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