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