項目3解構視覺傳達之劍任務9基本版型VisualMerchandising視覺營銷項目概述構圖構圖原則經(jīng)典構圖版式版式設計基礎三率一界基本版型解構視覺傳達之劍任務9基本版型骨骼型?分割型?傾斜型?對稱型?重心型?邊角型?三角型?并置型?曲線型?滿版型?自由型基礎組骨骼型分割型傾斜型變幻組對稱型重心型邊角型三角型并置型創(chuàng)意組曲線型滿版型自由型1基本版型骨骼型?分割型?傾斜型骨骼型分割型傾斜型基本型3.4.2.3基本版型骨骼型骨骼型主要運用線將版面劃分為不同區(qū)域，使元素的編排更趨合理、規(guī)范，使表現(xiàn)形式更趨邏輯，給人以嚴謹、理性的感覺。設計者在布置元素前，先用不同長度粗細的線或色塊把版面劃分為不同區(qū)塊作為圖文元素的容器，不同區(qū)塊間注意溝槽留白的運用，以達成整體效果的優(yōu)化。適用于信息量較大并希望集中展現(xiàn)在同一時空的情況。圖3-62、圖3-63都采用了骨骼型版式設計。3.4.2.3基本版型分割型分割型是運用圖片或色塊將版面進行劃分，可以在一個版面上同時突出兩個主題。主要有左右分割、上下分割兩種。分割型版式給人以平衡、穩(wěn)重的印象，在視覺上具有強烈的反差效果，常用來表達信息間具有強烈對比、并列、層級遞進等系。圖3-64是上下分割，上部主要傳達品牌當季的經(jīng)典款，下部重點傳達當季經(jīng)典款中的紅色款。3.4.2.3基本版型分割型圖3-65是左右分割，左右存在產(chǎn)品相似的并列關系，陳列方式不同的對比關系；圖3-66是左右分割，左右存在產(chǎn)品功能款式相似的并列關系，風格不同的對比關系。3.4.2.3基本版型傾斜型傾斜型是元素在版面上呈傾斜狀分布，營造一種不穩(wěn)定的趨勢、動感。傾斜型以打破版面平衡為主，使版面結構更具張性和活力，適用產(chǎn)品、品牌獨特個性的表達。當某個方向傾斜過度，可以用反向傾斜進行視覺平衡。圖367版型存在兩個方向的傾斜疊加，一個是左側版式圖所示的大傾斜，另一個是綠條產(chǎn)品標簽與左上角層疊產(chǎn)品構成反向小傾斜，對大傾斜起到了視覺平衡的作用。2變化組對稱型?重心型?邊角型?三角型?并置型對稱型重心型邊角型三角型并置型3.4.2.3基本版型對稱型·對稱型指元素以版面中心線為軸對稱分布。按對稱軸方向可分為左右對稱和上下對稱，按對稱元素相似性可分為絕對對稱和相對對稱。相對對稱指軸兩側的元素大致相同，絕對對稱指兩側元素完全相同。圖3-68是左右相似對稱。人類生活在一個有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運用，體現(xiàn)在運用自然屬性的視覺營造與運用受眾內(nèi)心自然反應的心理營造兩個層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細膩與傳神。3.4.2.3基本版型重心型·重心型指元素通過版面的布局設計，形成視覺焦點。需要重點突出和表達的內(nèi)容通常位于版面重心位置。一般通過元素的大小和疏密對比，顏色調配和造型設計，強調視覺重心。常用于產(chǎn)品主體展示、某個細節(jié)展示、流量入口引流圖等。人類生活在一個有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運用，體現(xiàn)在運用自然屬性的視覺營造與運用受眾內(nèi)心自然反應的心理營造兩個層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細膩與傳神。3.4.2.3基本版型重心型·由圖3-69和圖3-70可以發(fā)現(xiàn)，重心型版式上通?？梢猿槿〕鲆唤M同心圓或同心圖形，重心型關鍵在于視覺焦點的形成，同心圖形的那個心就是重心，是吸引受眾視覺的焦點。重心型適用于流量入口視覺、產(chǎn)品關鍵特征屬性視覺，通常出現(xiàn)在需要收攝用戶視覺的位置和重點提亮的特征信息。人類生活在一個有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運用，體現(xiàn)在運用自然屬性的視覺營造與運用受眾內(nèi)心自然反應的心理營造兩個層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細膩與傳神。3.4.2.3基本版型邊角型·邊角型指版面4個角點與中心點呈現(xiàn)一種對照關系的版型。常見排版規(guī)則：角點布局文字，中心點布局圖片；焦點布局圖片，中心點布局文字。通常用來表示信息層級，每個點對應一個或一組信息，相互獨立。圖371是一款中心文字邊角圖文的用戶人群的信息視覺。信息框架、層級清晰呈現(xiàn)。3.4.2.3基本版型三角型·三角型指圖文信息呈三角形結構編排。不同三角形會形成不同的能量趨勢，正三角穩(wěn)定，倒三角銳利、不穩(wěn)定，斜三角兼具穩(wěn)定和動感。圖372是圖元素和文字元素交互分布的三角版式，三角性斜邊形成明顯的視覺導向，產(chǎn)品的色彩造型形成并突出了視覺焦點，文字通過字體字號與排列使視覺細節(jié)生動有序。人類生活在一個有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運用，體現(xiàn)在運用自然屬性的視覺營造與運用受眾內(nèi)心自然反應的心理營造兩個層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細膩與傳神。3.4.2.3基本版型三角型·圖3-73是圖元素與文字元素以上圖下文分布的倒三角版式，主要由三個倒三角層疊交互形成元素的布局，視覺焦點由圖元素收住，沿倒三角傾向，清晰的指向相應文本，形成清晰的視覺流。人類生活在一個有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運用，體現(xiàn)在運用自然屬性的視覺營造與運用受眾內(nèi)心自然反應的心理營造兩個層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細膩與傳神。3.4.2.3基本版型并置型·并置型指版面中的元素按照相同大小、比例進行重復排列，并置元素通常具有對比、過渡、互補等關系，整體給人以秩序、穩(wěn)定、節(jié)奏的既視感。并置元素切忌機械重復并置，既要注意并置元素間的關聯(lián)、相似，也需注意元素之間的差異變化。并置版式通常采用縱向分割。人類生活在一個有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運用，體現(xiàn)在運用自然屬性的視覺營造與運用受眾內(nèi)心自然反應的心理營造兩個層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細膩與傳神。3創(chuàng)意組曲線型?滿版型?自由型色彩對比位置對比大小對比跳躍率3.4.2.3基本版型曲線型·曲線型指版面中的元素以曲線為參考基準進行規(guī)律性的排版，使版面效果呈現(xiàn)一種韻律感，整體給人一種流暢、輕快的動感。常用于表達柔性的、流動的產(chǎn)品或以女性、小孩為用戶對象的產(chǎn)品、品牌。人類生活在一個有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運用，體現(xiàn)在運用自然屬性的視覺營造與運用受眾內(nèi)心自然反應的心理營造兩個層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細膩與傳神。3.4.2.3基本版型滿版型·滿版型指整個畫面充滿圖像、文字等元素，四周沒有留白。滿版型可以營造豐富、飽滿的版式效果，具有更強的視覺沖擊表現(xiàn)力，傳遞的情感更為飽滿。常用設計形式有：圖片滿版、文字滿版、圖文混排、放大主體。常用于強調個性化展示的場景，如產(chǎn)品的個性化場景展示、品牌的個性化場景展示等。滿版型版式經(jīng)常出現(xiàn)在引流圖、產(chǎn)品主圖的首圖、產(chǎn)品頁、品牌頁海報圖，場景圖、產(chǎn)品核心賣點圖等。圖3-77圖3-78為產(chǎn)品放大特寫圖。人類生活在一個有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運用，體現(xiàn)在運用自然屬性的視覺營造與運用受眾內(nèi)心自然反應的心理營造兩個層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細膩與傳神。3.4.2.3基本版型自由型·自由型指對版面中的元素進行隨機分布，形成一種看似輕松、隨意的個性化效果。自由型版式是相對較難的一種表現(xiàn)形式，版面上的元素看似無規(guī)律可言，內(nèi)在卻是有著精心的設計與布局。好的自由型版式是統(tǒng)一與變化的統(tǒng)一體，圖377是產(chǎn)品圖，圖378是加了版式輔助線的產(chǎn)品圖。垂直方向上，元素遵循并置版型排列；斜向元素遵循傾斜版型排列布局。橙色衣服和白色鞋子則內(nèi)含曲線版型。人類生活在一個有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運用，體現(xiàn)在運用自然屬性的視覺營造與運用受眾內(nèi)心自然反應的心理營造兩個層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細膩與傳神。3.4.2.3基本版型自由型·視覺營銷中的版式存在無限的創(chuàng)意空間，版式的作用是實現(xiàn)信息的有效傳達。版式助力信息有效傳達體現(xiàn)在信息的分層、序列、組合等信息設計原則及視覺體驗上的平衡、焦點、視線等視覺規(guī)律。基本版型是基礎，在實際應用中可以在其應用基礎上，進行重構創(chuàng)新迭代。人類生活在一個有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運用，體現(xiàn)在運用自然屬性的視覺營造與運用受眾內(nèi)心自然反應的