版式設計是一門結合理性分析與感性審美的綜合學科，如果盲目地進行設計，沒有遵循版式設計規(guī)律，所產生的效果不會很好。而這本集版式、色彩理論與實戰(zhàn)案例演練的設計書籍，將是你從設計小白直達版式高手的秘籍。
本書共有12章。開篇介紹了10種拿來即用的版式設計法則，讓讀者快速了解版式設計的基本法則；接著從版式設計的構成法則、文字、圖片、網格、配色五個方面，全面講解版式設計原理；最后則是跨平臺設計實戰(zhàn)案例篇，結合當下的熱門設計案例，使讀者能夠全面理解案例的設計過程。詳實的技巧解答幫助讀者解決設計中遇到的困惑；豐富的成功案例有助于提升審美和設計能力。
本書理論簡明易懂、案例豐富實用，適合入門學習設計的讀者，對于沒有版式設計經驗，或者有一定基礎但急需提高設計水平的讀者來說，本書是不錯的選擇。
紅糖美學是由國內一線美學設計師聯合發(fā)起的創(chuàng)作型團隊，專注于插畫繪圖、內容創(chuàng)作、產品設計等，擁有13年通識美學領域經驗，致力于挖掘、再造、創(chuàng)新中國傳統(tǒng)文化的美學表現，通過圖書、文創(chuàng)等產品形式傳播設計美學，使用戶能夠充分地觀察美、感受美。紅糖美學以“精研中國文化，重塑美學設計”理念為目標，致力于創(chuàng)造高品質國潮美學產品，提升用戶的美學生活力。代表作有《國之色 中國傳統(tǒng)色彩搭配圖鑒》《華之色 紋樣里的中國傳統(tǒng)色》等，并有多個圖書版權輸出到日本、韓國及歐美的多個國家和地區(qū)。
圖片素材獲取與授權：htmx@feileniao.com
設計小白快速入門
法則 1 統(tǒng)一，拒絕散亂的頁面
法則 2 節(jié)奏，增加版面活力
法則 3 對齊，讓版面整潔清晰
法則 4 平衡，營造版面穩(wěn)定感
法則 5 留白，增加版面格調和透氣感
法則 6 聚攏，讓瑣碎信息井然有序
法則 7 層次，讓閱讀更高效
法則 8 重復，使版面簡潔統(tǒng)一
法則 9 對比，讓信息更加強烈直觀
法則 10 網格，處理易顯雜亂的圖片
Chapter 01設計小白快速入門
SECTION 1 初識版式設計
·什么是版式設計
·如何完成一次完整的版式設計
SECTION 2 人人必知的版面構圖元素
· “點”的編排構成
· “線”與空間的關系
· “面”的版面構成
SECTION 3 如何調整版面率
·增加或減少版面空白
·通過改變圖像面積大小調整圖版率
·改變色底顏色使版面充實
習題
Chapter 02 版式設計構成法則
SECTION 1 根據主題選擇適合的構圖方式
·加強畫面感染力的垂直構圖
·表現穩(wěn)重安定的平衡構圖
·表現時尚主題的傾斜式構圖
·表現趣味性的曲線構圖
·突出主題的三角形構圖
·視覺沖擊力強的聚集式構圖
·輕松均衡的分散式構圖
·活潑獨特的坐標式構圖
SECTION 2 5 種視覺流程，輕松引導讀者視線
·單向視覺流程
·重心視覺流程
·反復視覺流程
·導向性視覺流程
·散點視覺流程
SECTION 3 運用合適比例優(yōu)化版面效果
·對比與平衡
·四邊和中心點
·統(tǒng)一穩(wěn)定的對稱形式
·充滿視覺美感的黃金分割比例
·打破平衡與約束的自由型
SECTION 4 不可忽視的細節(jié)調整
·統(tǒng)一邊線，增強秩序感
·調整構圖元素間的間距
習題
Chapter 03 營造氛圍的關鍵—文字
SECTION 1 選擇合適的字體很重要
·字體樣式影響版面風格
·中英文字體的編排
SECTION 2 恰當的字號和間距為版面增光添彩
·印刷文字的字號規(guī)定
·結合字體設置字號和間距
·根據信息內容設置行距
·根據段落調整段間距
SECTION 3 不同文字的組合編排豐富版面
·文字的對齊方式
·增強版面吸睛力的文字編排
·文字的圖形化編排
SECTION 4 文字與圖片的編排規(guī)則
·統(tǒng)一文字和圖片的邊線
·安排圖片和文字的位置
·圖片與文字的色彩搭配很關鍵
習題
Chapter 0 4 直白的解說家—圖片
SECTION 1 調整圖片尺寸使版面張弛有度
·放大含有重要信息的圖片
·縮小圖片，讓留白增加透氣感
·運用圖片出血增強感染力
SECTION 2 多種圖片組合打造更具吸引力的版面
·井然有序地展示大量圖片
·增大圖片的視覺張力
·打破規(guī)則增添趣味感
SECTION 3 結合圖片內容排出靈活的版式
·學會利用圖片本身的動感
·使用滿版圖片增強氛圍
·圖片退底使版面通透靈活
SECTION 4 圖片的適當裁剪讓表達更清晰
·圖片的分辨率與裁剪
·通過裁剪突出圖片主體
·通過裁剪刪除多余的圖像
·根據版面的編排方式對圖片進行裁剪
Chapter 05 版式的“骨架”—網格
PSECTION 1 初識網格系統(tǒng)
·什么是網格
·網格系統(tǒng)的重要性
SECTION 2 豐富的網格類型
·穩(wěn)定平衡的對稱式網格
·生動靈活的非對稱式網格
·基礎編排的基線網格
SECTION 3 網格的應用
·分欄與分塊
·如何在有限網格中靈活編排
習題
CChapter 06 版式的顏值打磨 —色彩搭配
SECTION 1 色彩知識大掃盲
·色彩的基礎知識
·色彩的視覺識別性
SECTION 2 利用色彩表現空間感
·烘托主題的冷暖色
·和諧統(tǒng)一的同類色
·增大張力的對比色
SECTION 3 色彩在不同版面中的應用技巧
·色調統(tǒng)一讓版面更舒適
·強調色在版面中的導向性
·黑白和雙色印刷讓版面更具表現力
習題
Chapter 07 UI 版式設計
SECTION 1 UI 版式設計必知必會
·UI 設計的特點
·UI 設計的版式編排原則
SECTION 2 實戰(zhàn)案例解析
·服飾網購 App 界面設計
·旅游 App 界面設計
·社交 App 界面設計
SECTION 3 優(yōu)秀 UI 版式設計欣賞
習題
Chapter 08 網頁版式設計
PSECTION 1 網頁版式設計必知必會
·網頁設計的特點
·網頁的版式編排特點
SECTION 2 實戰(zhàn)案例解析
·購物網站網頁設計
·音樂網站網頁設計
·圖庫網站網頁設計
SECTION 3 優(yōu)秀網頁版式設計欣賞
習題
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)秀圖書雜志版式設計欣賞
習題
書單推薦
