版式基礎(chǔ)：版式設(shè)計(jì)思維、技術(shù)與實(shí)踐
版式設(shè)計(jì)是一門結(jié)合理性分析與感性審美的綜合學(xué)科，如果盲目地進(jìn)行設(shè)計(jì)，沒(méi)有遵循版式設(shè)計(jì)規(guī)律，所產(chǎn)生的效果不會(huì)很好。而這本集版式、色彩理論與實(shí)戰(zhàn)案例演練的設(shè)計(jì)書籍，將是你從設(shè)計(jì)小白直達(dá)版式高手的秘籍。
本書共有12章。開(kāi)篇介紹了10種拿來(lái)即用的版式設(shè)計(jì)法則，讓讀者快速了解版式設(shè)計(jì)的基本法則；接著從版式設(shè)計(jì)的構(gòu)成法則、文字、圖片、網(wǎng)格、配色五個(gè)方面，全面講解版式設(shè)計(jì)原理；最后則是跨平臺(tái)設(shè)計(jì)實(shí)戰(zhàn)案例篇，結(jié)合當(dāng)下的熱門設(shè)計(jì)案例，使讀者能夠全面理解案例的設(shè)計(jì)過(guò)程。詳實(shí)的技巧解答幫助讀者解決設(shè)計(jì)中遇到的困惑；豐富的成功案例有助于提升審美和設(shè)計(jì)能力。
本書理論簡(jiǎn)明易懂、案例豐富實(shí)用，適合入門學(xué)習(xí)設(shè)計(jì)的讀者，對(duì)于沒(méi)有版式設(shè)計(jì)經(jīng)驗(yàn)，或者有一定基礎(chǔ)但急需提高設(shè)計(jì)水平的讀者來(lái)說(shuō)，本書是不錯(cuò)的選擇。
紅糖美學(xué)是由國(guó)內(nèi)一線美學(xué)設(shè)計(jì)師聯(lián)合發(fā)起的創(chuàng)作型團(tuán)隊(duì)，專注于插畫繪圖、內(nèi)容創(chuàng)作、產(chǎn)品設(shè)計(jì)等，擁有13年通識(shí)美學(xué)領(lǐng)域經(jīng)驗(yàn)，致力于挖掘、再造、創(chuàng)新中國(guó)傳統(tǒng)文化的美學(xué)表現(xiàn)，通過(guò)圖書、文創(chuàng)等產(chǎn)品形式傳播設(shè)計(jì)美學(xué)，使用戶能夠充分地觀察美、感受美。紅糖美學(xué)以“精研中國(guó)文化，重塑美學(xué)設(shè)計(jì)”理念為目標(biāo)，致力于創(chuàng)造高品質(zhì)國(guó)潮美學(xué)產(chǎn)品，提升用戶的美學(xué)生活力。代表作有《國(guó)之色 中國(guó)傳統(tǒng)色彩搭配圖鑒》《華之色 紋樣里的中國(guó)傳統(tǒng)色》等，并有多個(gè)圖書版權(quán)輸出到日本、韓國(guó)及歐美的多個(gè)國(guó)家和地區(qū)。
圖片素材獲取與授權(quán)：htmx@feileniao.com
設(shè)計(jì)小白快速入門
法則 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ì)小白快速入門
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)畫面感染力的垂直構(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è)計(jì)
SECTION 1 圖書雜志版式設(shè)計(jì)必知必會(huì)
·圖書雜志設(shè)計(jì)的特點(diǎn)
·圖書雜志的版式編排特點(diǎn)
SECTION 2 實(shí)戰(zhàn)案例解析
·美妝雜志內(nèi)頁(yè)版式設(shè)計(jì)
·旅游雜志內(nèi)頁(yè)設(shè)計(jì)
SECTION 3 優(yōu)秀圖書雜志版式設(shè)計(jì)欣賞
習(xí)題
書單推薦
