《版式設(shè)計(jì)原理(案例篇)——提升版式設(shè)計(jì)的55個(gè)技巧》筆記
對(duì)于初學(xué)者相對(duì)來(lái)說(shuō)比較有用的知識(shí)儲(chǔ)備,初學(xué)者必看的知識(shí)
一、版式結(jié)構(gòu)
人物面部特寫(xiě)、插圖、指示箭頭、數(shù)字、圖標(biāo)都可以抓人眼球
有對(duì)比就可以突出部分元素(例如:規(guī)則中有不規(guī)則圖形的出現(xiàn),暖色比冷色更能吸引讀者注意力。)
1、確定主題(畫(huà)面想要表達(dá)什么內(nèi)容、營(yíng)造什么氛圍)
2、思考色調(diào)(想要達(dá)到不同的效果有不同的色彩,色彩部分會(huì)講)
3、考量文字(文字風(fēng)格也要搭配畫(huà)面,根據(jù)畫(huà)面效果來(lái)進(jìn)行適當(dāng)調(diào)整,文字部分也會(huì)講)
重復(fù)可以說(shuō)是一致性的部分,在宣傳冊(cè)中,保持畫(huà)面的一致性。避免交錯(cuò)排放雜亂無(wú)章,如果想增加畫(huà)面的趣味性可以在圖片、文字、背景、輪廓上進(jìn)行處理
利用中心線(xiàn),將畫(huà)面進(jìn)行對(duì)稱(chēng)設(shè)計(jì)??梢援a(chǎn)生穩(wěn)定感、傳統(tǒng)感、高級(jí)感
色彩(亮暗、互補(bǔ)色、對(duì)比色)
大小
粗細(xì)
分組方法
種類(lèi)
色彩
形狀
地域
重要性
編號(hào)等
留白(留白是要素之間的隔閡,起到緩沖、隔離的作用。過(guò)擠失去閱讀興趣,相反過(guò)于空蕩,沒(méi)有內(nèi)容)
分組(分組就是按照一定的規(guī)則進(jìn)行分類(lèi),組與組之間留白,便于閱讀和提取信息,不要將不同屬性的內(nèi)容混雜在一起)
穩(wěn)定感(突出穩(wěn)定感,營(yíng)造穩(wěn)重、讓人安心的氛圍)
對(duì)比
對(duì)稱(chēng)
重復(fù)
一致性
視線(xiàn)引導(dǎo)(為設(shè)計(jì)添加松弛感,引導(dǎo)視線(xiàn)閱讀)
黃金比例(依照黃金比例進(jìn)行元素布置和圖片裁剪,可以營(yíng)造出富有美感的版式效果,黃金比例1:1.618,白銀比例1:1.414)
二、文字要素
確定字體設(shè)計(jì)的優(yōu)先級(jí),突出重點(diǎn),便于傳達(dá)信息
在宣傳單設(shè)計(jì)中,展現(xiàn)視覺(jué)沖擊力、可視性、親切感是關(guān)鍵,讓顧客第一時(shí)間把握畫(huà)面的重要信息
行距、字號(hào)、字距要設(shè)置合理,便于閱讀,也會(huì)使得畫(huà)面變得美觀。
選擇字體時(shí),應(yīng)該考慮字體和版式風(fēng)格
粗一點(diǎn)字體視覺(jué)沖擊力較強(qiáng);纖細(xì)的字體給人端莊簡(jiǎn)約、高雅穩(wěn)重之感
文字本身的形狀、邊角和筆畫(huà)兩端都是圓形的字體能夠表現(xiàn)出可愛(ài)的效果
表現(xiàn)靈躍動(dòng)感時(shí),可以適當(dāng)破壞文字的平衡感,文字傾斜,但是要保證畫(huà)面排版的平衡性
對(duì)比的字體可以使特征更加明顯
文字被擠壓并超出版面,會(huì)使得讀者感受到動(dòng)感和沖擊力(不能影響文字的可視性)
文字可以根據(jù)圖片進(jìn)行變形排版,選擇和寫(xiě)真的構(gòu)圖和形狀相匹配的文字設(shè)置方式,會(huì)使畫(huà)面和文字彼此強(qiáng)化
風(fēng)格體系要盡量保持一致,使得畫(huà)面統(tǒng)一協(xié)調(diào),否則畫(huà)面會(huì)顯得凌亂無(wú)章
標(biāo)題和正文要留有空間,便于區(qū)分,不能過(guò)于擁擠
標(biāo)題的背景用純色或者留白(文字底色用筆刷效果),會(huì)使得畫(huà)面更加易讀
標(biāo)題
字體特點(diǎn)
行距
優(yōu)先級(jí)
三、色彩知識(shí)
兒童風(fēng)格(干凈、健康、活潑,沒(méi)有摻雜雜色)

