項(xiàng)目3解構(gòu)視覺傳達(dá)之劍任務(wù)1色彩要素與色彩協(xié)調(diào)VisualMerchandising視覺營銷項(xiàng)目概述傳達(dá)三劍客色彩情感傳達(dá)光影品質(zhì)傳達(dá)場景定向傳達(dá)劍道陣法構(gòu)圖版式解構(gòu)視覺傳達(dá)之劍任務(wù)1色彩要素與色彩協(xié)調(diào)色彩情感傳達(dá)?色彩要素?色彩協(xié)調(diào)色彩要素色相飽和度明度色彩協(xié)調(diào)色彩和諧色調(diào)色調(diào)冷暖色彩協(xié)調(diào)1色彩要素色相?飽和度?明度?色彩三要素色相飽和度明度色彩三要素3.1.1色彩要素色彩Hue飽和度Saturation明度LightnessBrightness色彩三要素HSL/HSB色相：指色彩的相貌，根據(jù)光的波長定義形成的色彩特征。如紅、綠、紫、黃等各色。飽和度：也稱純度，指色彩鮮艷程度或純凈程度。純度越高，飽和度越高，顏色越鮮艷。明度：指色彩的明與暗的程度。3.1.1色彩要素?zé)o彩色系，指黑色、白色、灰色。黑白灰三種顏色只有明度的屬性。RGB模式中，RGB(255,255,255)，生成明度最高的白色。RGB(0,0,0)時(shí)，生成明度最低的黑色。當(dāng)RGB(k,k,k)，k∈(0,255)時(shí)，生成不同明度的灰色。k數(shù)值越大，明度越明。白色RGB(255,255,255)黑色RGB(0,0,0)灰色0<=k<=255RGB(k,k,k)3.1.1色彩要素飽和度明度色相顏色值以PhotoShop環(huán)境為例，通過拾色器進(jìn)行色彩三要素設(shè)置，如圖

3?2所示。

2色彩協(xié)調(diào)色彩和協(xié)?色調(diào)?色調(diào)冷暖?色彩協(xié)調(diào)色彩和諧色調(diào)色調(diào)冷暖色彩協(xié)調(diào)3.1.2色彩協(xié)調(diào)1色彩和諧美就是和諧色彩各屬性對(duì)立面的對(duì)比互補(bǔ)協(xié)調(diào)，包括冷暖、明暗、色相、面積等屬性的對(duì)比，包含著力量的平衡與對(duì)稱平衡秩序色彩和諧色彩和諧3.1.2色彩協(xié)調(diào)2色調(diào)色彩和諧度，反映在色彩的調(diào)性。色調(diào)是對(duì)視覺作品整體顏色的概括評(píng)價(jià)，是指一幅作品色彩外觀的基本傾向。明度、純度、色相三要素中，某種因素起主導(dǎo)作用，就被稱之為某種色調(diào)。色彩要素明度純度色相色調(diào)色相明度純度冷暖色彩和諧3.1.2色彩協(xié)調(diào)2色調(diào)一幅作品雖然用了多種顏色，但總體有一種傾向，是偏藍(lán)或偏紅，是偏暖或偏冷等。請看圖季節(jié)錯(cuò)色3.1.2色彩協(xié)調(diào)2色調(diào)【解析】地球上的四季，在人類的心里已有千年萬年的色調(diào)基因，比如中國大部分地區(qū)，春天是桃紅柳綠，夏天是“接天蓮葉無窮碧”，秋天是金色一片，冬天是銀灰基調(diào)，最多色輪上色相有所偏轉(zhuǎn)，不然便有時(shí)令錯(cuò)亂的感覺。由圖片產(chǎn)生的視覺感知與受眾內(nèi)心的情緒不一致，情緒上未產(chǎn)生共鳴，就會(huì)有季節(jié)錯(cuò)色的感知。季節(jié)錯(cuò)色3.1.3色彩協(xié)調(diào)3色彩冷暖色彩生理與心理效應(yīng)形成的冷暖差異，與物理上的熱效應(yīng)有關(guān)，吸收熱量的為冷色調(diào)或冷色系，釋放熱量的為暖色調(diào)或暖色系。從亮度而言，黑色成分越多越冷；從色相，存在補(bǔ)色關(guān)系，如紅黃色區(qū)域?yàn)榕珔^(qū)，色輪上相應(yīng)的青綠色區(qū)域?yàn)槔渖珔^(qū)。如圖35所示，色調(diào)冷暖區(qū)域圖。色調(diào)冷暖區(qū)域圖3.1.3色彩協(xié)調(diào)4色彩協(xié)調(diào)色彩協(xié)調(diào)的方式有多種，如圖36所示。可以從色相、明度、純度、色彩面積四個(gè)關(guān)鍵維度去控制協(xié)調(diào)。色相明度純度色彩面積色彩協(xié)調(diào)4維度3.1.3色彩協(xié)調(diào)4色彩協(xié)調(diào)-1-色相配色法確定主色調(diào)。通常采用產(chǎn)品或主角的色彩。確定搭配色。搭配色也稱協(xié)調(diào)色。根據(jù)要表現(xiàn)的風(fēng)格，采用合適的配色法則確定搭配色。一般有5種色彩協(xié)調(diào)的形式，互補(bǔ)色、分補(bǔ)色、對(duì)比色、鄰近色、四角色?；パa(bǔ)色分補(bǔ)色對(duì)比色鄰近色四角色色相配色法3.1.3色彩協(xié)調(diào)4色彩協(xié)調(diào)-2-配色法則常用配色法則3.1.3色彩協(xié)調(diào)4色彩協(xié)調(diào)-2-配色法則常用配色法則3.1.3色彩協(xié)調(diào)4色彩協(xié)調(diào)-2-配色法則常用配色法則總體協(xié)調(diào)，局部對(duì)比主色:輔助色:點(diǎn)綴色=70:25:5主色季節(jié)特征活動(dòng)主題產(chǎn)品特征用戶群體特征輔助色色輪點(diǎn)綴色整體效果3.1.3色彩協(xié)調(diào)4色彩協(xié)調(diào)-3-案例欣賞只此青綠配色賞析3.1.3色彩協(xié)調(diào)4色彩協(xié)調(diào)-3-案例欣賞只此青綠配色賞析青綠鄰近系重點(diǎn)回顧了解色彩的基本要素，色彩協(xié)調(diào)的一些基本概念、方法與配色及運(yùn)用。色彩三要素色彩和諧色調(diào)色彩協(xié)調(diào)配色法ShanonTeamQQ369044515項(xiàng)目3解構(gòu)視覺傳達(dá)之劍任務(wù)2色調(diào)與情感VisualMerchandising視覺營銷項(xiàng)目概述傳達(dá)三劍客色彩情感傳達(dá)光影品質(zhì)傳達(dá)場景定向傳達(dá)劍道陣法構(gòu)圖版式解構(gòu)視覺傳達(dá)之劍任務(wù)2色調(diào)與情感常見色調(diào)?輕重色調(diào)?冷暖色調(diào)?氣質(zhì)單色調(diào)?經(jīng)典黑白調(diào)?色彩情緒常見色調(diào)輕重色調(diào)冷暖色調(diào)氣質(zhì)單色調(diào)經(jīng)典黑白調(diào)色彩情緒紅色橙色黃色綠色藍(lán)色紫色黑色白色灰色1常見色調(diào)輕重色調(diào)?冷暖色調(diào)?氣質(zhì)單色調(diào)?經(jīng)典黑白調(diào)輕重色調(diào)冷暖色調(diào)氣質(zhì)單色調(diào)經(jīng)典黑白調(diào)3.1.3色調(diào)與情感常見色調(diào)1）輕重色調(diào)輕重感的形成，主要來自于色彩能量帶來的心理感應(yīng)，感覺輕的色調(diào)與軟而膨脹、放松的感覺相應(yīng)，感覺重的色調(diào)與硬而收縮、收斂的感覺相應(yīng)。輕重感覺與色彩要素對(duì)應(yīng)關(guān)系如表32所示。3.1.3色調(diào)與情感常見色調(diào)1）輕重色調(diào)利用色彩輕重感處理畫面的均衡、視覺重心、視覺導(dǎo)向，會(huì)收到良好的視覺效果。從色相看，各顏色的輕重序列：白

黃

橙

紅

灰

綠

藍(lán)

紫

