隨著電子商務(wù)的飛速發(fā)展,越來越多的人養(yǎng)成了網(wǎng)絡(luò)購物的消費(fèi)習(xí)慣。人們只需要?jiǎng)觿?dòng)手指就能瀏覽琳瑯滿目的商品,并輕松完成商品交易。在網(wǎng)絡(luò)購物中,打動(dòng)消費(fèi)者下單購買的因素有很多,除了商品本身的品質(zhì)優(yōu)勢(shì)和價(jià)格外,網(wǎng)店圖片的美觀度、網(wǎng)店頁面整體的裝修布局也是不可忽視的。本書以Photoshop和Dreamweaver這兩個(gè)網(wǎng)店裝修常用的軟件為平臺(tái),結(jié)合大量典型而精美的實(shí)例,全面地講解網(wǎng)店裝修和廣告設(shè)計(jì)的知識(shí)和技能。
◎ 內(nèi)容安排
全書內(nèi)容分為4部分,讀者可循序漸進(jìn)地閱讀,也可根據(jù)自己的需要選學(xué)某一部分。
★第1部分:網(wǎng)店裝修準(zhǔn)備知識(shí)
這一部分即寫在處理之前,主要講解網(wǎng)店裝修的準(zhǔn)備知識(shí),包括網(wǎng)店裝修的后臺(tái)操作、常用工具、視覺要素、工作流程等內(nèi)容。
★第2部分:網(wǎng)店裝修圖像處理Photoshop
這一部分包括第1~6章,講解Photoshop在網(wǎng)店裝修圖像處理中的應(yīng)用,主要內(nèi)容有:商品圖像的快速調(diào)整、商品圖像的修復(fù)與修飾、商品圖像影調(diào)與顏色的處理、商品圖像的摳取與合成、裝飾圖形的繪制、網(wǎng)店文字的排版處理。讀者通過學(xué)習(xí),既能掌握網(wǎng)店圖片的處理技法,又能精通Photoshop中各類工具的使用方法。
★第3部分:網(wǎng)店裝修頁面排版Dreamweaver
這一部分包括第7~10章,講解Dreamweaver在網(wǎng)店裝修頁面排版中的應(yīng)用,主要內(nèi)容有:基礎(chǔ)HTML裝修代碼、運(yùn)用可視化方式添加頁面元素、頁面超鏈接與導(dǎo)航菜單設(shè)計(jì)、使用表格和CSS樣式美化頁面,手把手教大家使用Dreamweaver完成網(wǎng)店頁面布局排版與個(gè)性化裝修代碼制作。
★第4部分:網(wǎng)店裝修實(shí)戰(zhàn)應(yīng)用Photoshop Dreamweaver
這一部分即第11章,講解Photoshop和Dreamweaver在網(wǎng)店裝修實(shí)戰(zhàn)中的結(jié)合應(yīng)用,包括店招與導(dǎo)航、店鋪海報(bào)圖、商品分類導(dǎo)航、旺旺客服區(qū)、店鋪優(yōu)惠券和收藏區(qū)、店鋪公告、主圖與櫥窗照、商品詳情展示的設(shè)計(jì)。讀者通過學(xué)習(xí),能夠運(yùn)用書中講解的方法完成個(gè)性化的網(wǎng)店裝修工作。
◎ 主要特色
★內(nèi)容實(shí)用,實(shí)例典型
本書在挑選內(nèi)容和設(shè)計(jì)實(shí)例時(shí)以實(shí)用、典型為出發(fā)點(diǎn),將網(wǎng)店裝修中應(yīng)用最廣、效率最高的技法融入貼近實(shí)際應(yīng)用的典型實(shí)例中進(jìn)行講解,能夠有效提高讀者的閱讀興趣和學(xué)習(xí)
效率。
★圖文并茂,清晰直觀
本書在講解操作步驟時(shí)基本采用一步一圖的方式,非常清晰、直觀,讓讀者能夠輕松和快速地掌握操作要領(lǐng)。
★欄目豐富,延展學(xué)習(xí)
本書在講解過程中穿插了各種欄目板塊,如技巧提示知識(shí)擴(kuò)展等,大大增加了本書的知識(shí)量,幫助讀者掌握更多實(shí)用的軟件操作技巧和網(wǎng)店裝修知識(shí)。
★資源完備,輕松自學(xué)
本書配套的學(xué)習(xí)資源提供所有案例的相關(guān)文件。讀者按照書中講解,結(jié)合文件動(dòng)手操作,學(xué)習(xí)效果立竿見影。
◎ 適用范圍
本書適合網(wǎng)店店長、網(wǎng)店美工等希望快速掌握網(wǎng)店裝修和推廣技術(shù)的讀者閱讀和學(xué)習(xí),也可作為大專院校相關(guān)專業(yè)或電商培訓(xùn)機(jī)構(gòu)的教學(xué)參考書。
第0章 寫在處理之前
01 網(wǎng)店裝修的重要性
02 網(wǎng)店裝修后臺(tái)常用操作
03 網(wǎng)店裝修常用工具
04 網(wǎng)店裝修三大視覺要素
05 網(wǎng)店裝修的工作流程
第1章 商品圖像的快速調(diào)整
實(shí)例01 圖像的打開與存儲(chǔ)
實(shí)例02 調(diào)整單張圖像的尺寸與分辨率
實(shí)例03 批量修改商品照片尺寸
實(shí)例04 自由變換商品圖像大小
實(shí)例05 商品照片的整體旋轉(zhuǎn)
實(shí)例06 旋轉(zhuǎn)照片中的局部圖像
實(shí)例07 糾正傾斜的商品圖像
實(shí)例08 裁剪圖像更改畫面構(gòu)圖
第2章 商品圖像的修復(fù)與修飾
實(shí)例09 去除商品包裝盒上的污跡
實(shí)例10 修補(bǔ)商品表面的缺陷
實(shí)例11 去除輔助拍攝物展現(xiàn)商品全貌
實(shí)例12 清除攝影棚痕跡
實(shí)例13 去除商品照片中的拍攝日期
實(shí)例14 去除皮膚上的瑕疵
實(shí)例15 磨皮美白處理
實(shí)例16 模特的身形修飾
實(shí)例17 加深/減淡圖像彰顯閃亮飾品
實(shí)例18 銳化圖像使商品變得更清晰
實(shí)例19 構(gòu)建景深突出商品形象
第3章 商品圖像影調(diào)與顏色的處理
實(shí)例20 曝光不足的商品照片處理
實(shí)例21 調(diào)整灰暗的商品圖像
實(shí)例22 加強(qiáng)對(duì)比突出畫面層次感
實(shí)例23 自由處理商品圖像各區(qū)域的亮度
實(shí)例24 修復(fù)側(cè)逆光拍攝的商品照片
實(shí)例25 偏色商品照片的調(diào)整
實(shí)例26 加強(qiáng)圖像整體的顏色鮮艷度
實(shí)例27 有針對(duì)性地調(diào)整商品顏色
實(shí)例28 改變照片色調(diào)打造溫暖的畫面效果
實(shí)例29 調(diào)整商品照片局部顏色
實(shí)例30 創(chuàng)建黑白商品效果圖
實(shí)例31 商品照片批量調(diào)色
第4章 商品圖像的摳取與合成
實(shí)例33 外形規(guī)則的商品摳取
實(shí)例34 多邊形外觀的商品摳取
實(shí)例35 顏色反差較大的商品摳取
實(shí)例36 精細(xì)摳取任意外形商品圖像
實(shí)例37 摳出半透明質(zhì)感的商品
實(shí)例38 特定顏色區(qū)域的摳取
實(shí)例39 制作白底效果的商品圖像
實(shí)例40 合成商品海報(bào)
實(shí)例41 合成商品賣點(diǎn)展示圖
實(shí)例42 合成直通車廣告圖
第5章
裝飾圖形的繪制
實(shí)例43 圓形裝飾為商品細(xì)節(jié)加分
實(shí)例44 矩形在裝飾背景中的妙用
實(shí)例45 利用圓角矩形表現(xiàn)商品基本信息
實(shí)例46 多邊形在商品海報(bào)圖中的應(yīng)用
實(shí)例47 繪制線條突出商品的規(guī)格尺寸
實(shí)例48 添加自定義形狀豐富畫面內(nèi)容
實(shí)例49 繪制任意圖形創(chuàng)建清新商品輪播圖
第6章
網(wǎng)店文字的排版處理
實(shí)例50 橫排廣告字突出店鋪活動(dòng)
實(shí)例51 直排文字表現(xiàn)商品賣點(diǎn)
實(shí)例52 添加段落文本說明商品特性
實(shí)例53 縮進(jìn)段落文本創(chuàng)建商品售后模塊
實(shí)例54 網(wǎng)店裝修中的藝術(shù)化文字編排
實(shí)例55 變形廣告文字更吸引眼球
實(shí)例56 路徑文字讓頁面排版更靈活
實(shí)例57 制作個(gè)性化的廣告文字
實(shí)例58 應(yīng)用樣式突出主題文字
實(shí)例59 批量添加文字水印
第7章
初識(shí)網(wǎng)店裝修的基礎(chǔ)HTML代碼
實(shí)例60 設(shè)置裝修頁面標(biāo)題
實(shí)例61 為裝修頁面添加關(guān)鍵字和描述信息
實(shí)例62 制作頁面刷新自動(dòng)跳轉(zhuǎn)頁面
實(shí)例63 鏈接外部樣式快速更改頁面外觀
實(shí)例64 設(shè)置裝修頁面前景顏色
實(shí)例65 設(shè)置裝修頁面背景顏色
實(shí)例66 為頁面添加背景圖像
實(shí)例67 調(diào)整裝修頁面頁邊距
實(shí)例68 在頁面中插入圖片
實(shí)例69 為商品圖像添加標(biāo)題文字
實(shí)例70 定義符合裝修風(fēng)格的文字效果
實(shí)例71 添加文字修飾效果
實(shí)例72 應(yīng)用水平線分隔店鋪服務(wù)信息
實(shí)例73 設(shè)置滾動(dòng)的公告文字
實(shí)例74 應(yīng)用列表突出品牌發(fā)展歷史
實(shí)例75 為頁面中的商品指定鏈接
實(shí)例76 定義圖片鏈接提示文字
第8章
運(yùn)用可視化方式添加頁面元素
實(shí)例77 插入圖像制作商品陳列區(qū)
實(shí)例78 設(shè)置商品圖像對(duì)齊方式
實(shí)例79 定義合適的圖片大小
實(shí)例80 裁剪突出畫面中的商品主體
實(shí)例81 添加動(dòng)態(tài)的GIF動(dòng)畫
實(shí)例82 設(shè)置鼠標(biāo)經(jīng)過時(shí)的圖像變換
實(shí)例83 設(shè)置鼠標(biāo)經(jīng)過時(shí)的導(dǎo)航欄效果
實(shí)例84 添加視頻實(shí)現(xiàn)更完美的商品展示
實(shí)例85 添加背景音樂提升瀏覽體驗(yàn)
第9章
頁面超鏈接與導(dǎo)航菜單設(shè)計(jì)
實(shí)例86 建立店鋪內(nèi)部頁面的鏈接效果
實(shí)例87 在店鋪中應(yīng)用外部鏈接
實(shí)例88 創(chuàng)建文本鏈接快速跳轉(zhuǎn)頁面
實(shí)例89 創(chuàng)建錨點(diǎn)鏈接返回頁面頂部
實(shí)例90 定義矩形熱點(diǎn)的店鋪鏈接
實(shí)例91 定義圓形熱點(diǎn)的店鋪鏈接
實(shí)例92 定義多邊形熱點(diǎn)的店鋪鏈接
實(shí)例93 創(chuàng)建空鏈接交換顯示首頁輪播圖
實(shí)例94 應(yīng)用跳轉(zhuǎn)菜單實(shí)現(xiàn)商品分類導(dǎo)航
第10章
使用表格和CSS樣式美化頁面
實(shí)例95 應(yīng)用表格制作商品基本信息表
實(shí)例96 更改表格顏色突出商品尺碼信息
實(shí)例97 在表格中插入圖片突出重點(diǎn)分類
實(shí)例98 利用表格規(guī)范圖文信息
實(shí)例99 嵌套表格制作優(yōu)惠搭配套餐
實(shí)例100 利用CSS制作店鋪導(dǎo)航欄
實(shí)例101 運(yùn)用CSS為頁面添加豐富的背景
第11章
組成網(wǎng)店的各功能元素設(shè)計(jì)
實(shí)例102 店招與導(dǎo)航設(shè)計(jì)
實(shí)例103 店鋪海報(bào)圖的設(shè)計(jì)
實(shí)例104 商品分類導(dǎo)航設(shè)計(jì)
實(shí)例105 旺旺客服區(qū)設(shè)計(jì)
實(shí)例106 店鋪優(yōu)惠券和收藏區(qū)設(shè)計(jì)
實(shí)例107 店鋪公告設(shè)計(jì)
實(shí)例108 主圖與櫥窗照設(shè)計(jì)
實(shí)例109 商品詳情展示設(shè)計(jì)