電商視覺設(shè)計(jì)第4章店鋪首頁視覺設(shè)計(jì)(ppt57頁)(編輯修改稿)
2025-03-16 14:46 本頁面
【文章內(nèi)容簡介】 溶圖是用兩張或兩張以上的圖片拼合起來的一張圖片，講究構(gòu)圖嚴(yán)謹(jǐn)，細(xì)節(jié)處理得當(dāng)。 商品陳列區(qū)視覺設(shè)計(jì) 營造視覺動線 1 商品布局藝術(shù)化 2 商品陳列區(qū)視覺設(shè)計(jì) 1 營造視覺動線 商品陳列圖 商品陳列區(qū)視覺設(shè)計(jì) 1 營造視覺動線 ① 瀏覽初期，視線水平移動，且瀏覽范圍最大 。 剛開始瀏覽時(shí)，消費(fèi)者對商品展示圖充滿了新鮮感和好奇，很可能將第一排圖片全部瀏覽完畢，并根據(jù)從上到下的瀏覽經(jīng)驗(yàn)，轉(zhuǎn)向?qū)Φ诙艌D片的瀏覽。 ② 水平瀏覽范圍縮短。 此時(shí)圖片的布局沒有任何變化，消費(fèi)者對亍圖片瀏覽的新鮮度就會降低，開始失去瀏覽的耐心，亍是對第二排圖片的水平瀏覽范圍便會縮短。 ③ 失去耐心，開始進(jìn)行垂直瀏覽。 當(dāng)消費(fèi)者看到第三排仍然是一成不變的圖片排列后，瀏覽的耐心就會減少，還可能會想圖片怎么這么多，大概地往下看看吧，于是形成對左邊的垂直瀏覽。 F形瀏覽模式 商品陳列區(qū)視覺設(shè)計(jì) 1 營造視覺動線 商品海報(bào)展示圖： 將重點(diǎn)推薦的商品以單張海報(bào)的方式呈現(xiàn)，較為豐富的表現(xiàn)形式能很好地讓 消費(fèi)者 注意到商品信息。 單張商品展示圖： 較為重要的商品以單張圖片形式排列，較大的展示面積更能獲得消費(fèi)者的矚目。 三張商品展示圖： 非重點(diǎn)推薦的產(chǎn)品可以三張并排展示的效果呈現(xiàn)。 單張圖片： 除了商品展示圖片以外，還可以搭配一些與展示商品相關(guān)的商品組合圖片，進(jìn)一步吸引消費(fèi)者的購買興趣。 商品陳列區(qū)視覺設(shè)計(jì) 2 商品布局藝術(shù)化 折線型布局 隨意型布局 商品陳列區(qū)視覺設(shè)計(jì) 2 商品布局藝術(shù)化 折線型布局 商品陳列區(qū)視覺設(shè)計(jì) 2 商品布局藝術(shù)化 隨意型布局 化妝品店鋪首頁視覺設(shè)計(jì)案例 標(biāo)題文字設(shè)置的字號較大，利用斜面和浮雕、投影等效果來點(diǎn)綴標(biāo)題文字，使其更加精致 文字選用不同的顏色、字號，并分成兩行，顯得更有層次感，并通過一些小圖案對價(jià)格進(jìn)行修飾和點(diǎn)綴，營造出一種清新的視覺感受 風(fēng)格一致的文字與圖像，營造出 一種清新、簡潔、充滿文藝氣息的氛圍 采用不規(guī)則圖形作為背景圖 的點(diǎn)綴，使商品的排列既整齊又不死板，提升其觀賞性和設(shè)計(jì)感 化妝品店鋪首頁視覺設(shè)計(jì)案例 01 填充背景色 化妝品店鋪首頁視覺設(shè)計(jì)案例 02 設(shè)置文字屬性 化妝品店鋪首頁視覺設(shè)計(jì)案例 03 添加商品圖及優(yōu)惠券 化妝品店鋪首頁視覺設(shè)計(jì)案例 04 繪制導(dǎo)航條背景 化妝品店鋪首頁視覺設(shè)計(jì)案例 05 為導(dǎo)航條添加文字 化妝品店鋪首頁視覺設(shè)計(jì)案例 06 添加文字并設(shè)置圖層 樣式 化妝品店鋪首頁視覺設(shè)計(jì)案例 06 添加文字并設(shè)置圖層 樣式 化妝品店鋪首頁視覺設(shè)計(jì)案例 07 添加圖像素材 化妝品店鋪首頁視覺設(shè)計(jì)案例 08 添加商品圖
外語相關(guān)推薦
鄂ICP備17016276號-1