總被吐槽排版丑？多半沒(méi)看過(guò)這份設(shè)計(jì)干貨
來(lái)源：BranD的好奇心
原標(biāo)題：如何打造爆款版式？
在這個(gè)時(shí)代，無(wú)論是紙媒還是互聯(lián)網(wǎng)，信息的傳播都離不開(kāi)版式設(shè)計(jì)。
好的版式設(shè)計(jì)可以在有限的頁(yè)面內(nèi)，以最快速、直接、有效的方式傳遞出核心的信息內(nèi)容，并讓受眾建立深刻而良好的印象。
所以，今天我?guī)ьI(lǐng)大家學(xué)習(xí)一些版式設(shè)計(jì)知識(shí)，希望可以幫助到你們?cè)缛兆龀霰畹陌媸絶！
正確認(rèn)識(shí)版式設(shè)計(jì)學(xué)習(xí)基礎(chǔ)
首先，要了解到版式設(shè)計(jì)是將圖片、文字進(jìn)行編排組合，以此通過(guò)它來(lái)更好的傳達(dá)作者想要傳遞的信息，并使得版面內(nèi)容更加一目了然。
那么，它有哪些主要構(gòu)成部分呢？
一、頁(yè)面基本元素
1、欄版
面中用線(xiàn)條或用空白貫通隔開(kāi)的部分。
2、版心
版心是頁(yè)面中主要內(nèi)容所在的區(qū)域。
3、標(biāo)題
版面中字號(hào)較大的點(diǎn)題性文字，旨在吸引讀者注意力。
4、視覺(jué)焦點(diǎn)
版面中最先吸引讀者注意力的部分。
5、正文
版面中標(biāo)題以外的主要內(nèi)容，字號(hào)較小。
6、頁(yè)邊距
版心邊沿至成品邊沿的空白區(qū)域。
7、注解
對(duì)表格或插圖所作的解釋和補(bǔ)充說(shuō)明。
8、天頭
版心上方的余白。
9、地腳
版心下方的余白。
10、出血
印刷裝訂工藝要求頁(yè)面的底色或圖片須跨出裁切線(xiàn)一定的位置，通常為3 mm，以免裁切時(shí)裁掉頁(yè)面中的內(nèi)容，裁切線(xiàn)以外的部分稱(chēng)作出血。
版式設(shè)計(jì)基本原則
比例分配
1、三分法
三分法主要目的是為了幫助你找到視覺(jué)興趣點(diǎn)、平衡畫(huà)面以及元素之間的不對(duì)稱(chēng)狀態(tài)。
舉個(gè)例子：將畫(huà)布水平和垂直地劃分成三個(gè)大小相等3×3的網(wǎng)格，劃分畫(huà)面的四條線(xiàn)所形成的四個(gè)交點(diǎn)的位置，可以用于放置設(shè)計(jì)中想要突出或者主導(dǎo)畫(huà)面的重要設(shè)計(jì)元素。
2、黃金比例
顧名思義，恰到好處的比例分割，也因此被各個(gè)領(lǐng)域廣泛使用。其公式為a:b=b:(a+b)，特指較小的兩個(gè)矩形（例如矩形的較短邊）與較大的兩個(gè)矩形以相同的組合方式相關(guān)聯(lián)，與兩個(gè)部分相結(jié)合。
二、視覺(jué)層級(jí)
視覺(jué)層次非常重要，它可以創(chuàng)造視覺(jué)的興趣焦點(diǎn)，吸引讀者的眼球。除此之外，視覺(jué)的層級(jí)關(guān)系還通過(guò)元素的大小、粗細(xì)、色彩、位置以及字體的變化等方面來(lái)呈現(xiàn)。
1、大小與視覺(jué)重量
大號(hào)或加粗的字最先吸引讀者的注意力。
2、位置
最顯眼的位置總能優(yōu)先吸引讀者。一般來(lái)說(shuō)，位于上方的內(nèi)容或平行時(shí)右手邊的位置的內(nèi)容較為醒目。
3、字體
一般突出性字體顯示的內(nèi)容往往會(huì)更為重要。
4、色彩
區(qū)分與周?chē)淖只蚱渌麅?nèi)容的色彩視覺(jué)更能吸引人。
三、網(wǎng)格元素
網(wǎng)格系統(tǒng)作為平面設(shè)計(jì)重要的工具，它可以提高設(shè)計(jì)速度，幫助設(shè)計(jì)師確立視覺(jué)層級(jí)關(guān)系，加強(qiáng)設(shè)計(jì)的秩序感。
1、頁(yè)邊距
介于頁(yè)面邊緣和版心之間的留白區(qū)域。
2、流線(xiàn)
有助于引導(dǎo)讀者視線(xiàn)穿過(guò)整個(gè)頁(yè)面的標(biāo)準(zhǔn)對(duì)齊線(xiàn)，借此形成橫向排列的信息。
3、模塊
頁(yè)面中被標(biāo)準(zhǔn)間隔均分的單元區(qū)域，它在頁(yè)面中重復(fù)出現(xiàn)，并且創(chuàng)建出一系列的行與列。
4、行
用于分隔版心空間，能夠存放內(nèi)容的水平空間。
5、欄間
空白兩欄之間的分割區(qū)域。
6、空間區(qū)
為文字、圖像或者其他信息構(gòu)成特定區(qū)域的模塊組或欄目組。
其他網(wǎng)格表現(xiàn)形式
如何做好版式設(shè)計(jì)進(jìn)行分類(lèi)總結(jié)
版式設(shè)計(jì)的好壞決定你的作品被記住的程度，想要做好它得從以下幾點(diǎn)來(lái)探討。
Sans Edgy Variable
一、字體的選擇
文字作為語(yǔ)言符號(hào)，無(wú)論在何種視覺(jué)媒體中都直接影響版式的視覺(jué)效果，它不僅是提高作品的訴求力更是賦予了版面審美的價(jià)值觀。
選用字體時(shí)，先觀看其設(shè)計(jì)風(fēng)格再?zèng)Q定。
其次，多看不同的字體，選擇其中集中熟練地套用。
確認(rèn)用于各種目的的字級(jí)大小，注意字體的種類(lèi)會(huì)影響文字看起來(lái)的大小，還要記住各媒體一般常用的自級(jí)大小。
行間必須設(shè)定為字型大小的1.5倍~2倍，字行越長(zhǎng)，行間要拉寬才容易閱讀。
文字多列排版時(shí)，同樣類(lèi)型的文章一定要套用相同的樣式，依據(jù)不同用途調(diào)整字距時(shí)，第一優(yōu)先為文章閱讀時(shí)的韻律感，其次才是調(diào)整編排的整齊度。
Type Directors Club
二、色彩與配色
色彩有色相、明度、彩度三要素，各式各樣的色彩可用CMYK混調(diào)呈現(xiàn)。印刷用色分別為CMYK混色與特別調(diào)制的特別色，要輸出黑色質(zhì)感時(shí)可考慮使用復(fù)色黑。
顏色會(huì)讓人聯(lián)想到溫暖、冰冷、華麗等印象，編排設(shè)計(jì)時(shí)應(yīng)善用利用顏色的印象并熟練使用。
在做版面設(shè)計(jì)時(shí)，比起單一色彩，更常遇到的是各種混色的連用。
多認(rèn)識(shí)顏色的一些使用特點(diǎn)，搭配顏色時(shí)可選用同色系、對(duì)比色、以及稍微偏離前2種色彩的配色。
編排內(nèi)頁(yè)時(shí)偶爾會(huì)用到色彩，淺色底搭配深色文字，深色底搭配淺色文字；在此同時(shí)，讓背景（底色）和文字之間形成對(duì)比關(guān)系。
三、圖片編排
當(dāng)版面訴求的目的不同時(shí)，設(shè)計(jì)方式也不盡相同。圖片編排方式可分為以下幾點(diǎn)：
1、滿(mǎn)版排列
滿(mǎn)版排列主要以圖象為主，文字的編排一般放在上下、左右或中間的圖象上，這樣在視覺(jué)傳達(dá)上更加直觀且激烈。
2、上下排列
這個(gè)很好理解，版面分為上下部分，如果選擇上部分排圖片，那下部分放文字。
3、左右排列
把整個(gè)版面分割為左右兩個(gè)部分，分別在左或右配置文案。
4、中央排列
把圖形做垂直方向的排列，文字可以選擇上下或左右排版。
5、傾斜排列
版面主體形象或多幅圖版做傾斜編排，這樣做的目的可以令版面呈現(xiàn)出激烈的動(dòng)感和不穩(wěn)定要素。
6、對(duì)稱(chēng)排列
對(duì)稱(chēng)的版式給人穩(wěn)定、嚴(yán)肅理性。一般使用相對(duì)對(duì)稱(chēng)，其普通多采用相對(duì)對(duì)稱(chēng)，以左右對(duì)稱(chēng)居多。
7、重心排列
重心排列有三種概念：a.直接以獨(dú)立而輪廓清楚的形象占領(lǐng)版面中心。b.向心：視覺(jué)元素向版面中心靠攏的運(yùn)動(dòng)。c.離心：與向心恰好相反，其目的是產(chǎn)生視覺(jué)焦點(diǎn)。
8、三角形排列
正三角形（金字塔形）是最具穩(wěn)定要素的形狀（注：圓形和倒三角形則給人以動(dòng)感和不穩(wěn)定感）
版面留白的基本技巧
留白的意義，是在虛無(wú)的空間感中突顯主要視覺(jué)的存在感，為此強(qiáng)調(diào)主角視覺(jué)感的分量。
一、靜態(tài)白
1、字面的白
畫(huà)面上的留白超過(guò)60%，白與主要視覺(jué)形成對(duì)比，那么主要視覺(jué)的存在感會(huì)增強(qiáng)，比例變小，則反之。
2、非白的白
有時(shí)候?yàn)榱朔乐挂暰€(xiàn)雜亂，整個(gè)版面上就必須避免使用超過(guò)兩種的主要顏色。
3、陰影的白
主圖占比超過(guò)畫(huà)面的50%，可以讓觀者直接了解設(shè)計(jì)者想要傳達(dá)的意圖，文本僅是提點(diǎn)，下一層的信息更細(xì)小，反而能呈現(xiàn)簡(jiǎn)潔的力道，讓觀者不自覺(jué)地從大到小依序被指引導(dǎo)讀。簡(jiǎn)潔的力道，讓觀者不自覺(jué)地從大到小依序被指引導(dǎo)讀。
二、動(dòng)態(tài)白
1、文字主角
由于圖像與圖像之間藏有許多小空間，那么留白可能來(lái)自四周或是內(nèi)部，經(jīng)過(guò)配置后變得有趣味也更多元化，讓畫(huà)面告別呆板。
2、圖片主角
圖片本身的不規(guī)則造型，決定了畫(huà)面中主要的留白部分，圖片與文字之間的關(guān)系和擺放的位置，能讓彼此產(chǎn)生另一個(gè)層次的動(dòng)態(tài)感受。
*本篇部分文字資料整理于《今日版式》和佐藤直樹(shù)《基本的基本——版面設(shè)計(jì)的基礎(chǔ)思維》，僅供學(xué)習(xí)與分享，版權(quán)歸原作者所有。
作者公眾號(hào)：BranD的好奇心（id：BranDmag）
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（7條）