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

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

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

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

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