黑不同的色調(diào)搭配，會(huì)產(chǎn)生不一樣的視覺重量。一個(gè)視覺場，若上灰下艷、上白下黑、上素下艷，會(huì)產(chǎn)生類似穩(wěn)重、沉靜之感；若上黑下白、上艷下素，會(huì)產(chǎn)生類似輕盈、失重、不安之感。圖310色彩輕重在方向上的分布不同，產(chǎn)生完全相反的既視效果。3.1.3色調(diào)與情感常見色調(diào)2）冷暖色調(diào)冷暖色調(diào)的形成，源自色相的冷色與暖色、明度上的明暗，色彩的冷暖對(duì)比與物理上光的熱效應(yīng)有關(guān)，波長長的紅光、橙光、黃光，具有暖和感，而波長短的紫色光、藍(lán)色光、綠色光，具有寒涼感。同時(shí)越是接近黑色，吸收熱量就越多越冷；越是接近白色光，反射熱量就越多越暖和。地球上的白天溫暖，黑夜寒冷，便是來自大自然最真實(shí)的冷暖色調(diào)。色相間的冷暖序列與輕重序列相似。圖311、圖312所示。3.1.3色調(diào)與情感常見色調(diào)2）冷暖色調(diào)冷暖色調(diào)的形成，源自色相的冷色與暖色、明度上的明暗，色彩的冷暖對(duì)比與物理上光的熱效應(yīng)有關(guān)，波長長的紅光、橙光、黃光，具有暖和感，而波長短的紫色光、藍(lán)色光、綠色光，具有寒涼感。同時(shí)越是接近黑色，吸收熱量就越多越冷；越是接近白色光，反射熱量就越多越暖和。地球上的白天溫暖，黑夜寒冷，便是來自大自然最真實(shí)的冷暖色調(diào)。色相間的冷暖序列與輕重序列相似。圖311、圖312所示。3.1.3色調(diào)與情感常見色調(diào)2）冷暖色調(diào)3.1.3色調(diào)與情感常見色調(diào)2）冷暖色調(diào)冷色與暖色除了溫度上帶來的冷暖色調(diào)，輕重色調(diào)，還衍生出干濕色調(diào)、長短色調(diào)、軟硬色調(diào)等。同時(shí)色彩有通感的效果，各種感覺的對(duì)比幾乎都可以通過色彩協(xié)調(diào)出的不同色調(diào)來表現(xiàn)。如表33所示。3.1.3色調(diào)與情感常見色調(diào)3）氣質(zhì)色調(diào)色調(diào)構(gòu)成中，單色與黑白色是黑白灰色系的兩種色調(diào)，屬于無彩色系列。單色調(diào)只用一種顏色，在明度與純度上作調(diào)整，間用中性色。由于色彩能量的分布專注于某種色調(diào)，因而單色調(diào)會(huì)有一種強(qiáng)烈的個(gè)人傾向，同時(shí)由于在色輪上都屬于同一區(qū)域，容易形成十分和諧的氣質(zhì)感。若與其他色彩搭配可獲得氣質(zhì)中不失靈動(dòng)的視覺效果。如圖

3?13、圖

3?14所示

。3.1.3色調(diào)與情感常見色調(diào)4）黑白經(jīng)典色調(diào)黑白兩色可稱為兩級(jí)色，即極色系。黑白兩色是經(jīng)典色系，代表著全部色彩的情感?？梢酝ㄟ^對(duì)方的存在顯示自身的力量，傳達(dá)著不可超越的虛幻與無限的精神?；疑呛诎锥闹行陨０住⒑?、灰的色彩心理如表34所示。3.1.3色調(diào)與情感常見色調(diào)4）黑白經(jīng)典色調(diào)單色調(diào)與黑白調(diào)在當(dāng)代設(shè)計(jì)中，是經(jīng)久不衰的流行色系，獨(dú)立的應(yīng)用色調(diào)，應(yīng)用中必須注重不同色塊面積的切割組合。黑白色調(diào)搭配色彩效果如圖315所示網(wǎng)站海報(bào)圖，重在場景意境的傳達(dá)。通過明度變化的運(yùn)用，使得黑白灰經(jīng)典色調(diào)展現(xiàn)了一種時(shí)空的縱深與悠遠(yuǎn)，然后用彩色系以小面積點(diǎn)綴增色，經(jīng)典中不失生機(jī)，歷史的恢宏蘊(yùn)含現(xiàn)代的科技，現(xiàn)代科技匯入歷史長廊，彰顯了企業(yè)的高端品質(zhì)、實(shí)力與愿景。圖316所示為黑白色調(diào)的產(chǎn)品海報(bào)圖。2色彩情緒紅色?橙色?黃色?綠色?藍(lán)色?紫色?黑色?白色?灰色紅色橙色黃色綠色藍(lán)色紫色黑色白色灰色3.1.3色調(diào)與情緒2色彩情緒色彩是一種物理現(xiàn)象，本身沒有情感，在有強(qiáng)度、有波長、有頻率的光照射下，映射出不同能量的視覺傳達(dá)，與人類積累的各類情感經(jīng)驗(yàn)、知覺經(jīng)驗(yàn)相呼應(yīng)，自然生出許多的情感、情緒，影響著受眾的后續(xù)行為。色彩因色相頻率不同，便有了自己獨(dú)特的情緒表現(xiàn)特征；當(dāng)色彩純度和明度發(fā)生變化時(shí)，這些情緒表現(xiàn)特征又隨之變化。3.1.3色調(diào)與情緒2色彩情緒色彩是一種物理現(xiàn)象，本身沒有情感，重點(diǎn)回顧主要介紹了色彩給人的視覺感受而形成的情感、情緒。了解了輕重色調(diào)、冷暖色調(diào)、氣質(zhì)單色調(diào)和經(jīng)典黑白調(diào)，4種常見色調(diào)；了解了7彩色和3無彩色的情緒表達(dá)。常見色調(diào)輕重色調(diào)冷暖色調(diào)氣質(zhì)單色調(diào)經(jīng)典黑白調(diào)色彩情緒七彩色無彩色ShanonTeamQQ369044515項(xiàng)目3解構(gòu)視覺傳達(dá)之劍任務(wù)3光影品質(zhì)傳達(dá)VisualMerchandising視覺營銷項(xiàng)目概述傳達(dá)三劍客色彩情感傳達(dá)光影品質(zhì)傳達(dá)場景定向傳達(dá)劍道陣法構(gòu)圖版式解構(gòu)視覺傳達(dá)之劍任務(wù)3光影品質(zhì)傳達(dá)光影基礎(chǔ)?光影手法光影基礎(chǔ)光影光影與品質(zhì)光位光影手法投影手法倒影手法虛影手法剪影手法疊影手法1光影基礎(chǔ)光影?光影與品質(zhì)?光位光影光影與品質(zhì)光位3.2.1光影基礎(chǔ)光影光與影在此取兩層意，自然屬性與受眾內(nèi)心的自然反應(yīng)。光，可見光，表示光線照射的亮光區(qū)域，有光明、明亮、色澤、光彩、溫暖之意；影，影子，表示擋住光線而投射的暗光或無光區(qū)域，有黑暗、陰暗、黯淡、清冷、寒涼之意。3.2.1光影基礎(chǔ)光影人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖317所示。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.2.1光影基礎(chǔ)光影與品質(zhì)相對(duì)于色彩的情緒傳達(dá)，光影效果在視覺上更多地被理解為一種精神品質(zhì)的傳遞，強(qiáng)調(diào)光影所激發(fā)出的一種情感回應(yīng)，使之成為用戶體驗(yàn)的核心部分，引領(lǐng)用戶的視覺方向及精神感受，強(qiáng)化視覺設(shè)計(jì)中內(nèi)涵信息的傳達(dá)，提升視覺語言的感染力，擴(kuò)展視覺設(shè)計(jì)手法的多樣性與生動(dòng)性，從而實(shí)現(xiàn)產(chǎn)品、品牌內(nèi)涵與品質(zhì)的傳達(dá)，直擊消費(fèi)者情感與心靈的碰撞。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。圖3?18不同光學(xué)參數(shù)得到的質(zhì)感3.2.1光影基礎(chǔ)光影與品質(zhì)情感體現(xiàn)上，光是正面，影是負(fù)面，看到光就會(huì)聯(lián)想到影，看到影就會(huì)去尋找光，通過改變視覺空間中光源位置、光譜成分、光通量、光線強(qiáng)弱、投射方向與角度、透過介質(zhì)的明度、透射的材質(zhì)等，就會(huì)產(chǎn)生色調(diào)明暗、濃淡、虛實(shí)的變化多端的影，形成不同的品質(zhì)感受。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.2.1光影基礎(chǔ)光位光源與被照射對(duì)象的位置，不同的光源位置，會(huì)產(chǎn)生不同的光照角度，光照強(qiáng)度及整體的光影效果。光源位置可以是視覺場內(nèi)的，也可以是場外的，可以是一個(gè)光源，也可以有多個(gè)光源。光的種類分為自然光和人工光。如圖319是不同光位示意圖。常用光位光影效果表現(xiàn)，如表36常用光位效果所示。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。光源與被照射對(duì)象的位置，不同的光源位置，會(huì)產(chǎn)生不同的光照角度，光照強(qiáng)度及整體的光影效果。光源位置可以是視覺場內(nèi)的，也可以是場外的，可以是一個(gè)光源，也可以有多個(gè)光源。光的種類分為自然光和人工光。如圖3?19是不同光位示意圖。常用光位光影效果表現(xiàn)，如表3?6常用光位效果所示。圖3?19常用光位示意圖3.2.1光影基礎(chǔ)光位人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。光源與被照射對(duì)象的位置，不同的光源位置，會(huì)產(chǎn)生不同的光照角度，光照強(qiáng)度及整體的光影效果。光源位置可以是視覺場內(nèi)的，也可以是場外的，可以是一個(gè)光源，也可以有多個(gè)光源。光的種類分為自然光和人工光。如圖3?19是不同光位示意圖。常用光位光影效果表現(xiàn)，如表3?6常用光位效果所示。表3?6常用光位效果2光影手法投影手法?倒影手法?虛影手法?剪影手法?疊影手法投影手法倒影手法虛影手法剪影手法疊影手法3.2.2光影手法1投影手法投影源自自然現(xiàn)象，影像來源于物體投射出的輪廓，視覺創(chuàng)意中通過物象抽取相似影像、訴求點(diǎn)合理的轉(zhuǎn)換，取精去粕，轉(zhuǎn)換中避開強(qiáng)硬置換，注重物影之間一體化的自然連接，意味深長。3.2.2光影手法1投影手法通過攝影技術(shù)、后期處理技術(shù)都可以產(chǎn)生投影效果。圖3?20a通過后期處理，產(chǎn)品透射出的影子與背景自然溶合，使產(chǎn)品晶瑩剔透的水世界完美展現(xiàn)。b、c、d三幅圖則通過取景角度的選擇、畫面的取舍，運(yùn)用攝影技術(shù)取到了運(yùn)用投影的創(chuàng)意畫面。通過攝影技術(shù)、后期處理技術(shù)都可以產(chǎn)生投影效果。圖

