讀書筆記系列：《版面設(shè)計的原理》課件

《版面設(shè)計的原理》匯報人：大大匯報時間：XX年XX月設(shè)計前必須知道的事情為什么好看的海報，你看了還想看？為什么好看的海報，你看了還想看？為什么好看的海報，你看了還想看？專治持續(xù)性頭痛?！猄aridon菲律賓散利痛藥品為什么好看的海報，你看了還想看？為什么好看的海報，你看了還想看？為什么好看的海報，你看了還想看？為什么精美的雜志，你看了就想買？為什么精美的雜志，你看了就想買？為什么精美的雜志，你看了就想買？為什么精美的雜志，你看了就想買？為什么精美的雜志，你看了就想買？設(shè)計因?yàn)槲愕牟粌H僅是內(nèi)容關(guān)鍵是它的設(shè)計好的平面設(shè)計=好創(chuàng)意+若干設(shè)計原理五步讓你的設(shè)計更專業(yè)建立條理添加變化突出強(qiáng)調(diào)顏色搭配設(shè)計技巧目錄建立條理添加變化突出強(qiáng)調(diào)設(shè)計技巧顏色搭配如何吸引讀者注意力，達(dá)到在短時間內(nèi)傳達(dá)信息信息的整理貼近和遠(yuǎn)離排列和對齊視線的移動重心和平衡文字編排信息的整理理解設(shè)計意圖、提取要素、正確布置是設(shè)計的第一步理解提取布置受眾是誰？在什么地方以怎樣的方式展現(xiàn)？設(shè)計它的目的是什么？怎樣達(dá)到這個目的？明確內(nèi)容中什么最重要，將各要素重要程度排序；提煉文案組合提取的各要素；搭配圖片貼近和遠(yuǎn)離將同類要素貼近配置，整理版面使其方便閱讀貼近例如編排名片：名字和稱謂貼近，地址、電話貼近遠(yuǎn)離適用于素材型作品，采用留白處理建立條理排列和對齊對細(xì)節(jié)部分進(jìn)行整理排序所有要素在假想邊框里進(jìn)行對齊開頭結(jié)尾對齊，文字與圖片對齊圖與圖、圖與文字之間間隔一致視線的移動怎樣引導(dǎo)讀者去閱讀（觀看）作品遵循人們視線移動習(xí)慣：從上到下、從左到右采用統(tǒng)一的項(xiàng)目編號、圖標(biāo)或者圖片直線和曲線的應(yīng)用重心和平衡對構(gòu)成版面的要素進(jìn)行“分量”設(shè)計，使版面達(dá)到平衡平衡面積大顏色淺+面積小顏色深居中對齊，將重心放置在中央文字編排先確定正文磅值，再決定標(biāo)題文字磅值選擇磅值時需考慮作品閱讀方式、目標(biāo)讀者年齡文字磅值“分欄”排版：將文章分為幾欄調(diào)整行長到適合閱讀合適行長：閱讀時不需改變臉的方向，只需移動視線就能讀完行長設(shè)置文字編排居中對齊：適用于橫排文章左右對齊：適用于長文章行頭對齊：適用于散文、詩歌等表現(xiàn)韻味的文字版式行對齊正文最恰當(dāng)行高：文字磅值的兩倍行高留白面積：文字內(nèi)空白<字與字間“字間隔”<行與行<段與段留白完全形態(tài)法則（Gestalt）左邊圖是小扇形的集合，但讀者更傾向于把他們整體看做右邊的“圓形”研究下意識將多要素整理歸納為整體，或從看到的事物中尋找圖形的心理傾向。即故意把部分設(shè)計要素隱藏或省略，能使讀者下意識地靠想象力把省略的部分填補(bǔ)完整。如何讓設(shè)計變得更有趣，如何在讀者心中留下深刻印象添加變化突出強(qiáng)調(diào)設(shè)計技巧顏色搭配建立條理留白退底邊界點(diǎn)綴粗細(xì)度躍動感留白沒有任何編排要素的地方留白大小左右讀者熊貓感受小:

優(yōu)點(diǎn)：熱鬧歡快

不足：拘束緊迫大:優(yōu)點(diǎn)：奢華高級

