返回列表

作者:巨人電商

網(wǎng)店設(shè)計(jì)色彩及圖片搭配技巧

POST TIME:2020-10-25

    具體到整個(gè)頁面的操作,從Logo。到字體都要體現(xiàn)出色彩的運(yùn)用。這里以實(shí)例操作為示范,讓賣家更容易上手。

    不少中小賣家自身也是一個(gè)設(shè)計(jì)師。為了讓賣家設(shè)計(jì)時(shí)佬更容易上手,在此我們模擬設(shè)計(jì)一個(gè)店鋪。這個(gè)店鋪定位是一個(gè)歐美的、優(yōu)雅的女裝類目店鋪。接下來,我虧門逐步解說賣家設(shè)計(jì)店鋪時(shí)需要注意到的一些問題。

    Logo適用的反白效果

    為了保證Logo。在傳播過程中的有效表達(dá),建議Logo,單色顯示與反白顯示時(shí)最小尺寸為50像素.此建議更適合應(yīng)用于圖標(biāo)、按鈕、文本注釋使用小尺寸圖標(biāo)的情況。在標(biāo)志背景的主要色值的明度(Brightness)小于80的情況下,為防止背景色和標(biāo)識(shí)顏色的混淆和干擾,可以使用主標(biāo)識(shí)的反白效果。在這里,主標(biāo)識(shí)反白效果色值為白色(#FFFFFF),顏色RGB值(R:255 G:255 B:255).

    在實(shí)際操作中,有些人可能會(huì)因?yàn)橹饔^偏好或者習(xí)慣用法而不恰當(dāng)?shù)厥褂肔ogo.需要注意的是,Log。的運(yùn)用中,只有反白一說,并沒有反黑這么一說,同時(shí),不可使用其他規(guī)定外的顏色,也不理議使用漸變來改變LOGO原本的顏色。此外,一般Logo制作時(shí),不允許使用過多的裝飾效果(如投影、內(nèi)發(fā)光、斜面與浮雕、圖案且加等),將Logo。拉長(zhǎng)、變窄、旋轉(zhuǎn)、扭曲等變形效果也是不允許的。 

     配色不要超過五種

    依照Logo,我們可以對(duì)店鋪顏色的搭配進(jìn)行選擇.這里選取了黑色和桶色。但是以上兩種顏色均不適合大面積使用。黑色會(huì)給人一種莊皿、個(gè)性、氣勢(shì)、神秘的感覺.但是如果大面積使用在顧客看來是一種不友好的顏色、死寂;而橘色屬于暖色,如果大面積使用,會(huì)給顧容一種暴力、不安的感覺,而月這種暖色調(diào)的顏色,看久了會(huì)不舒服。

    因?yàn)榈赇伒亩ㄎ皇且粋€(gè)歐美的、優(yōu)雅的女裝類目店鋪,黑色可以用于一些小BANNER、廣告圖的文字和產(chǎn)品名稱、價(jià)格等等地方。橘色可以用在某一處突出的地方,作為醒目點(diǎn)用。

    看過一些店鋪的WVI,在規(guī)范主色、輔色、色系擴(kuò)展時(shí).顏色總共加起來有16個(gè)之多.顏色太多,太雜,就顯得店鋪整體太亂沒有章法。而個(gè)人認(rèn)為,整個(gè)店鋪的顏色,不要超過五種(產(chǎn)品包裝顏色等不算)。

    字體與色彩相互配合

 

    字體選取是店鋪頁面設(shè)計(jì)另一個(gè),要的方面,與色彩相輔相承。女裝店鋪黑體字不宜過粗。因此,我們中文選擇了方正蘭亭中黑_GBK,微軟雅黑、漢儀細(xì)等線簡(jiǎn)、宋體。中黑字體主要用于一些廣告圖的大標(biāo)題等地方;而微軟雅黑,則適用于IJ、標(biāo)題,例如導(dǎo)航、類目、維度標(biāo)題、活動(dòng)副標(biāo)題、廣告圖副標(biāo)題等地方;漢儀細(xì)等線簡(jiǎn)作為一部分裝飾性字體;宋體(無效果、12px)。用于產(chǎn)品名稱等地方。英文字體主要用于文案,選用了Didot, Anal。數(shù)字與符號(hào)選用了Impact、創(chuàng)藝簡(jiǎn)仿宋,前者適用于廣告圖價(jià)格、促銷價(jià)格、折扣信息等地方。后者適用于產(chǎn)品價(jià)格等處。

 

    廣告圖小試效果

    做好店鋪設(shè)計(jì),還離不開廣告圖的制作,現(xiàn)在基本上每一個(gè)店鋪都有廣告圖。在廣告圖的制作中,應(yīng)該首先考慮的問題也正是上文提及的色彩選擇及字體選擇。

    上面兩張廣告圖,把我們所拐侄J的配色、字體等等問題都運(yùn)用到了。首先是配色,我們用淺金色作為背景,一個(gè)淺金色就完全可以凸顯出優(yōu)雅、氣質(zhì)的感覺;接著是字體,假設(shè)這張廣告圖有一句英文文案、一個(gè)正標(biāo)題和一個(gè)副標(biāo)題,基本上我們用的便是方正蘭亭中黑GBK做正標(biāo)題,微軟雅黑做副標(biāo)題,英文文案用Didoto最后,賣家們要再注意一下留白、配圖位置、本上一張常規(guī)的廣告圖效果就出來了。

    在做色彩選擇時(shí),除了要掌握傳統(tǒng)的配色方法外,建議多觀察流行方向標(biāo)。畢竟.每年的流行顏色都在變。如果能夠抓住流行色彩。合理運(yùn)用在店鋪里。那么以色出彩.指日可待。        如果你還想了解更多的網(wǎng)店裝修的相關(guān)技巧,請(qǐng)關(guān)注開淘裝修網(wǎng)及其官方論壇(http://bbs.kaigewangdian.cn/)。

    推薦閱讀:免費(fèi)網(wǎng)店推廣方式大集合