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

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

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

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

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

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