不足：相對冷清有關(guān)聯(lián)要素就近編排。留白要小調(diào)整圖像和文字尺寸、色彩差別，使其與留白協(xié)調(diào)退底根據(jù)圖片中圖像輪廓進(jìn)行剪裁處理沿物像周圍做粗略的剪切退底根據(jù)圖片中圖像輪廓進(jìn)行剪裁處理將圖片做與輪廓毫無關(guān)系的剪切退底根據(jù)圖片中圖像輪廓進(jìn)行剪裁處理沿物像輪廓去除背景邊界在版面要素較多的情況下，為各要素設(shè)計“邊界”，分隔非同類要素用隔線作區(qū)分（直線、虛線、手繪線）邊界在版面要素較多的情況下，為各要素設(shè)計“邊界”，分隔非同類要素用面作區(qū)分點(diǎn)綴在版面加入熊貓化元素，來添加細(xì)微變化重復(fù)使用某些元素維持原來形狀但改變顏色、尺寸用做背景圖案粗細(xì)度改變文字與線條的粗細(xì)度，為作品帶來張弛感改變文字筆畫的粗細(xì)度，為版面添加變化變化隔線粗細(xì)，區(qū)分不同項(xiàng)目躍動感加入動感設(shè)計，為版面添加動感使用動感圖片打亂某部分“平衡”改變文字和圖片角度用線、箭頭制造動感建立條理添加變化突出強(qiáng)調(diào)設(shè)計技巧顏色搭配如何使讀者一開始就對作品產(chǎn)生興趣，最快接受設(shè)計所要表達(dá)的信息反差差異放射反差為強(qiáng)調(diào)特定要素，使要素間不同點(diǎn)更明顯，讀者更易發(fā)現(xiàn)明暗對比尺寸大小反差差異如何是差異更明顯加框包圍改變顏色添加要素放射利用放射狀圖形，突出中心1ADCB將需強(qiáng)調(diào)的項(xiàng)目編排在中心放射利用放射狀圖形，突出中心以需強(qiáng)調(diào)項(xiàng)目為中心，畫出“集中線”放射利用放射狀圖形，突出中心加入同心圓4利用箭頭引導(dǎo)視線添加能停止視線移動的要素怎樣讓你的設(shè)計與眾不同建立條理添加變化突出強(qiáng)調(diào)設(shè)計技巧顏色搭配節(jié)奏擬態(tài)質(zhì)地感數(shù)量感節(jié)奏讓平面設(shè)計有音樂般的節(jié)奏相同形狀要素不同角度配置搭配使用多種形狀節(jié)奏讓平面設(shè)計有音樂般的節(jié)奏添加具有節(jié)奏感的要素節(jié)奏讓平面設(shè)計有音樂般的節(jié)奏擬態(tài)模擬熟悉的實(shí)物護(hù)著模仿現(xiàn)有的產(chǎn)品設(shè)計日常用品（筆記本）擬外形搭配文案顏色質(zhì)地感引入質(zhì)地要素，制造密度感或者高級感石頭、木材質(zhì)地剛硬厚重質(zhì)地感引入質(zhì)地要素，制造密度感或者高級感布匹、紙質(zhì)地柔軟溫暖數(shù)量感在配置圖片時，增加其數(shù)量營造氣勢Attention注意力注意到商品和廣告的存在Interest興趣產(chǎn)生興趣或關(guān)心Desire欲望產(chǎn)生想擁有使用的欲望Memory記憶記憶、聯(lián)想Action行動購買使用愛德馬法則（AIDMA）是對人消費(fèi)行為五個過程的分解說明。設(shè)計中通常運(yùn)用該法則檢驗(yàn)設(shè)計的產(chǎn)品是否合格。AIDMA建立條理添加變化突出強(qiáng)調(diào)設(shè)計技巧顏色搭配熊貓辨認(rèn)性色調(diào)和諧配色配色塑造形象強(qiáng)調(diào)色用法使顏色正確表現(xiàn)和傳達(dá)熊貓辨認(rèn)性顏色的明度差異決定顏色是否能被看清楚明度：顏色的明亮程度熊貓辨認(rèn)性：素材呈現(xiàn)得清楚與否明度差：顏色的熊貓辨認(rèn)性有明確的規(guī)則如何增加顏色的熊貓辨認(rèn)性？選擇與背景顏色與明亮程度反差大的顏色色調(diào)和諧的配色統(tǒng)一協(xié)調(diào)顏色的彩度和明度，可以使配色更加和諧彩度：顏色的鮮艷程度色調(diào)：明度和彩度的顏色傾向和諧的配色：從統(tǒng)一色調(diào)中選取顏色配色塑造形象不同的顏色烘托不同的形象，從日常生活中借顏色春天形象取色來自于嫩葉、油菜花、新芽古典形象取色來自于古木、墻壁、椅子冰冷形象取色來自于雪、黑夜、薄荷流行形象不常見的高彩度搭配強(qiáng)調(diào)色的用法通過顏色是要素突顯，以差異產(chǎn)生對比效果色相對比：存在色相差異的顏色互相搭配紅色背景中的橘黃色看起來比實(shí)際要黃黃色背景中的橘黃色看起來比實(shí)際要紅