《跨境電商視覺營(yíng)銷設(shè)計(jì)》課件-3.1視覺設(shè)計(jì)基本原則

《跨境電商視覺營(yíng)銷設(shè)計(jì)》設(shè)計(jì)原則親密性對(duì)

齊重

復(fù)對(duì)

比一、親密性一、親密性l

什么是親密性親密性是指將邏輯上存在關(guān)聯(lián)的元素排列組合在一起，歸為一組，使其被看作是密切相關(guān)的整體，而不是一堆雜亂無(wú)章的元素。一、親密性試著快速說(shuō)出，下面兩張圖片各有幾種形狀圖形？圖形的個(gè)數(shù)分別多少？右圖更有組織性，更容易獲取信息。一、親密性哪個(gè)設(shè)計(jì)更有組織性，更易獲取頁(yè)面信息？右圖更有組織性，更容易獲取信息。一、親密性l

親密性的目的?

通過(guò)親密性應(yīng)用，有助于組織信息，為讀者提供清晰的結(jié)構(gòu)。l

如何實(shí)現(xiàn)親密性?

將相關(guān)的項(xiàng)組織在一起,移動(dòng)相關(guān)的項(xiàng)，使它們的物理位置相互靠近；?

無(wú)關(guān)要素，彼此分開。一、親密性按照親密性原則，修改上述名片。l

親密性練習(xí)一、親密性l

親密性作品賞析一、親密性l

親密性

前后對(duì)比二、對(duì)齊二、對(duì)齊l

什么是對(duì)齊任何元素都不能在頁(yè)面上隨便擺放，每個(gè)元素應(yīng)當(dāng)與頁(yè)面的另一個(gè)元素存在某種視覺聯(lián)系，因此要在元素間建立視覺紐帶。二、對(duì)齊l

對(duì)齊的目的使頁(yè)面統(tǒng)一而有條理二、對(duì)齊l

如何實(shí)現(xiàn)對(duì)齊?

任何元素都能在頁(yè)面上找出與之對(duì)齊的元素；?

可采用左對(duì)齊、右對(duì)齊、居中對(duì)齊和兩端對(duì)齊等方式。二、對(duì)齊l

對(duì)齊練習(xí)邊界是“軟”的。邊界是“硬”的。二、對(duì)齊l

對(duì)齊作品賞析二、對(duì)齊l

對(duì)齊作品賞析二、對(duì)齊通過(guò)親密性原則，可以劃分成不同的元素組合；通過(guò)對(duì)齊原則，使元素在視覺上看起來(lái)彼此相關(guān)。但僅僅依靠親密性及對(duì)齊原則并不能完整呈現(xiàn)兩個(gè)平等關(guān)系的元素組合。三、重復(fù)三、重復(fù)l

什么是重復(fù)讓有相同屬性的元素在整個(gè)作品中反復(fù)出現(xiàn)，可重復(fù)顏色、形狀、空間關(guān)系、字體、大小等，可增加作品風(fēng)格的統(tǒng)一性。三、重復(fù)l

如何實(shí)現(xiàn)重復(fù)?

可以通過(guò)使用不同的字體、字號(hào)、顏色進(jìn)行重復(fù)。三、重復(fù)l

重復(fù)元素有哪些？n

粗字體n

細(xì)字體n

項(xiàng)目符號(hào)n

縮進(jìn)n

行距n

對(duì)齊三、重復(fù)三、重復(fù)三、重復(fù)三、重復(fù)三、重復(fù)三、重復(fù)要避免太多地重復(fù)一個(gè)元素，太多會(huì)讓人反感，注意對(duì)比的價(jià)值。四、對(duì)比四、對(duì)比l

什么是對(duì)比對(duì)比是指在頁(yè)面上的不同元素之間要以接截然不同的方式來(lái)呈現(xiàn)，通過(guò)對(duì)比，增強(qiáng)頁(yè)面視覺效果，強(qiáng)調(diào)視覺重點(diǎn)。無(wú)對(duì)比，不設(shè)計(jì)!四、對(duì)比l

如何實(shí)現(xiàn)對(duì)比?

字體大小的對(duì)比；?

粗細(xì)對(duì)比；?

冷暖色的對(duì)比；?

行間距對(duì)比；?

大圖片與小圖片的對(duì)比。四、對(duì)比l

對(duì)比作品賞析小

結(jié)這四個(gè)設(shè)計(jì)原則實(shí)際上是相互關(guān)聯(lián)