圖形創(chuàng)意（微課版）課件 項(xiàng)目3 了解圖形創(chuàng)意視覺

項(xiàng)目3了解圖形創(chuàng)意視覺與構(gòu)圖高等院校藝術(shù)設(shè)計(jì)精品系列教材圖形創(chuàng)意（微課版）CONTENTS3.1圖形創(chuàng)意的視覺流程3.2圖形創(chuàng)意的構(gòu)圖要素3.3圖形創(chuàng)意構(gòu)圖的形式美法則3.4圖形創(chuàng)意的構(gòu)圖方式3.5任務(wù)實(shí)踐3.1.1視覺流程的內(nèi)涵視覺流程就是視線在一定的空間中運(yùn)動(dòng)的過(guò)程，它是畫面中各構(gòu)成要素組合后所產(chǎn)生的引導(dǎo)結(jié)果。在圖形創(chuàng)意中，受眾視線瀏覽的先后順序，視線在某處停留的時(shí)間長(zhǎng)短等，都可以通過(guò)規(guī)劃畫面中圖形的視覺流程來(lái)實(shí)現(xiàn)。海瀾之家節(jié)氣借勢(shì)營(yíng)銷海報(bào)3.1.2視線運(yùn)動(dòng)與視覺焦點(diǎn)受眾很難讓自己的視線一直停留在某處，而是會(huì)讓視線移動(dòng)和變化，這就是視線運(yùn)動(dòng)。這種視線運(yùn)動(dòng)是由受眾復(fù)雜的生理和心理感受所引起的輕微移動(dòng)，主要依賴受眾的認(rèn)知經(jīng)驗(yàn)和外界對(duì)視覺的引導(dǎo)。1．視線運(yùn)動(dòng)2．視覺焦點(diǎn)一個(gè)圖形創(chuàng)意作品需要具有能吸引受眾目光的重點(diǎn)，而視覺焦點(diǎn)則可以用最快、最強(qiáng)烈的方式來(lái)吸引受眾目光。圖形創(chuàng)意中的視覺焦點(diǎn)一般具有主體物大、強(qiáng)烈的對(duì)比度和與眾不同的特征。用戶行為地圖設(shè)計(jì)李寧運(yùn)動(dòng)鞋海報(bào)3.1.3掌握視覺規(guī)律設(shè)計(jì)師需要掌握視覺規(guī)律，這些規(guī)律大多是視覺心理學(xué)家根據(jù)受眾長(zhǎng)期的生活習(xí)慣和經(jīng)驗(yàn)而總結(jié)的。展覽宣傳海報(bào)音樂(lè)專輯封面受眾通常按照從上到下、從左到右的順序進(jìn)行閱讀。受眾觀察視覺信息時(shí)，容易先注意水平方向的信息，然后才注意垂直方向的信息。在畫面中，一條水平線會(huì)引導(dǎo)視線做左右視覺運(yùn)動(dòng)，一條垂直線則能引導(dǎo)視線做上下視覺運(yùn)動(dòng)。在畫面中，斜線比水平線、垂直線有更強(qiáng)的視覺訴求力，它能將視線引導(dǎo)在斜線方向上做視覺運(yùn)動(dòng)。任何具有強(qiáng)烈方向感的圖形都能把人的注意力引向它所指的方向。在簡(jiǎn)單的幾何圖形中，矩形能使視線向四周發(fā)射運(yùn)動(dòng)，圓形能使視線從圓心向外運(yùn)動(dòng)，三角形能使視線沿頂角向3個(gè)方向擴(kuò)散運(yùn)動(dòng)。3.1.3掌握視覺規(guī)律畫面中相似的圖形組合在一起能引導(dǎo)視覺流程，如形狀的相似、大小的相似、色彩的相似、位置的相似等。視線的轉(zhuǎn)移具有直線性特征，即視線從一個(gè)視點(diǎn)轉(zhuǎn)移至另一個(gè)視點(diǎn)，或從一種刺激樣式轉(zhuǎn)至另一種刺激樣式時(shí)，通常是直線轉(zhuǎn)移。視線通常朝著圖形尺寸、間隔距離、密集程度呈規(guī)律性變化的方向移動(dòng)。受眾的視覺焦點(diǎn)往往先落在刺激強(qiáng)度最大的位置。人的視線運(yùn)動(dòng)是積極主動(dòng)的，具有很強(qiáng)的自由選擇性,往往會(huì)選擇感興趣的視覺信息而忽略其他，從而造成視線運(yùn)動(dòng)在某種程度上的不規(guī)則性與不穩(wěn)定性。創(chuàng)意形狀海報(bào)（Jerry-LeeBosmans）3.1.4規(guī)劃視覺流程鋼琴海報(bào)1．直線視覺流程直線視覺流程是利用畫面中有直線方向的視覺元素做視線引導(dǎo)來(lái)引起受眾注意，包括水平線、垂直線、斜線，傳達(dá)效果簡(jiǎn)潔明了、強(qiáng)烈直接。3.1.4規(guī)劃視覺流程曲線視覺流程是將畫面中各視覺元素有規(guī)律地呈曲線形狀排列，其形式活潑，比直線視覺流程更具韻律美和節(jié)奏感。尚美佳的倒計(jì)時(shí)廣告2．曲線視覺流程反復(fù)視覺流程是指將畫面中有相同或相似的視覺元素進(jìn)行有規(guī)律、有秩序、有節(jié)奏的運(yùn)動(dòng)，從而產(chǎn)生引導(dǎo)視線的作用。成都理工大學(xué)工程技術(shù)學(xué)院2022年畢業(yè)設(shè)計(jì)作品展宣傳海報(bào)3．反復(fù)視覺流程3.1.4規(guī)劃視覺流程焦點(diǎn)視覺流程也稱重心視覺流程，其中的“焦點(diǎn)”是指視覺心理上的焦點(diǎn)，通常表現(xiàn)為占據(jù)了畫面某一部位、效果強(qiáng)烈或填滿畫面的視覺元素?！督?jīng)典詠流傳·大美中華》節(jié)目宣傳海報(bào)（一）4．焦點(diǎn)視覺流程《經(jīng)典詠流傳·大美中華》節(jié)目宣傳海報(bào)（二）向心運(yùn)動(dòng)離心運(yùn)動(dòng)視線由四周向畫面中的視覺焦點(diǎn)做聚攏運(yùn)動(dòng)。視線猶如將石子投入水中而產(chǎn)生的一圈圈漣漪，從焦點(diǎn)向外做擴(kuò)散運(yùn)動(dòng)。3.1.4規(guī)劃視覺流程散點(diǎn)視覺流程是指在畫面中分散處理各視覺元素，受眾視線會(huì)隨著這些元素做或上或下或左或右的自由運(yùn)動(dòng)，具有較強(qiáng)的隨機(jī)性、偶然性和自由性，并且生動(dòng)、有趣，能給受眾帶來(lái)輕松隨意和慢節(jié)奏感受。5．散點(diǎn)視覺流程導(dǎo)向視覺流程是指通過(guò)在畫面中制造誘導(dǎo)元素，主動(dòng)引導(dǎo)受眾視線朝一定的方向進(jìn)行有序的運(yùn)動(dòng)，傳達(dá)主題訴求。眼睛、窗戶、鏡頭、流水、箭頭、手勢(shì)、運(yùn)動(dòng)事物等，都常被用來(lái)作為誘導(dǎo)元素。6．導(dǎo)向視覺流程散點(diǎn)視覺流程導(dǎo)向視覺流程3.1.5利用錯(cuò)視現(xiàn)象錯(cuò)視，也稱視錯(cuò)覺，即視覺上的錯(cuò)覺，是受眾受客觀因素或自身心理因素的影響，在觀察事物時(shí)，基于經(jīng)驗(yàn)主義或不當(dāng)?shù)膮⒄?，而?duì)事物產(chǎn)生的與客觀事實(shí)不相符的錯(cuò)誤感覺。在圖形創(chuàng)意中，利用錯(cuò)視現(xiàn)象可以達(dá)到特殊的藝術(shù)效果。幾何學(xué)錯(cuò)視現(xiàn)象幾何學(xué)錯(cuò)視現(xiàn)象受眾看到的圖形大小、長(zhǎng)度、面積、方向、角度等幾何屬性，與實(shí)際上測(cè)得的圖形數(shù)據(jù)、圖形狀態(tài)有明顯差別。01生理錯(cuò)視現(xiàn)象由于人體的視覺適應(yīng)性，人的感官在接受過(guò)久的刺激后會(huì)鈍化，造成補(bǔ)色、殘像、視覺暫留等生理錯(cuò)視現(xiàn)象。02當(dāng)受眾觀察到的視覺信息傳至大腦后，由于受眾的經(jīng)驗(yàn)、情感等原因，導(dǎo)致或誘發(fā)在腦海中還原視覺信息時(shí)出現(xiàn)誤差。03認(rèn)知錯(cuò)視現(xiàn)象生理錯(cuò)視現(xiàn)象認(rèn)知錯(cuò)視現(xiàn)象CONTENTS3.1圖形創(chuàng)意的視覺流程3.2圖形創(chuàng)意的構(gòu)圖要素3.3圖形創(chuàng)意構(gòu)圖的形式美法則3.4圖形創(chuàng)意的構(gòu)圖方式3.5任務(wù)實(shí)踐3.2.1點(diǎn)、線、面●水平線。水平線給人以平靜、安寧、沉穩(wěn)和向兩邊伸延的力量感?！翊怪本€。垂直線給人以挺拔、剛毅，以及向下垂和向上伸延的力量感?！裥本€。斜線表現(xiàn)出一種力量的美，可以表現(xiàn)快速、緊張和活力四射的感覺?！袂€。常給人以柔軟、溫柔、優(yōu)雅、流動(dòng)、溫和的感覺。點(diǎn)沒有一定的大小和形狀，其表現(xiàn)形式豐富多樣，既包含圓點(diǎn)、方點(diǎn)、三角點(diǎn)等有規(guī)則的點(diǎn)，又包含鋸齒點(diǎn)、雨點(diǎn)、泥點(diǎn)、墨點(diǎn)等不規(guī)則的點(diǎn)。點(diǎn)既可以單獨(dú)存在于畫面之中，也可組合成線或者面。1．點(diǎn)2．線烏拉圭消防局預(yù)防火災(zāi)公益廣告“灰燼”篇斜線曲線3.2.1點(diǎn)、線、面面是具有長(zhǎng)度、寬度、方向、位置、擺放角度等屬性的二維圖形。畫面中點(diǎn)放大到一定面積或密集的點(diǎn)可以形成面，線的平移、閉合、分割所產(chǎn)生的各種比例的空間也可以形成面。3．面幾何形是指有規(guī)律的易于被受眾所識(shí)別、理解和記憶的圖形，包括圓形、矩形、三角形、棱形、多邊形等，以及由線條組成的不規(guī)則幾何要素。幾何形自由形來(lái)源于自然或靈感，比較灑脫、隨意，可以營(yíng)造淳樸、生動(dòng)的視覺效果。自由形作品展海報(bào)《佛手》（中國(guó)平面設(shè)計(jì)師靳埭強(qiáng)）3.2.2色彩色彩是一種極具沖擊力的視覺元素，也是非常抽象的圖形構(gòu)成要素，可以塑造出千變?nèi)f化的視覺感受。食品主題類圖形重在突出食品的美味，或食品原料的健康自然，觸動(dòng)受眾的味蕾。情感主題類圖形可針對(duì)不同的情感傾向來(lái)選擇不同的色調(diào)。科技主題類圖形與科技相關(guān)的圖形創(chuàng)意側(cè)重于表現(xiàn)出嚴(yán)謹(jǐn)、冷靜、超現(xiàn)實(shí)風(fēng)格。安全主題類圖形選擇簡(jiǎn)單、輕柔的色彩，如藍(lán)色、綠色、灰色、白色。環(huán)保主題類圖形環(huán)保類圖形創(chuàng)意可以將綠色結(jié)合藍(lán)色、白色、灰色使用。環(huán)保公益海報(bào)設(shè)計(jì)食品安全海報(bào)設(shè)計(jì)網(wǎng)絡(luò)安全海報(bào)設(shè)計(jì)CONTENTS3.1圖形創(chuàng)意的視覺流程3.2圖形創(chuàng)意的構(gòu)圖要素3.3圖形創(chuàng)意構(gòu)圖的形式美法則3.4圖形創(chuàng)意的構(gòu)圖方式3.5任務(wù)實(shí)踐3.3.1統(tǒng)一與變化在圖形創(chuàng)意方面，統(tǒng)一與變化是相輔相成的關(guān)系，是靜止與運(yùn)動(dòng)、變化與有序的協(xié)調(diào)。統(tǒng)一變化統(tǒng)一是將不同的要素有條理、有秩序地排列在一起，造成一致或具有一致趨勢(shì)的感覺，使所有要素能夠和諧、共存于一個(gè)畫面，以達(dá)到整體統(tǒng)一的效果，是設(shè)計(jì)師對(duì)畫面的整體美感進(jìn)行調(diào)整的方法。變化是將不同形式的要素并置在畫面中，使圖形更加活潑生動(dòng)、豐富多姿，但若過(guò)分追求變化，容易導(dǎo)致畫面雜亂無(wú)章。汽車海報(bào)3.3.2對(duì)稱與均衡對(duì)稱容易產(chǎn)生統(tǒng)一感，均衡則強(qiáng)調(diào)畫面的動(dòng)感與變化。中國(guó)聯(lián)通、中國(guó)石油、華為的標(biāo)志圖形三星手機(jī)廣告對(duì)稱是同形同量的構(gòu)圖狀態(tài)，是指在一假設(shè)中心線（或中心點(diǎn)）的上下或左右，各要素呈同形同量的完全對(duì)等狀態(tài)。對(duì)稱給人平衡、有序、規(guī)律的視覺感受，具有端莊祥和、嚴(yán)謹(jǐn)、穩(wěn)定的美感，符合受眾的審美習(xí)慣和審美心理。對(duì)稱均衡是異形同量的構(gòu)圖狀態(tài)，是指在一假設(shè)中心線（或中心點(diǎn)）的上下或左右，各異形要素保持視覺心理上的平衡關(guān)系。在圖形創(chuàng)意中，可通過(guò)調(diào)整畫面中各要素的形狀、面積、位置、色彩等來(lái)實(shí)現(xiàn)均衡的效果。均衡3.3.3節(jié)奏與韻律在圖形創(chuàng)意構(gòu)圖中，可以利用構(gòu)圖要素的疏密、剛?cè)?、曲直、粗?xì)、長(zhǎng)短、方圓等有規(guī)律的變化，來(lái)形成節(jié)奏和韻律的形式美，使圖形整體呈現(xiàn)出完美的視覺效果。在圖形創(chuàng)意中節(jié)奏是指構(gòu)圖要素有規(guī)律地反復(fù)呈現(xiàn)，使人在視覺上感受到連續(xù)性和秩序性，從而在心理上產(chǎn)生節(jié)奏感。節(jié)奏在圖形創(chuàng)意中韻律是指構(gòu)圖要素按一定規(guī)律而產(chǎn)生節(jié)奏變化，表現(xiàn)得像詩(shī)詞一樣抑揚(yáng)頓挫的優(yōu)美情調(diào)和趨勢(shì)。韻律3.3.4對(duì)比與調(diào)和具象，意思是具體的形象，通常是指客觀存在的形態(tài)。具象圖形具有自然形態(tài)的特性和特征，同時(shí)也具有現(xiàn)實(shí)性、直觀性，以及鮮明的形象特征，使受眾看到圖形后馬上能聯(lián)系到相關(guān)的經(jīng)驗(yàn)和記憶，理解圖形含義。調(diào)和是指形、色、質(zhì)等圖形構(gòu)成要素的近似，當(dāng)相互之間的差距較小或具有某種共同點(diǎn)的要素呈現(xiàn)在畫面中時(shí)，都容易得到調(diào)和，達(dá)到求同存異的效果。對(duì)比調(diào)和對(duì)比與調(diào)和是相對(duì)而言的，沒有對(duì)比就沒有調(diào)和，二者是一對(duì)不可分割的矛盾統(tǒng)一體。CONTENTS3.1圖形創(chuàng)意的視覺流程3.2圖形創(chuàng)意的構(gòu)圖要素3.3圖形創(chuàng)意構(gòu)圖的形式美法則3.4圖形創(chuàng)意的構(gòu)圖方式3.5任務(wù)實(shí)踐3.4.1垂直型構(gòu)圖商業(yè)招貼《便捷下單，快捷送貨》垂直型構(gòu)圖是指將圖形和文字豎向放于畫面中心的構(gòu)圖方式，具有穩(wěn)定、挺拔、有力、有序等特點(diǎn)。規(guī)整有序的垂直型構(gòu)圖，能引導(dǎo)受眾縱向?yàn)g覽，對(duì)畫面內(nèi)容與作品主題產(chǎn)生清晰明確的認(rèn)知。3.4.2水平型構(gòu)圖水平型構(gòu)圖是指將圖形和文字呈橫排一字?jǐn)[放的構(gòu)圖方式，具有安寧、穩(wěn)定、流暢等特點(diǎn)。另外，水平參考線在畫面中的不同位置也能帶來(lái)不同的感受。商業(yè)廣告《越多運(yùn)動(dòng)，越近目標(biāo)》3.4.3重復(fù)型構(gòu)圖重復(fù)型構(gòu)圖是指用相似或相同的圖形、文字等視覺要素，進(jìn)行多次重復(fù)的排列。一方面，重復(fù)性構(gòu)圖具有獨(dú)特而強(qiáng)烈的畫面風(fēng)格，容易吸引受眾目光；另一方面，它也因?yàn)閱握{(diào)重復(fù)而使畫面容易顯得枯燥乏味，容易令受眾產(chǎn)生視覺疲勞，因此采用這種構(gòu)圖時(shí)，要注意融入一些畫龍點(diǎn)睛的元素。商業(yè)招貼《找找有何不同》3.4.4放射型構(gòu)圖放射型構(gòu)圖是指畫面中的圖形元素向四周或明確方向呈放射狀發(fā)散，有利于統(tǒng)一視覺中心，產(chǎn)生強(qiáng)烈的運(yùn)動(dòng)感和視覺沖擊力。這種構(gòu)圖一般有兩種呈現(xiàn)方法：一是由某一點(diǎn)（多為畫面的中心點(diǎn)）向四周放射；二是由某一點(diǎn)向某一方向放射。波蘭Bierdonka平面廣告《天然濃醇》3.4.5曲線型構(gòu)圖曲線型構(gòu)圖是指畫面中的主要圖形元素沿曲線編排，呈蜿蜒之勢(shì)，具有曲線的律動(dòng)感，其他元素則填充空余畫面，整體靈活自由。曲線型構(gòu)圖能帶給人優(yōu)美、柔和、奇妙的感覺，還能有效引導(dǎo)受眾視線。騰訊電腦管家海報(bào)巨量引擎穿山甲品牌海報(bào)3.4.6透視型構(gòu)圖威馬汽車營(yíng)銷海報(bào)透視型構(gòu)圖是指依據(jù)事物的透視關(guān)系，將畫面中縱深方向的線條都匯聚到一點(diǎn)，再現(xiàn)空間的線性透視的方式，逼真地展現(xiàn)事物的真實(shí)關(guān)系。透視型構(gòu)圖可以強(qiáng)化圖形的空間感，有效引導(dǎo)受眾視線。3.4.7對(duì)稱式構(gòu)圖對(duì)稱式構(gòu)圖是指畫面以水平、垂直或傾斜的某個(gè)軸為對(duì)稱線，圖形沿對(duì)稱線進(jìn)行排列，將畫面劃分為大致對(duì)稱對(duì)等的兩部分，具有和諧、平衡、穩(wěn)定、自相呼應(yīng)的視覺效果。商業(yè)招貼《為所有情侶定制》3.4.8傾斜式構(gòu)圖傾斜式構(gòu)圖是指將圖形元素傾斜擺放，受眾視線會(huì)隨著傾斜方向的暗示而移動(dòng)。傾斜式構(gòu)圖能帶來(lái)強(qiáng)有力的動(dòng)感，使人感到輕松、愉快，也能產(chǎn)生不穩(wěn)定的感覺，常用于表現(xiàn)動(dòng)感、失衡、流動(dòng)、危險(xiǎn)等場(chǎng)景。傾斜的Logo設(shè)計(jì)3.4.9散點(diǎn)式構(gòu)圖散點(diǎn)式構(gòu)圖是指將圖形元素分散在畫面中，看起來(lái)隨意、輕松，卻是經(jīng)過(guò)了精心構(gòu)圖。這種構(gòu)圖方式雖然焦點(diǎn)分散，但可以創(chuàng)造出不規(guī)律的節(jié)奏與動(dòng)勢(shì)，使畫面更加飽滿、充實(shí)，活躍畫面氣氛，增強(qiáng)視覺張力?！饵S金時(shí)代》電影海報(bào)（黃海）《我在故宮修文物》紀(jì)錄片海報(bào)（黃海）《人世間》話劇海報(bào)（黃海）《邪不壓正》電影海報(bào)（黃海）3.4.10三角形構(gòu)圖三角形構(gòu)圖是指畫面中圖形元素的排列趨勢(shì)呈三角形，或圖形元素本身具有三角形態(tài)。在三角形構(gòu)圖中，正三角形具有穩(wěn)定的性質(zhì)，給人穩(wěn)重的感覺；倒三角形會(huì)產(chǎn)生不穩(wěn)定的緊張感；不規(guī)則的、多角度的多個(gè)三角形則具有靈活性和跳躍性。世界自然基金會(huì)WWF的平面海報(bào)“提高你的聲量，為大自然創(chuàng)造更多生存空間”CONTENTS3.1圖形創(chuàng)意的視覺流程3.2圖形創(chuàng)意的構(gòu)圖要素3.3圖形創(chuàng)意構(gòu)圖的形式美法則3.4圖形創(chuàng)意的構(gòu)圖方式3.5任務(wù)實(shí)踐任務(wù)

兒童用品包裝圖形創(chuàng)意1．任務(wù)背景“沫沫”兒童服飾是一家專營(yíng)0～12歲兒童服飾的公司，其設(shè)計(jì)理念為經(jīng)典、舒適、自然、和諧、活潑，其公司形象為小黃鴨。為了提升市場(chǎng)影響力，提高銷售業(yè)績(jī)，“沫沫”兒童服飾將對(duì)包裝盒和手提袋進(jìn)行更新。同時(shí)，公司要求重新設(shè)計(jì)公司形象小黃鴨，并將其作為包裝圖形，給用戶一種活潑、溫暖、有趣的感覺，起到提升品牌形象的作用。2．任務(wù)目標(biāo)（1）根據(jù)品牌特點(diǎn)構(gòu)思公司形象小黃鴨