国产成人免费视频在线网站,无码熟妇人妻av在线影片免费 ,6080yyy午夜理论片在线观看,丰满的大乳老师三级在线观看

for 知乎鏈接圖標(biāo)抓取
設(shè)計必備知識(電商/平面)——版式設(shè)計四大原則理論實操
2024-04-19 1968 作者:
字號:【小】【中】【大】
分享到:

這篇文章完全解讀了版式設(shè)計4大原則在電商設(shè)計當(dāng)中的運用,通過案例實操以及理論知識的講解。

版式設(shè)計是設(shè)計理論中既簡單又復(fù)雜的內(nèi)容,說他簡單是因為他不像色彩一樣難以理解,一般基礎(chǔ)知識掌握牢固即可設(shè)計出整潔的內(nèi)容,說他復(fù)雜因為他像其他內(nèi)容一樣可以千變?nèi)f化,不同的內(nèi)容表現(xiàn)不同,有時還會和理論基礎(chǔ)有沖突,所以設(shè)計師要仔細(xì)思考。

版式的四大原則

02mhcfghm80r0xvujs0xnq3333.jpg

重復(fù)是最基本的原則之一,不是一味的指某一個圖像的重復(fù),而是某一種秩序。在畫面中起到不停的使用,這種元素不是單一的圖形,字號,圖案。我們經(jīng)??吹侥撤N重復(fù)的圖案,這種圖案是通過不斷的重復(fù)來達(dá)到整體的和諧作用的。電商里面用的最多的一般就是首頁,詳情頁面來統(tǒng)一整體。

02nbyfxt4ktkwcjofjnwts3436.jpg

重復(fù)的作用

1. 引導(dǎo)視覺

元素重復(fù)可以導(dǎo)致視覺會不斷的看往下一個重復(fù)的元素,這就是引導(dǎo)作用。

02uaa7ovfetclr5cfofpbw3830.jpg

2.強(qiáng)化記憶和統(tǒng)一視覺

不斷的重復(fù)圖案或者產(chǎn)品可以增加用戶的記憶點以及對品牌的記憶,詳情用很常見,比如某一個元素的重復(fù)利用。

02s8wwyscj8gbnc2wxekrs3833.jpg

3.增加信息傳遞

比如我們在表達(dá)一個產(chǎn)品的賣點的時候通過重復(fù)的元素就能知道畫面大致在講什么內(nèi)容,便于顧客在短時間內(nèi)了解信息。

02rpih5eqjnijsj2d4dsdf3536.jpg

4.提高視覺的對比

重復(fù)是視覺對比的前提,如果畫面本身是雜亂的,我們就很難是某一個元素成為焦點,所以要保持一定的秩序才可行,才能突出某一個元素的意義。

02321jyngoha6aabstylfu3438.jpg

重復(fù)的類型

02jdpc2eln6lk7ueyj0gkd3036.jpg

對比的作用

重復(fù)雖然可以帶來秩序感,但是很單調(diào)和乏味,對于電商頁面來說只有重復(fù)是不夠的,因為在電商頁面中無論是活動海報還是產(chǎn)品頁面都要讓用戶第一眼了解到重要的信息點,所以在文案突出等成了重要的工作,所以可以通過對比來有效的做到這一點。對比通俗一點就是比較的意思,兩者之間產(chǎn)生的關(guān)系,比如我們判斷一個事物的好壞一定時建立在比較的基礎(chǔ)上,同樣一個圓形在不同的展示方式也會產(chǎn)生不同視覺結(jié)果,這就是對比的作用。

02xqgaim168sfyfnyybrxy3738.jpg

對比的分類

1大小對比

在電商設(shè)計中運營經(jīng)常是要產(chǎn)品放大,文案放大,價格放大。很多時候其實就會按照運營的方式是直接操作,但是有時候是運營想要文案更加的突出。

025kihhhprwzivasnntj5k3331.jpg

2字體對比

不同的字體可以達(dá)到不同的視覺效果,比劃的粗細(xì)也直接影響到畫面的一個結(jié)果。

02deblilncq7rxoyrpnait3935.jpg

3顏色對比

畫面中出現(xiàn)2種顏色就會產(chǎn)生一定的對比,電商設(shè)計中,顏色的對比更傾向于大面積使用某一種顏色,而小面積使用另一種顏色也能形成鮮明的對比。

02ky6hmgzwocgipkywtwbe3931.jpg

4虛實對比

畫面中某一種是清晰的,而有些是模糊的,可以輕松打造出畫面的空間感。同樣的元素放在一起沒有主次畫面比較亂,虛實對比,將遠(yuǎn)處的模糊,畫面的空間感就出來了。這樣也是最簡單的增加畫面的空間手法。


對齊的作用

重復(fù)有了秩序之美,那么對齊就是讓這秩序之美更加的美觀,重復(fù)一般是在細(xì)節(jié)上通過元素展示,而對齊則是一種規(guī)則,使畫面更加的不混亂有秩序有條理。


1對齊的種類

左對齊,右對齊,居中對齊,兩端對齊。對齊之前將就一個軸線,也就是參照物所有的對齊都離不開它。

02m9bdssdt4yotvgsvvh4e3838.jpg

2親密性作用

親密性是版式設(shè)計中最好理解的主要是通過距離的遠(yuǎn)近強(qiáng)調(diào)畫面的各種元素之間的關(guān)系,元素相關(guān)性越大,距離越近,相關(guān)性越小,距離越遠(yuǎn)。可以有效的組織信息,提高畫面的閱讀性,使畫面更加的具有節(jié)奏感,關(guān)系一致的可以為一組,或者是內(nèi)容一致的。不同的元素則分開,告訴用戶這2個地方截然不同,文案為例,設(shè)計可以分為不同的模塊,根據(jù)原則進(jìn)行明確各單元位置。

029sfhtsd7k0fcqkdkgiua3232.jpg

3親密性的誤區(qū)

他的邏輯是通過距離組織信息,不是所有的海報都可以使用,只有較大的版面空間才能發(fā)揮的更好,只有存在足夠清晰的距離,親密性才存在。對于小尺寸的海報以及元素多的小海報畫面都會顯的不友好,間距對比縮短,親密能力變?nèi)酰陌敢鬃x性變差,這時也可以使用線條來劃分區(qū)域。


總結(jié)

版式設(shè)計是理論體系中最簡單的一種,一個好的海報一定是集中使用了對比,對齊,重復(fù),親密四大原則,這里只是針對電商體系進(jìn)行了理論實操的拆解,平面體系還是很大的,需要我們深入的研究。

我要試用
驗證碼
獎勵領(lǐng)取
驗證碼
for 知乎鏈接圖標(biāo)抓取
×
快速定制通道
獲取驗證碼
快速咨詢