3?20a通過后期處理，產(chǎn)品透射出的影子與背景自然溶合，使產(chǎn)品晶瑩剔透的水世界完美展現(xiàn)。b、c、d三幅圖則通過取景角度的選擇、畫面的取舍，運(yùn)用攝影技術(shù)取到了運(yùn)用投影的創(chuàng)意畫面。

3.2.2光影手法1投影手法圖321則通過投影，突出產(chǎn)品的細(xì)節(jié)、特征與視覺品質(zhì)。通過攝影技術(shù)、后期處理技術(shù)都可以產(chǎn)生投影效果。圖

3?20a通過后期處理，產(chǎn)品透射出的影子與背景自然溶合，使產(chǎn)品晶瑩剔透的水世界完美展現(xiàn)。b、c、d三幅圖則通過取景角度的選擇、畫面的取舍，運(yùn)用攝影技術(shù)取到了運(yùn)用投影的創(chuàng)意畫面。

圖

3?21則通過投影，突出產(chǎn)品的細(xì)節(jié)、特征與視覺品質(zhì)。

圖

3?21則通過投影，突出產(chǎn)品的細(xì)節(jié)、特征與視覺品質(zhì)。

圖3?21投影運(yùn)用效果圖3.2.2光影手法2倒影手法倒影指垂直倒立的影子，反映出物象與影像處在不同的介質(zhì)，在形式上表現(xiàn)出兩者的均衡或者對(duì)稱。倒影可以展開許多視覺創(chuàng)意的設(shè)計(jì)，拓展視覺表意空間的層次，適于畫面在情感、心靈層面信息傳達(dá)的提亮。注重材質(zhì)的畫面中比較多，如圖322所示。3.2.2光影手法3虛影手法虛影是指模糊不定或者若隱若現(xiàn)的影象，更注重視覺空間的柔和效果，使視覺聚焦實(shí)體、主題為目標(biāo)。通過虛化影象來增加畫面的層次感與震撼感，給予消費(fèi)者直抵心靈的感受，常用于背景虛化，如圖323所示。3.2.2光影手法4剪影手法剪影是對(duì)物象作輪廓描寫，是對(duì)主體特征信息的抽取，起到特征加強(qiáng)或氛圍營造的作用。如圖324所示，荷花、城市、人、樹的輪廓圖案，就是運(yùn)用了剪影手法。3.2.2光影手法5疊影手法疊影指運(yùn)用與物象相同的影像，改變視覺要素，與原物象部分重疊，目標(biāo)是為靜態(tài)畫面增加動(dòng)感效果、對(duì)比效果等。圖325中的運(yùn)動(dòng)員與右側(cè)的魚竿即用了疊影手法，增強(qiáng)了畫面動(dòng)感效果。重點(diǎn)回顧本微課主要介紹了光影物象帶來的視覺玄幻效果。了解了光影基礎(chǔ)中的幾個(gè)概念，幾種常見的光影手法。光影基礎(chǔ)光影光影與品質(zhì)氣質(zhì)單色調(diào)光位光影手法投影手法倒影手法虛影手法剪影手法疊影手法ShanonTeamQQ369044515項(xiàng)目3解構(gòu)視覺傳達(dá)之劍任務(wù)4場景定向傳達(dá)VisualMerchandising視覺營銷項(xiàng)目概述傳達(dá)三劍客色彩情感傳達(dá)光影品質(zhì)傳達(dá)場景定向傳達(dá)劍道陣法構(gòu)圖版式解構(gòu)視覺傳達(dá)之劍任務(wù)4場景定向傳達(dá)場景基礎(chǔ)?場景應(yīng)用場景基礎(chǔ)場景場景定向場景應(yīng)用海報(bào)場景直播場景1場景基礎(chǔ)場景?場景定向場景場景定向3.3.1場景基礎(chǔ)場景指在一定時(shí)空內(nèi)發(fā)生的一定的任務(wù)行動(dòng)或因人物關(guān)系所構(gòu)成的具體生活畫面，場景重心是人物的行動(dòng)和生活事件。場景中承載的信息包含三個(gè)層面，對(duì)應(yīng)三個(gè)空間，分別是三維物理空間、心理空間、時(shí)間空間。圖326所示。3.3.1場景基礎(chǔ)場景時(shí)間空間，是由于物理空間的信息到達(dá)心理空間存在時(shí)序差異而形成的。面對(duì)同一三維物理空間，不同的心理空間會(huì)形成不同維度的時(shí)空，形成不同的信息流，重構(gòu)出不同的信息空間，從而產(chǎn)生不一樣的信息傳達(dá)效果。3.3.1場景基礎(chǔ)場景定向通過視、聽、觸等營銷內(nèi)容激發(fā)受眾情感、情緒，觸發(fā)購買或分享轉(zhuǎn)發(fā)等信息傳播行為。由對(duì)應(yīng)場景的人設(shè)、事件、環(huán)境等組成的一種特別的指向。不同的人設(shè)、事件、場景會(huì)組合出不同的場景。如何實(shí)現(xiàn)場景定向傳達(dá)？3.3.1場景基礎(chǔ)場景定向營銷場景定向是以廣告主模型、買家模型以及買家與賣家之間的關(guān)系模型為數(shù)據(jù)基礎(chǔ)，按照不同廣告主的不同營銷要求，對(duì)流量進(jìn)行定性投放。不同人群適用不同的營銷思路。如表37所示，阿里系網(wǎng)店不同人群界定與營銷思路。天數(shù)界定與產(chǎn)品周期等產(chǎn)品因素、品牌戰(zhàn)略有關(guān)。2場景應(yīng)用海報(bào)場景?直播場景海報(bào)場景直播場景3.3.2場景應(yīng)用1海報(bào)場景海報(bào)在視覺營銷中通常起到視覺焦點(diǎn)與能量集聚釋放的作用，在視覺焦點(diǎn)位置配上合適的海報(bào)，可起到視覺能量大幅度的開合。我們從表37不同用戶的界定與營銷思路可知，即使同店鋪不同群體，推送的內(nèi)容、產(chǎn)品也會(huì)有所選擇，產(chǎn)品的功能、適用人群也有所區(qū)別。因此場景定向需要按照營銷思路，針對(duì)所選群體、產(chǎn)品，設(shè)定事件場景。3.3.2場景應(yīng)用1海報(bào)場景【案例】不同場景中的伏魔野戰(zhàn)專用釣箱3.3.2場景應(yīng)用2直播場景直播的特點(diǎn)是現(xiàn)時(shí)場景、實(shí)時(shí)互動(dòng)，主場景通常由主播、助播、產(chǎn)品組成。為了增加直播場景的效果，又可以場景中再套疊場景，讓場景時(shí)空更為寬廣、活躍、應(yīng)時(shí)。直播間的視覺營銷，主要由直播間整體風(fēng)格布局、產(chǎn)品陳列、產(chǎn)品展示組成。整體風(fēng)格布局是直播場景的基礎(chǔ)工作，影響著消費(fèi)者的整體感受，傳遞了品牌與產(chǎn)品的基本格調(diào)與消費(fèi)層級(jí)。產(chǎn)品陳列配合整體風(fēng)格布局，起到了購物環(huán)境與購物氛圍的營造，通過物理空間的鋪設(shè)，引導(dǎo)消費(fèi)者步入特定的心理空間，為場景中的角色出場，包括主播、助播、產(chǎn)品的出場、演繹進(jìn)行靜態(tài)視覺能量的鋪墊，烘托角色視覺的表現(xiàn)，倍增角色的動(dòng)態(tài)視覺能量與活力。3.3.2場景應(yīng)用2直播場景【案例】直播場景：三只松鼠春游踏青季。圖329所示?！緢鼍敖馕觥渴菫槿凰墒蟠杭局辈ゼ静邉澋膱鼍爸弧按河翁で嗉尽钡闹辈ラg場景大圖。滿眼花紅翠綠、青山綠水，正是生機(jī)煥發(fā)的春游踏青季節(jié)。帶上堅(jiān)果和水果，走進(jìn)大自然，像小動(dòng)物們一樣放飛自我，盡情享受無邊春色，感受無盡春意。此情此景，更易激發(fā)消費(fèi)者應(yīng)景的當(dāng)季需求，讓消費(fèi)者有一個(gè)明確的產(chǎn)品定向需求：帶上堅(jiān)果春游踏青去。3.3.2場景應(yīng)用2直播場景直播場景策劃直播場景可以根據(jù)活動(dòng)策劃來布局，活動(dòng)場景圖是室內(nèi)直播間最常用的形式。活動(dòng)場景圖可以采用一張靜態(tài)海報(bào)圖、多張海報(bào)輪播圖、一段小視頻輪回播放等多種形式?；顒?dòng)場景還可以采用室外實(shí)地拍攝，場景更為豐富真實(shí)，不過場景選取仍需按照活動(dòng)策劃進(jìn)行有機(jī)選取。重點(diǎn)回顧本微課主要介紹了場景給產(chǎn)品視覺帶來的定向效果。并通過海報(bào)、直播兩個(gè)場景體驗(yàn)了場景的定向效果。場景場景場景定向場景應(yīng)用海報(bào)場景直播場景ShanonTeamQQ369044515項(xiàng)目3解構(gòu)視覺傳達(dá)之劍任務(wù)5構(gòu)圖與版式VisualMerchandising視覺營銷項(xiàng)目概述構(gòu)圖構(gòu)圖原則經(jīng)典構(gòu)圖版式版式設(shè)計(jì)基礎(chǔ)三率一界基本版型解構(gòu)視覺傳達(dá)之劍任務(wù)5構(gòu)圖與版式空間格局?構(gòu)圖?版式構(gòu)圖藝術(shù)領(lǐng)域版式編輯出版領(lǐng)域構(gòu)圖與版式構(gòu)圖要考慮一定創(chuàng)作空間范圍內(nèi)信息實(shí)體間、信息實(shí)體與環(huán)境間的空間關(guān)系；版式主要考慮版面內(nèi)信息元素的排列組合、序列構(gòu)成。構(gòu)圖與版式運(yùn)用好構(gòu)圖與版式，通過對(duì)視覺元素的結(jié)構(gòu)配置可以實(shí)現(xiàn)空間有效布局，形成受眾層面的視覺焦點(diǎn)、視覺流、意境等多維度的視覺目標(biāo)，最終達(dá)成信息的有效傳播。1構(gòu)圖造型?協(xié)調(diào)?完整?西方美術(shù)空間協(xié)調(diào)完整畫面造型藝術(shù)西方美術(shù)3.4.構(gòu)圖與版式構(gòu)圖構(gòu)圖研究在一個(gè)平面上如何處理好三維空間各維度之間的關(guān)系，以突出主題，增強(qiáng)視覺感受。成功的構(gòu)圖可以使三維空間中的信息層次清晰、有效融合、主次分明、主題突出、賞心悅目。2版式編輯出版?版面格式?版面布局?頁面布局編輯出版版面格式版面布局頁面布局3.4構(gòu)圖與版式版式視覺營銷中常見的版面有：各類產(chǎn)品圖、產(chǎn)品詳情頁、店鋪首頁等。版面格式具體涉及版面尺寸、版心、頁眉頁腳、留白、字體字號(hào)、排版形（橫排、豎排）、圖表、題注等的編排方式。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神?；ヂ?lián)網(wǎng)視覺營銷領(lǐng)域的版式與設(shè)備相關(guān)性比較大，如手機(jī)的屏版式、電腦的頁面版式等，版面尺寸的差異會(huì)造成閱讀方式的差異。版面尺寸是版面設(shè)計(jì)要考慮的第一因素，因而手機(jī)端與電腦端的版式設(shè)計(jì)存在著一定的差異性。重點(diǎn)回顧本微課主要介紹了空間布局的常用手法：構(gòu)圖和版式。并初步了解了構(gòu)圖與版式的前身與在視覺營銷領(lǐng)域的應(yīng)用場景。構(gòu)圖版式ShanonTeamQQ369044515項(xiàng)目3解構(gòu)視覺傳達(dá)之劍任務(wù)6經(jīng)典構(gòu)圖法VisualMerchandising視覺營銷項(xiàng)目概述構(gòu)圖構(gòu)圖原則經(jīng)典構(gòu)圖版式版式設(shè)計(jì)基礎(chǔ)三率一界基本版型解構(gòu)視覺傳達(dá)之劍任務(wù)6經(jīng)典構(gòu)圖法構(gòu)圖原則?經(jīng)典構(gòu)圖構(gòu)圖原則均衡與對(duì)稱對(duì)比視點(diǎn)經(jīng)典構(gòu)圖中心構(gòu)圖九宮格構(gòu)圖三角形構(gòu)圖對(duì)角線構(gòu)圖黃金分割構(gòu)圖1構(gòu)圖原則均衡與對(duì)稱?對(duì)比?視點(diǎn)均衡與對(duì)稱對(duì)比視點(diǎn)3.4.1經(jīng)典構(gòu)圖法構(gòu)圖原則· 均衡與對(duì)稱。是構(gòu)圖的根基，目的是維持畫面的穩(wěn)定性。穩(wěn)定感是人類生命演化進(jìn)程中形成的一種視覺習(xí)慣與審美情節(jié)。如“愛美之心，人皆有之”，0.618黃金比例等。3.4.1經(jīng)典構(gòu)圖法構(gòu)圖原則· 對(duì)比?？梢栽鰪?qiáng)視覺沖擊力，點(diǎn)亮升華主題，帶給受眾強(qiáng)烈的情感沖擊。形狀對(duì)比，如“大小、長短、粗細(xì)”等；色彩對(duì)比，如“冷暖、黑白、深淺”等。3.4.1經(jīng)典構(gòu)圖法構(gòu)圖原則· 視點(diǎn)。也稱視覺焦點(diǎn)，吸引受眾注意力的視覺中心點(diǎn)。在透視學(xué)上稱“滅點(diǎn)”。視點(diǎn)構(gòu)圖可以通過視覺焦點(diǎn)的設(shè)計(jì)，巧妙將受眾的視覺注意力轉(zhuǎn)移到視覺中心點(diǎn)上。2經(jīng)典構(gòu)圖中心構(gòu)圖?九宮格構(gòu)圖?三角形構(gòu)圖?對(duì)角線構(gòu)圖?黃金分割構(gòu)圖中心構(gòu)圖九宮格構(gòu)圖三角形構(gòu)圖對(duì)角線構(gòu)圖黃金分割構(gòu)圖3.4.1經(jīng)典構(gòu)圖法中心構(gòu)圖畫面視覺中心位置是主體，是視覺營銷主角?？梢杂谩笆被颉熬眮韯澇鲋行奈恢茫鳛橹黧w位，圖330所示。中心構(gòu)圖給人的感覺是聚焦、突出主體的效果，中心主體以飽滿為好。圖330是佛手的產(chǎn)品詳情頁的部分截圖，主體產(chǎn)品佛手在畫面中間位置，營銷促銷文案在佛手所指的視線上,即畫面右側(cè)。3.4.1經(jīng)典構(gòu)圖法中心構(gòu)圖小技巧：·第一視覺焦點(diǎn)，是視覺流的起點(diǎn)，也是營銷信息流的起點(diǎn)?！さ谝灰曈X焦點(diǎn)的不同選擇，可以有不同的視覺流設(shè)計(jì)?！さ谝灰曈X焦點(diǎn)起到引領(lǐng)視覺流，即營銷信息流的作用，必須要突出，不能多雜，主線要明確清晰。3.4.1經(jīng)典構(gòu)圖法九宮格構(gòu)圖九宮格構(gòu)圖采用“井”字型劃分畫面，“井”中的四個(gè)交叉點(diǎn)處作為優(yōu)先主體位。四個(gè)點(diǎn)位虛實(shí)配合使用，不建議全部用于表示實(shí)體，圖3-31所示。九宮構(gòu)圖兼顧了視覺主體的突出與畫面的均衡和諧，是最常見最基本的保守構(gòu)圖方式。圖3-31所示美麗女主播現(xiàn)場圖，人體居于“井”字形左邊兩點(diǎn)位置，右邊兩點(diǎn)坐落在畫面欄桿與道路所在的兩條視線上，兩線交與人物，突出了人物主角，并使畫面幾個(gè)視覺重心得到了均衡。3.4.1經(jīng)典構(gòu)圖法九宮格構(gòu)圖圖3-32九宮格產(chǎn)品圖,是參加聚劃算的產(chǎn)品海報(bào)圖，產(chǎn)品坐落在九宮四個(gè)主位的4號(hào)位，與其產(chǎn)品的厚實(shí)穩(wěn)重相合。3.4.1經(jīng)典構(gòu)圖法三角形構(gòu)圖三角形構(gòu)圖法，由三個(gè)視覺中心點(diǎn)構(gòu)成幾何三角形作為角色的占位，有正三角、倒三角、斜三角等。表現(xiàn)較為靈活與常用的是斜三角，倒三角則突出緊張感。三角形構(gòu)圖具有安定、均衡又不失靈活的特點(diǎn)。圖3-33、圖3-34、圖3-35采用了三角形構(gòu)圖。3.4.1經(jīng)典構(gòu)圖法對(duì)角線構(gòu)圖對(duì)角線構(gòu)圖，主體安排在畫幅的兩對(duì)角連線上，畫面產(chǎn)生立體感、延伸感和運(yùn)動(dòng)感。對(duì)角線是矩形畫框中最長的線，以它作為視覺引導(dǎo)線，對(duì)受眾視線有很強(qiáng)的引導(dǎo)能力，觀眾視線可以遍歷整個(gè)畫面。如圖3-36、圖3-37、圖3-38。3.4.1經(jīng)典構(gòu)圖法黃金分割構(gòu)圖黃金分割：古希臘數(shù)學(xué)家畢達(dá)哥拉斯在公元前六世紀(jì)，發(fā)現(xiàn)了黃金分割律。畢叔認(rèn)為，任何一條線段上都存在一點(diǎn)，可以使線段較長部分與全長的比值，等于較短部分與較長部分的比值，即較長/全長=較短/較長，其比值約為0.618。圖339黃金分割法所示，1.0/1.618=0.618/1.0=0,618。黃金分割律，自然美的比例，經(jīng)典的人文藝術(shù)代表，蘊(yùn)藏著豐富的美學(xué)價(jià)值,圖340所示。中國古代設(shè)計(jì)中同樣存在類似比例。現(xiàn)代設(shè)計(jì)中，較有時(shí)代感的中心分割，通常采用，即1.414的比例，這樣的方式給人感覺到更多的工業(yè)性和人為的痕跡，比自然黃金分割比更有“人文科技感”。3.4.1經(jīng)典構(gòu)圖法黃金分割構(gòu)圖黃金螺旋：黃金分割線是正方形邊長為半徑延伸出的具有黃金數(shù)字比例的螺旋線，俗稱黃金螺旋線。黃金螺旋構(gòu)圖里，首先黃金螺旋線繞得最緊的那一端作為主體視覺中心位，并以此作為起點(diǎn)，畫面的其他元素則隨著螺旋線而分布，其線條會(huì)很長很有生氣。黃金螺旋構(gòu)圖通過那條無形的螺旋線條，吸引住觀者的視線，創(chuàng)造出一個(gè)更為對(duì)稱的視覺線條與意味深遠(yuǎn)綿延，全面引人注目的視覺體驗(yàn)。相對(duì)于靜態(tài)三分法，黃金螺旋在眼球捕捉畫面時(shí)提供了一個(gè)流動(dòng)的線條，在畫面之內(nèi)流轉(zhuǎn)，從頂部到底部，使畫面的構(gòu)圖更加富于變化。圖

