網(wǎng)店美工第二版全書(shū)第2章課件

1、網(wǎng)店裝修四大要點(diǎn)：圖片、配色、布局與文字CHAPTER TWO 買家進(jìn)入網(wǎng)店，第一眼體驗(yàn)到的便是視覺(jué)上的感受。如果視覺(jué)體驗(yàn)不好，就更不用說(shuō)去看店鋪中的商品了，所以一定不能忽視最基本的店鋪裝修環(huán)節(jié)。掌握拍攝商品照片的基本技巧，并能根據(jù)設(shè)計(jì)風(fēng)格收集裝修素材。學(xué)會(huì)如何對(duì)網(wǎng)店頁(yè)面進(jìn)行配色，熟知常用的配色方法和技巧。了解頁(yè)面布局的組成因素和布局方式，學(xué)會(huì)使用布局來(lái)突出畫(huà)面的層次感和主次感。能夠?qū)Χ温湮淖诌M(jìn)行合理排列，打造具有高表現(xiàn)力的文字造型，并能利用文字營(yíng)造特定的氛圍。學(xué)習(xí)目標(biāo)Contents目錄準(zhǔn)備圖片素材1店鋪色彩搭配2不拘一格的頁(yè)面布局3準(zhǔn)確、搶眼的文字4一、準(zhǔn)備圖片素材拍攝商品照片01收集裝修

2、素材02一、準(zhǔn)備圖片素材1 拍攝商品照片從不同角度拍攝的商品的細(xì)節(jié)照片一、準(zhǔn)備圖片素材1 拍攝商品照片一、準(zhǔn)備圖片素材1 拍攝商品照片商品照片及試戴效果照片一、準(zhǔn)備圖片素材2 收集裝修素材在網(wǎng)店裝修過(guò)程中，除了使用拍攝的商品照片以外，頁(yè)面修飾素材的使用也是必不可少的，它們往往會(huì)讓頁(yè)面效果更加絢麗，呈現(xiàn)的視覺(jué)元素更加豐富。未添加光線修飾素材添加光線修飾素材一、準(zhǔn)備圖片素材2 收集裝修素材純色背景和文字對(duì)圖片素材進(jìn)行修飾與美化Contents目錄準(zhǔn)備圖片素材1店鋪色彩搭配2不拘一格的頁(yè)面布局3準(zhǔn)確、搶眼的文字4二、店鋪色彩搭配常見(jiàn)的配色方法01色彩與市場(chǎng)營(yíng)銷02同色調(diào)的展示頁(yè)面03二、店鋪色彩搭配

3、1 常見(jiàn)的配色方法同一色相配色01類似色相配色02相反色相配色03漸變效果配色04重色調(diào)配色05二、店鋪色彩搭配1 常見(jiàn)的配色方法同一色相配色01類似色相配色02相反色相配色03漸變效果配色04重色調(diào)配色05二、店鋪色彩搭配1 常見(jiàn)的配色方法同一色相配色01類似色相配色02相反色相配色03漸變效果配色04重色調(diào)配色05二、店鋪色彩搭配1 常見(jiàn)的配色方法同一色相配色01類似色相配色02相反色相配色03漸變效果配色04重色調(diào)配色05二、店鋪色彩搭配1 常見(jiàn)的配色方法同一色相配色01類似色相配色02相反色相配色03漸變效果配色04重色調(diào)配色05二、店鋪色彩搭配1 常見(jiàn)的配色方法同一色相配色01類似色

4、相配色02相反色相配色03漸變效果配色04重色調(diào)配色05二、店鋪色彩搭配2 色彩與市場(chǎng)營(yíng)銷在網(wǎng)店裝修過(guò)程中，除了使用拍攝的商品照片以外，頁(yè)面修飾素材的使用也是必不可少的，它們往往會(huì)讓頁(yè)面效果更加絢麗，呈現(xiàn)的視覺(jué)元素更加豐富。使用了能夠提起人們味覺(jué)的暖色進(jìn)行搭配，給人一種暖意融融的感覺(jué)。二、店鋪色彩搭配2 色彩與市場(chǎng)營(yíng)銷金屬系列顏色低彩度顏色柔和的高明度顏色高彩度的暖色系列二、店鋪色彩搭配3 不同色調(diào)的展示頁(yè)面淺色調(diào)頁(yè)面01清新色調(diào)頁(yè)面02藍(lán)色調(diào)頁(yè)面03綠色調(diào)頁(yè)面04二、店鋪色彩搭配3 不同色調(diào)的展示頁(yè)面淺色調(diào)頁(yè)面01清新色調(diào)頁(yè)面02藍(lán)色調(diào)頁(yè)面03綠色調(diào)頁(yè)面04二、店鋪色彩搭配3 不同色調(diào)的展示