女性風(fēng)格(“可愛(ài)”“美麗”“溫柔”,白色為主,粉色,淺色系都適用)

男性風(fēng)格(深色、黑色、土黃等等)
老年人風(fēng)格(色彩樸實(shí),飽和度一般較低、可以適當(dāng)加強(qiáng)對(duì)比度)
美食風(fēng)格(暖色可以增加食欲、冷色降低食欲。意大利“紅綠”;中國(guó)“紅黃”:異域風(fēng)情“橙色和茶色”)
日式風(fēng)格(日本的顏色取自自然,色彩穩(wěn)重雅致)

季節(jié)風(fēng)格(春天櫻花粉色、日光奶油色、發(fā)芽的嫩綠色;夏天:烈日的黃色、紅色、藍(lán)天的藍(lán)色、海洋的湖藍(lán)色;秋天豐收的小麥色、楓葉的紅色;冬天白雪的白色、萬(wàn)物凋零顏色飽和度降低)
配色設(shè)計(jì)先確定是“體現(xiàn)統(tǒng)一感的配色”or“體現(xiàn)變化感的配色”,然后選取顏色
同色系比較簡(jiǎn)單,顏色較多時(shí),應(yīng)該注意明度和飽和度不能差別過(guò)大,色彩不統(tǒng)一,版面會(huì)出現(xiàn)凌亂,增加顏色數(shù)量的同事,可以通過(guò)調(diào)整明度和飽和度使畫(huà)面得到統(tǒng)一。

顏色數(shù)量不能過(guò)于復(fù)雜。一般是基本色70%、副色25%、重點(diǎn)色5%、
主色之外最多使用兩三個(gè)顏色
不同的色彩有不同的感覺(jué)需要細(xì)細(xì)把控。
食品商品設(shè)計(jì)中紅色為主可以促進(jìn)食欲
暖色系飽和度比較高的顏色,比較醒目,可以演繹出高貴華麗的氛圍。
三屬性:亮度、飽和度、色相
亮度、飽和度、色相差異越大、色彩對(duì)比越明顯
色彩
色彩印象
顏色數(shù)量
配色
風(fēng)格
四、關(guān)于圖片
優(yōu)先級(jí)(多張圖片排列時(shí),應(yīng)按照優(yōu)先級(jí)排序,確定主次。優(yōu)先選出與文字內(nèi)容一直的容易給讀者留下印象的,根據(jù)畫(huà)面的意向和想要傳達(dá)的內(nèi)容進(jìn)行調(diào)整)
分組(將版面是分組歸類(lèi),中間插入分割符號(hào)之類(lèi)的,便于閱讀)
目光(將人物進(jìn)行排版時(shí),注意目光的走向,以及臉的朝向)
裁剪(圖片裁剪的時(shí)候,突出重點(diǎn),統(tǒng)一尺寸)
五、網(wǎng)頁(yè)設(shè)計(jì)
將用戶(hù)最希望看到的信息插入快速視圖中。快速視圖就是無(wú)需滑動(dòng)滾輪,進(jìn)入頁(yè)面的第一版
配色應(yīng)該兼顧可讀性、可視性、和頁(yè)面的可操作性
文字較多時(shí),應(yīng)整理信息,突出重點(diǎn),分組分類(lèi)排序
排版時(shí)注意視線(xiàn)引導(dǎo),這樣才不會(huì)使讀者迷茫
立體感一般是按鈕,文字有下劃線(xiàn)虛線(xiàn)的一般是鏈接
網(wǎng)頁(yè)的頭圖比較重要,設(shè)計(jì)師應(yīng)重點(diǎn)設(shè)計(jì),廣告宣傳語(yǔ)配合圖形可以更加具體的展現(xiàn)需要傳遞給用戶(hù)的內(nèi)容
廣告欄最好的效果能夠使顧客過(guò)目不忘,有吸引眼球的點(diǎn),“面部特寫(xiě)”就是重要的一點(diǎn)
菜單的設(shè)計(jì),應(yīng)該方便顧客檢索,主題最好以文字形式打出,這樣在檢索功能中才可以搜索的到,圖片相對(duì)于文字較難檢索出來(lái)。
時(shí)常關(guān)注最新的網(wǎng)頁(yè)版面設(shè)計(jì)
文檔鏈接:https://mubu.com/doc/iAVOOQghB0 密碼:liming








