3?41是黃金比經(jīng)典案例。3.4.1經(jīng)典構(gòu)圖法黃金分割構(gòu)圖黃金分割點(diǎn)，表現(xiàn)在對(duì)角線上的某條垂直線上的垂足點(diǎn)，也是黃金螺旋的中心點(diǎn)，即黃金點(diǎn)必然是對(duì)角線上的點(diǎn)。圖342所示。3.4.1經(jīng)典構(gòu)圖法黃金分割構(gòu)圖根據(jù)前述的黃金分割規(guī)律，可以快速地確定分割點(diǎn)，選取長寬比是黃金比例的矩形選定區(qū)域繪制黃色矩形；分別繪制兩個(gè)大小矩形對(duì)角線，兩對(duì)角線垂點(diǎn)即為黃金點(diǎn)所在位置。亦可以取1.618a和0.618a的兩個(gè)等高直角三角形斜邊交點(diǎn)。圖343中窄的那張請柬坐落于右下區(qū)位的黃金分割點(diǎn)區(qū)域。重點(diǎn)回顧本微課主要介紹了構(gòu)圖的常用法則和常用的經(jīng)典構(gòu)圖法，并介紹了常用經(jīng)典構(gòu)圖法在產(chǎn)品視覺傳達(dá)中的應(yīng)用。。構(gòu)圖原則均衡與對(duì)稱對(duì)比視點(diǎn)經(jīng)典構(gòu)圖法中心構(gòu)圖九宮格構(gòu)圖三角形構(gòu)圖對(duì)角線構(gòu)圖黃金分割線構(gòu)圖ShanonTeamQQ369044515項(xiàng)目3解構(gòu)視覺傳達(dá)之劍任務(wù)7版式設(shè)計(jì)基礎(chǔ)VisualMerchandising視覺營銷項(xiàng)目概述構(gòu)圖構(gòu)圖原則經(jīng)典構(gòu)圖版式版式設(shè)計(jì)基礎(chǔ)三率一界基本版型解構(gòu)視覺傳達(dá)之劍任務(wù)7版式設(shè)計(jì)基礎(chǔ)layout?format?版式設(shè)計(jì)基本要素?版式設(shè)計(jì)基本原則Layout與formatLayoutdesignFormatdesign版式設(shè)計(jì)基本要素顏色文字圖像線圖形留白版式設(shè)計(jì)基本原則層次平衡隊(duì)列鄰近重復(fù)留白版式設(shè)計(jì)工作版式設(shè)計(jì)又稱版面編排，是平面設(shè)計(jì)中最具代表性的分支，主要指將圖片圖形、顏色色塊、文字字體、線條線框等元素，按照內(nèi)容需求在有限的版面空間里進(jìn)行有目的、有規(guī)劃的設(shè)計(jì)，使版面內(nèi)的圖文信息編排的更為科學(xué)、合理，將設(shè)計(jì)者的計(jì)劃和構(gòu)思以視覺形式展現(xiàn)出來，構(gòu)建一種信息傳達(dá)的氛圍與通道。版式設(shè)計(jì)意義版式設(shè)計(jì)已經(jīng)成為構(gòu)建信息傳遞的重要途徑與工具，優(yōu)秀的版式設(shè)計(jì)能夠有效傳達(dá)設(shè)計(jì)者的思想情感、美學(xué)追求、藝術(shù)修養(yǎng)，滿足人們的審美需求。電商視覺中的版式設(shè)計(jì)是以秩序化、藝術(shù)化的形式重新展現(xiàn)主題內(nèi)容的版面格式。合理的編排版面信息可以通過提升電商視覺的視傳功能性與藝術(shù)性來增強(qiáng)電商視覺的傳達(dá)與傳播效應(yīng)。版式設(shè)計(jì)本質(zhì)就其本質(zhì)而言，它是一種創(chuàng)造性、直覺性的創(chuàng)作活動(dòng)，主要通過設(shè)計(jì)藝術(shù)恰當(dāng)展現(xiàn)版面信息。版式設(shè)計(jì)要與信息內(nèi)容相結(jié)合，實(shí)現(xiàn)準(zhǔn)確定位，從而達(dá)到信息視覺傳達(dá)的初衷，達(dá)成最優(yōu)化的傳播效應(yīng)。1layout與formatLayoutdesign?formatdesignlayoutLayoutdesignformatFormatdesign3.4.2.1版式設(shè)計(jì)基礎(chǔ)LayoutdesignandformatdesignLayoutdesign，指在一特定容器空間安排視覺元素的過程與方法，如對(duì)文字、圖像、形狀、線條、留白等視覺元素在一定頁面中進(jìn)行空間安排與關(guān)系處理。3.4.2.1版式設(shè)計(jì)基礎(chǔ)Layoutdesignandformatdesign業(yè)界目前與Layoutdesign混用的局面，從溯源而言，更多的指向規(guī)范化、標(biāo)準(zhǔn)化的部分，如字庫中的字型、紙張型號(hào)等基礎(chǔ)組件、標(biāo)準(zhǔn)的設(shè)計(jì)。3.4.2.1版式設(shè)計(jì)基礎(chǔ)Layoutdesignandformatdesign總體而言，Layoutdesign面向用戶表現(xiàn)層，F(xiàn)ormatdesign面向設(shè)計(jì)應(yīng)用層，電商視覺中的版式設(shè)計(jì)更多的是面向用戶表現(xiàn)層的Layoutdesign，涉及格式、布局、設(shè)計(jì)、規(guī)劃、版面編排、版面設(shè)計(jì)等，涵括了總體設(shè)計(jì)到詳細(xì)設(shè)計(jì)的序列層次。2版式設(shè)計(jì)基本要素編輯出版?版面格式?版面布局?頁面布局顏色color文字text圖像image線lines圖形shapes留白whitespace3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本要素·顏色Color，是無形卻有情的視覺要素，是設(shè)計(jì)中重要的存在。糟糕的顏色選配會(huì)破壞整體的設(shè)計(jì)，主體與環(huán)境色彩對(duì)比必須恰當(dāng)、和諧。如淺色文字配淺色背景，深色文字配深色背景，用戶將無法閱讀，影響用戶體驗(yàn)，是不友善的設(shè)計(jì)。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本要素·文字Text，可以通過文字的多種屬性設(shè)置來達(dá)到文字效果的增強(qiáng)與突出，如加粗、字體、字號(hào)、字體顏色等。多文本需要通過標(biāo)題、段落等直觀的方式提高易讀性。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本要素·圖像Images，照片、圖表等可視化信息，可以幫助我們破解文本閱讀的困擾，使傳遞溝通的信息更為明確直觀。尤其通過情感方式吸引受眾的應(yīng)用中特別有效。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本要素·線Lines，線通常用于分割不同的信息塊、視線的引導(dǎo)設(shè)計(jì)，使信息呈現(xiàn)更具空間層次性、時(shí)間邏輯性，提升信息視覺的易讀性與悅讀性。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本要素·圖像Shapes，圖形使用得當(dāng)，可以增強(qiáng)布局的鑒別力和個(gè)性特征，矩形與圓形是最常用的版式布局形狀，同時(shí)可以創(chuàng)作不同特征風(fēng)格的形狀增強(qiáng)版式的設(shè)計(jì)效果。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本要素·留白Whitespace，留白經(jīng)常會(huì)出現(xiàn)在不同版塊之間，幫助受眾從擁擠雜亂，視覺疲憊的設(shè)計(jì)脫離出來。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本要素·各要素在版式中的應(yīng)用將由總體規(guī)劃與設(shè)計(jì)語境來決定。如網(wǎng)站版式會(huì)擁有大量的文本與圖像，而電商視覺版式會(huì)收攝于經(jīng)典的圖像和極簡的文本。設(shè)計(jì)語境和用戶體驗(yàn)對(duì)如何平衡設(shè)計(jì)中的不同要素是很重要的。如站外引流視覺，用戶是不經(jīng)意間視線掃過，如果不能快速吸引受眾，機(jī)會(huì)便劃過；站內(nèi)的產(chǎn)品視覺和店鋪視覺，則應(yīng)不同版塊承擔(dān)的信息角色不同，存在差異。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3版式設(shè)計(jì)基本原則層次?平衡?隊(duì)列?鄰近?重復(fù)?留白層次平衡隊(duì)列鄰近重復(fù)留白3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本原則·i.層次hierarchy層次主要指版式中元素的重要性次序。突出層次的常用方法有尺寸、對(duì)比、位置。如圖344圖345圖346所示。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本原則·i.層次hierarchy層次主要指版式中元素的重要性次序。突出層次的常用方法有尺寸、對(duì)比、位置。如圖344圖345圖346所示。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本原則·ii.平衡balance平衡對(duì)人類視覺具有本能的吸引力。因此，在版式設(shè)計(jì)中構(gòu)造平衡是一種感性的需要。版式平衡包括對(duì)稱平衡、不對(duì)稱平衡、輻射對(duì)稱平衡。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本原則·ii.平衡balance平衡小技巧：·色彩平衡?？梢詰?yīng)用色彩在視覺上的輕重感進(jìn)行版式平衡?！ぜ釉仄胶?。當(dāng)版面某一部分視覺比較輕、空，或整體比較單一的情況，可以添加元素如小圖形、底紋、文字等進(jìn)行整體視覺平衡?！し€(wěn)定的三角結(jié)構(gòu)。當(dāng)版面需要添加多個(gè)元素時(shí)，可以采用三角構(gòu)圖，讓元素之間相互平衡。布局元素時(shí)，最大元素放在視覺最輕最空的位置；離最大元素最近置最小元素?！る[形矩形框。設(shè)計(jì)元素外圍放置一個(gè)矩形框，完工后撤離。盡量讓矩形內(nèi)的四個(gè)角落頂起，整體會(huì)更趨平衡飽滿。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本原則·iii.隊(duì)列alignment隊(duì)列指版式元素沿某一條隱含直線對(duì)齊，形成一種序列。如果直線是曲線，元素收攝于曲線，形成曲線序列，這種版式具靈活性、柔韌性，但難度高。隱含線對(duì)元素有收攝引領(lǐng)的作用，可以通過元素關(guān)于線的對(duì)齊來實(shí)現(xiàn)隊(duì)列。根據(jù)隱含線與隊(duì)列的位置關(guān)系，對(duì)齊方式有邊對(duì)齊和軸對(duì)齊兩大類；根據(jù)邊與隊(duì)列的位置關(guān)系，可以分為頂對(duì)齊、底對(duì)齊、左對(duì)齊、右對(duì)齊。圖3?49所示。有效隊(duì)列設(shè)計(jì)有助于提升信息的易讀性和視覺流的形成。使用柵格系統(tǒng)有助于確定采用何種對(duì)齊方式的隊(duì)列及隊(duì)列的實(shí)現(xiàn)。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本原則·iiiv.鄰近proximity鄰近主要指版式中元素的位置，是排列一起的，視覺上相連的，或者相離的。鄰近在版式設(shè)計(jì)中很重要，會(huì)強(qiáng)化受眾的視覺印象，覺得在一起的元素是一組的，相關(guān)聯(lián)的，不關(guān)聯(lián)的元素之間需要用空白部分加以分隔以免信息邊界不明確而引起混淆。圖3-50所示。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本原則·v.重復(fù)repetition重復(fù)主要指設(shè)計(jì)元素的表現(xiàn)形式在整個(gè)頁面中的重復(fù)使用。重復(fù)元素可能是一種粗字體、一條粗線，某個(gè)項(xiàng)目符號(hào)、顏色、設(shè)計(jì)要素，某種格式、空間關(guān)系等。圖3-51重復(fù)有助于組織信息，幫助讀者瀏覽信息。有利于將設(shè)計(jì)中公共的部分統(tǒng)一起來。重復(fù)元素可以建立一種視覺的連續(xù)性，將頁面有序地組織為一個(gè)整體。3.4.2.1版式設(shè)計(jì)基本要素版式設(shè)計(jì)基本原則·vi.留白space留白在版式設(shè)計(jì)中非常重要，可以幫助元素與元素之間分隔開，可以把不同的元素組織在一起。應(yīng)用柵格工具時(shí)，留白經(jīng)常會(huì)填充在列和列之間，或者溝槽中。有時(shí)，留白也會(huì)把注意力吸引到元素的周邊。重點(diǎn)回顧本微課主要介紹了空間布局的常用手法：構(gòu)圖和版式。并初步了解了構(gòu)圖與版式的前身與在視覺營銷領(lǐng)域的應(yīng)用場景。構(gòu)圖版式ShanonTeamQQ369044515項(xiàng)目3解構(gòu)視覺傳達(dá)之劍任務(wù)8三率一界VisualMerchandising視覺營銷項(xiàng)目概述構(gòu)圖構(gòu)圖原則經(jīng)典構(gòu)圖版式版式設(shè)計(jì)基礎(chǔ)三率一界基本版型解構(gòu)視覺傳達(dá)之劍任務(wù)8三率一界版面率?圖版率?跳躍率?視界三率版面率圖版率跳躍率一界視界1三率版面率?圖版率?跳躍率三率版面率圖版率跳躍率3.4.2.2三率一界版面率版面率指版面在開本中所占的比例。開本指整個(gè)可設(shè)計(jì)的平面區(qū)域，版面指擁有呈現(xiàn)信息的區(qū)域。版面率越小，頁面留白越大，給人以干凈、典雅、信息簡單明確的既視感；版面率越大，頁面留白越小，給人以內(nèi)容豐富、信息量大的既視感。3.4.2.2三率一界版面率圖3-53的左側(cè)版面使用滿底圖，版面率為100%，右側(cè)版面是裁剪后圖片，版面率約為35%，兩種版面率的產(chǎn)品主圖依次出場，在重復(fù)產(chǎn)品圖信息的同時(shí)，形成視覺差異，使版面張弛有度，使主圖區(qū)形成一定的視覺張力，避免單一化造成的視覺疲勞。小版面率可以給文字提供更多承載產(chǎn)品信息的空間。3.4.2.2三率一界版面率一般設(shè)計(jì)風(fēng)格偏實(shí)用的可采用大版面率，偏藝術(shù)性的可采用小版面率。常用的版面率調(diào)整技巧：控制留白區(qū)域的大??；控制圖文信息的數(shù)量。3.4.2.2三率一界版面率電商視覺版面率與產(chǎn)品、品牌的風(fēng)格取向相關(guān)，講求靜美、精致、簡約的版面會(huì)減小版面率；講求大氣、視覺沖擊、活動(dòng)營銷的會(huì)增大版面率。版面率與信息量不存在絕對(duì)關(guān)系，對(duì)于移動(dòng)端用戶，為避免產(chǎn)品頁訪問時(shí)單位時(shí)空的信息擁堵，通常采用小版面率的一屏一主題信息。作為信息交會(huì)中心的首頁，希望促成一定的購買欲望，營造一定的信息緊張度，通常采用大版面率。圖354所示。1三率版面率?圖版率

?跳躍率三率版面率圖版率跳躍率3.4.2.2三率一界圖版率·圖版率指圖片所占版面的比例，與圖片數(shù)量、圖片尺寸有關(guān)。圖版率大的版面給人情感、色彩飽滿的感覺，圖版率小的版面給人低調(diào)、沉穩(wěn)的感覺。提高圖版率可以提高版面的視覺效果，但需要視版面應(yīng)用場合風(fēng)格來增加考慮文字信息的作用。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.2三率一界圖版率·圖355版面率A留白小，主體顯得肆意張揚(yáng)；和圖356版面率B，留白略多于A，同時(shí)文字壓底，主體畫面相對(duì)A顯得內(nèi)斂雅致。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.2三率一界圖版率·圖版率調(diào)整小技巧：圖版率的大小和圖片數(shù)量沒有絕對(duì)關(guān)系。·滿底圖可以使圖版率達(dá)100%。通過墊色增大圖版率。通過重復(fù)圖片素材增大圖版率。控制文字干擾視線達(dá)到“少即是多”的效果。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.2三率一界圖版率·圖版率需要根據(jù)適用人群和風(fēng)格定位進(jìn)行調(diào)整和技巧選用，電商視覺圖版率通常較大，同時(shí)注意文字信息與圖片信息、色彩信息的一致性。圖357通過重復(fù)的圖像元素、線、變化的文字，提高圖版率的同時(shí)注重元素大小、數(shù)目的控制，使視覺效果呈現(xiàn)飽滿卻不擁擠、平衡有序，兼顧邏輯與感觀。1三率版面率?圖版率?跳躍率色彩對(duì)比位置對(duì)比大小對(duì)比跳躍率3.4.2.2三率一界跳躍率·跳躍率指版面中的元素應(yīng)尺寸、位置等參數(shù)變化而營造出的一種對(duì)比視覺效果。跳躍率大的版面給人以生動(dòng)、活潑的動(dòng)態(tài)感，再加上一定規(guī)則的序列變化，可以給人富有節(jié)奏和韻律的動(dòng)感。跳躍率小的版面則給人以沉穩(wěn)、寧靜和高雅的靜態(tài)感。跳躍率文字跳躍率圖片跳躍率3.4.2.2三率一界跳躍率·影響跳躍率的三個(gè)關(guān)鍵因子影響因子大小尺寸位置關(guān)系色彩對(duì)比3.4.2.2三率一界跳躍率·i.大小對(duì)比形成跳躍感文字有明顯大小、粗細(xì)和角度變化，會(huì)提升版面的跳躍率。圖片尺寸大小的變化會(huì)提升版面的跳躍率。圖358中的大小對(duì)比有文字、衣服鋪陳、折疊出的色塊；圖

3?58中的大小對(duì)比有文字、衣服鋪陳、折疊出的色塊；

3.4.2.2三率一界跳躍率·i.大小對(duì)比形成跳躍感圖359中的大小對(duì)比有掛衣架高度帶來的產(chǎn)品陳列高低錯(cuò)落、同色產(chǎn)品形成的色塊面積占比等。簡單的產(chǎn)品陳列營造出了各具特色的風(fēng)格意境。圖

3?58中的大小對(duì)比有文字、衣服鋪陳、折疊出的色塊；

3.4.2.2三率一界跳躍率·ii.位置對(duì)比形成跳躍感調(diào)整版面中的圖片或文字位置可以增強(qiáng)跳躍感，形成遠(yuǎn)近、疏密、方向等位置對(duì)比，可以使版面更具活力，增強(qiáng)閱讀的趣味性。如圖3-60左圖所示。圖

3?58中的大小對(duì)比有文字、衣服鋪陳、折疊出的色塊；

3.4.2.2三率一界跳躍率·iii.色彩對(duì)比形成跳躍感色彩與圖片、文字共同構(gòu)成版面的主視覺元素，具有生命情感屬性，通過色彩要素、面積、形狀等參數(shù)的搭配，可調(diào)出不同跳躍感的效果。圖360右圖以產(chǎn)品主色橙色為基色，背景、文字、圖形元素等都以此為基色調(diào)制系列色，通過色彩明亮度、飽和度的調(diào)制和色相偏移，營造出了一種靜美不失靈動(dòng)的風(fēng)格意境。圖

3?58中的大小對(duì)比有文字、衣服鋪陳、折疊出的色塊；

2一界視界?視界?視界?視界視界視界視界視界3.4.2.2三率一界視界·視覺是人類從外界獲取信息的主要通道，在日積月累的信息獲取、采集、處理過程中形成了一定的視覺習(xí)慣與規(guī)律。視覺規(guī)律中的重要概念：視覺焦點(diǎn)、視覺流、視線、視界。視覺焦點(diǎn)對(duì)應(yīng)視覺中的“點(diǎn)”，視覺流與視線對(duì)應(yīng)“線”，而視界則對(duì)應(yīng)“面”。視覺焦點(diǎn)-點(diǎn)視覺流-視線-線視界-面3.4.2.2三率一界視界·視界指肉眼能夠觀察事物的視野區(qū)域，分為兩個(gè)維度：人眼垂直視野區(qū)域和水平視野區(qū)域。由垂直與水平兩個(gè)維度的交互形成三維視覺空間的“體”。一般垂直視野方向視角大約150°，水平方向視角大約190°，視線在視角范圍內(nèi)可以掃射的區(qū)域即為視界。區(qū)域根據(jù)視覺眼動(dòng)又可劃分為：敏感區(qū)、正確識(shí)別信息區(qū)等，在設(shè)計(jì)中可以據(jù)此劃定最佳眼睛轉(zhuǎn)動(dòng)區(qū)、最大眼睛轉(zhuǎn)動(dòng)區(qū)，限定焦點(diǎn)、視線坐落的最佳區(qū)域和極限區(qū)域。圖361視界與眼動(dòng)區(qū)所示垂直視界，水平視界同樣存在最佳眼動(dòng)區(qū)和最大轉(zhuǎn)動(dòng)區(qū)。3.4.2.2三率一界視界·3.4.2.2三率一界視界視界在版式設(shè)計(jì)中的作用：·適當(dāng)留白。根據(jù)最佳眼動(dòng)效果，版式設(shè)計(jì)時(shí)適當(dāng)區(qū)域留白?！ば畔⒎謱?，形成視覺焦點(diǎn)。將主要信息放置視覺表現(xiàn)力強(qiáng)的區(qū)域，達(dá)到視覺強(qiáng)化效果；次要信息排在視覺表現(xiàn)力弱的區(qū)域，達(dá)到視覺弱化效果?！ふw協(xié)調(diào)，形成視線引導(dǎo)。信息分層次后，再將版面中的元素進(jìn)行對(duì)比、序列、平衡等處理，營造整體視覺表現(xiàn)力，形成具有視線引導(dǎo)。適當(dāng)留白信息分層，形成視覺焦點(diǎn)整體協(xié)調(diào)，形成視線引導(dǎo)重點(diǎn)回顧本微課主要介紹了空間布局的常用手法：構(gòu)圖和版式。并初步了解了構(gòu)圖與版式的前身與在視覺營銷領(lǐng)域的應(yīng)用場景。三率版面率圖版率跳躍率一界視界ShanonTeamQQ369044515項(xiàng)目3解構(gòu)視覺傳達(dá)之劍任務(wù)9基本版型VisualMerchandising視覺營銷項(xiàng)目概述構(gòu)圖構(gòu)圖原則經(jīng)典構(gòu)圖版式版式設(shè)計(jì)基礎(chǔ)三率一界基本版型解構(gòu)視覺傳達(dá)之劍任務(wù)9基本版型骨骼型?分割型?傾斜型?對(duì)稱型?重心型?邊角型?三角型?并置型?曲線型?滿版型?自由型基礎(chǔ)組骨骼型分割型傾斜型變幻組對(duì)稱型重心型邊角型三角型并置型創(chuàng)意組曲線型滿版型自由型1基本版型骨骼型?分割型?傾斜型骨骼型分割型傾斜型基本型3.4.2.3基本版型骨骼型骨骼型主要運(yùn)用線將版面劃分為不同區(qū)域，使元素的編排更趨合理、規(guī)范，使表現(xiàn)形式更趨邏輯，給人以嚴(yán)謹(jǐn)、理性的感覺。設(shè)計(jì)者在布置元素前，先用不同長度粗細(xì)的線或色塊把版面劃分為不同區(qū)塊作為圖文元素的容器，不同區(qū)塊間注意溝槽留白的運(yùn)用，以達(dá)成整體效果的優(yōu)化。適用于信息量較大并希望集中展現(xiàn)在同一時(shí)空的情況。圖3-62、圖3-63都采用了骨骼型版式設(shè)計(jì)。3.4.2.3基本版型分割型分割型是運(yùn)用圖片或色塊將版面進(jìn)行劃分，可以在一個(gè)版面上同時(shí)突出兩個(gè)主題。主要有左右分割、上下分割兩種。分割型版式給人以平衡、穩(wěn)重的印象，在視覺上具有強(qiáng)烈的反差效果，常用來表達(dá)信息間具有強(qiáng)烈對(duì)比、并列、層級(jí)遞進(jìn)等系。圖3-64是上下分割，上部主要傳達(dá)品牌當(dāng)季的經(jīng)典款，下部重點(diǎn)傳達(dá)當(dāng)季經(jīng)典款中的紅色款。3.4.2.3基本版型分割型圖3-65是左右分割，左右存在產(chǎn)品相似的并列關(guān)系，陳列方式不同的對(duì)比關(guān)系；圖3-66是左右分割，左右存在產(chǎn)品功能款式相似的并列關(guān)系，風(fēng)格不同的對(duì)比關(guān)系。3.4.2.3基本版型傾斜型傾斜型是元素在版面上呈傾斜狀分布，營造一種不穩(wěn)定的趨勢、動(dòng)感。傾斜型以打破版面平衡為主，使版面結(jié)構(gòu)更具張性和活力，適用產(chǎn)品、品牌獨(dú)特個(gè)性的表達(dá)。當(dāng)某個(gè)方向傾斜過度，可以用反向傾斜進(jìn)行視覺平衡。圖367版型存在兩個(gè)方向的傾斜疊加，一個(gè)是左側(cè)版式圖所示的大傾斜，另一個(gè)是綠條產(chǎn)品標(biāo)簽與左上角層疊產(chǎn)品構(gòu)成反向小傾斜，對(duì)大傾斜起到了視覺平衡的作用。2變化組對(duì)稱型?重心型?邊角型?三角型?并置型對(duì)稱型重心型邊角型三角型并置型3.4.2.3基本版型對(duì)稱型·對(duì)稱型指元素以版面中心線為軸對(duì)稱分布。按對(duì)稱軸方向可分為左右對(duì)稱和上下對(duì)稱，按對(duì)稱元素相似性可分為絕對(duì)對(duì)稱和相對(duì)對(duì)稱。相對(duì)對(duì)稱指軸兩側(cè)的元素大致相同，絕對(duì)對(duì)稱指兩側(cè)元素完全相同。圖3-68是左右相似對(duì)稱。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.3基本版型重心型·重心型指元素通過版面的布局設(shè)計(jì)，形成視覺焦點(diǎn)。需要重點(diǎn)突出和表達(dá)的內(nèi)容通常位于版面重心位置。一般通過元素的大小和疏密對(duì)比，顏色調(diào)配和造型設(shè)計(jì)，強(qiáng)調(diào)視覺重心。常用于產(chǎn)品主體展示、某個(gè)細(xì)節(jié)展示、流量入口引流圖等。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.3基本版型重心型·由圖3-69和圖3-70可以發(fā)現(xiàn)，重心型版式上通?？梢猿槿〕鲆唤M同心圓或同心圖形，重心型關(guān)鍵在于視覺焦點(diǎn)的形成，同心圖形的那個(gè)心就是重心，是吸引受眾視覺的焦點(diǎn)。重心型適用于流量入口視覺、產(chǎn)品關(guān)鍵特征屬性視覺，通常出現(xiàn)在需要收攝用戶視覺的位置和重點(diǎn)提亮的特征信息。人類生活在一個(gè)有光的世界，光帶來了明亮、溫暖、色彩，光是人世間一切的因緣。而光的存在，離不開影的襯托，光影是視覺元素的一種，視覺要素的表現(xiàn)離不開光與影的協(xié)奏，圖3?17所示。光影效果的運(yùn)用，體現(xiàn)在運(yùn)用自然屬性的視覺營造與運(yùn)用受眾內(nèi)心自然反應(yīng)的心理營造兩個(gè)層面。通過光影創(chuàng)造視覺享受，可以使畫面色彩變化、形體與層次表現(xiàn)、場景氛圍營造更為豐富細(xì)膩與傳神。3.4.2.3基本版型邊角型·邊角型指版面4個(gè)角點(diǎn)與中心點(diǎn)呈現(xiàn)一種對(duì)照關(guān)系的版型。常見排版規(guī)則：角點(diǎn)布局文字，中心點(diǎn)布局圖片；焦點(diǎn)布局圖片，中心點(diǎn)布局文字。通常用來表示信息層級(jí)，每個(gè)點(diǎn)對(duì)應(yīng)一個(gè)或一組信息，相互獨(dú)立。圖371是一款中心文字邊角圖文的用戶人群的信息視覺。信息框架、層級(jí)清晰呈現(xiàn)。3.4.2.3基本版型三角型·三角型指