5、頁(yè)面淺色調(diào)頁(yè)面01清新色調(diào)頁(yè)面02藍(lán)色調(diào)頁(yè)面03綠色調(diào)頁(yè)面04二、店鋪色彩搭配3 不同色調(diào)的展示頁(yè)面淺色調(diào)頁(yè)面01清新色調(diào)頁(yè)面02藍(lán)色調(diào)頁(yè)面03綠色調(diào)頁(yè)面04二、店鋪色彩搭配3 不同色調(diào)的展示頁(yè)面淺色調(diào)頁(yè)面01清新色調(diào)頁(yè)面02藍(lán)色調(diào)頁(yè)面03綠色調(diào)頁(yè)面04Contents目錄準(zhǔn)備圖片素材1店鋪色彩搭配2不拘一格的頁(yè)面布局3準(zhǔn)確、搶眼的文字4三、不拘一格的頁(yè)面布局頁(yè)面布局的組成要素01常用的商品詳情頁(yè)面布局 02三、不拘一格的頁(yè)面布局1 頁(yè)面布局的組成要素三、不拘一格的頁(yè)面布局2 常用的商品詳情頁(yè)面布局中間對(duì)齊模式的頁(yè)面布局對(duì)角線排列的頁(yè)面布局三、不拘一格的頁(yè)面布局2 常用的商品詳情頁(yè)面布局棋盤(pán)式

6、的頁(yè)面布局左對(duì)齊模式的頁(yè)面布局三、不拘一格的頁(yè)面布局2 常用的商品詳情頁(yè)面布局對(duì)稱型的頁(yè)面布局Contents目錄準(zhǔn)備圖片素材1店鋪色彩搭配2不拘一格的頁(yè)面布局3準(zhǔn)確、搶眼的文字4四、準(zhǔn)確、搶眼的文字網(wǎng)店頁(yè)面段落文字的排列方式01打造具有高表現(xiàn)力的文字造型02利用文字營(yíng)造特定的氛圍03四、準(zhǔn)確、搶眼的文字1 網(wǎng)店頁(yè)面段落文字的排列方式 自由對(duì)齊1四、準(zhǔn)確、搶眼的文字1 網(wǎng)店頁(yè)面段落文字的排列方式 自由對(duì)齊1左對(duì)齊2四、準(zhǔn)確、搶眼的文字1 網(wǎng)店頁(yè)面段落文字的排列方式 自由對(duì)齊1左對(duì)齊2居中對(duì)齊3四、準(zhǔn)確、搶眼的文字1 網(wǎng)店頁(yè)面段落文字的排列方式 自由對(duì)齊1左對(duì)齊2居中對(duì)齊3右對(duì)齊4利用文字色彩、字號(hào)區(qū)分文字信息四、準(zhǔn)確、搶眼的文字2 打造具有高表現(xiàn)力的文字造型 1連筆四、準(zhǔn)確、搶眼的文字2 打造具有高表現(xiàn)力的文字造型 1連筆2省略四、準(zhǔn)確、搶眼的文字2 打造具有高表現(xiàn)力的文字造型 1連筆2省略3裝飾四、準(zhǔn)確、搶眼的文字3 利用文字營(yíng)造特定的氛圍1喜慶四、準(zhǔn)確、搶眼的文字3 利用文字營(yíng)造特定的氛圍1喜慶2冰爽四、準(zhǔn)確、搶眼的文字3 利用文字營(yíng)造特定的氛圍1喜慶2冰爽