産品特色
編輯推薦
本書以4大塊內容展開講解,從電商設計的發展到設計觀點,再結閤大量的實戰案例來闡述在電商設計中所需要的各種設計思維、設計方法和技巧。通過日常實戰中積纍的經驗和對於電商這個以活動帶動銷售,以營銷加深品 牌曝光度的設計類彆的理解,總結齣瞭一些實用且高效的方法。
內容簡介
本書圍繞電商設計原則、技巧及實例進行瞭詳細的講解,全書共7章,* 1章對電商設計的定義及電商設計未來的發展趨勢進行瞭闡述;* 2章介紹瞭電商設計的基礎知識,對點綫麵的知識、視覺引導與排版設計、色彩搭配等方麵進行瞭詳細的講解,可以使讀者在學習中明確方嚮、把握重點;第3章對電商設計中的實用技巧進行瞭詳細的講解,對整閤項目需求、豐富頁麵內容、重視首屏視覺等方麵進行瞭闡述,用圖文並茂的方式幫助讀者對相關內容進行係統的學習和鞏固;第4~7章講解瞭各類專題頁麵的設計,嚮讀者展示各類專題頁麵的設計製作方法,爭取使用簡單的方法製作齣精彩的實例效果。本書對電商設計的技巧與案例應用進行瞭係統性的歸納與介紹,邏輯清楚,淺顯易懂。
隨書提供操作實例的素材文件及效果源文件,旨在為電商設計師、電商設計初學者提供實用的設計指導,使之能全麵學習,少走彎路。同時,本書也可作為相關培訓機構的參考資料。
作者簡介
吳海龍
自學設計的非科班設計師一枚。
曾任職和服務過百麗集團(優購網)、銀泰集團(銀泰網)、七匹狼、眾耀設計等品 牌企業。
用邊學邊做的實戰方法提升自己,從網頁到電商設計行業,一直在學習的路上。
站酷ID:馬良重生
微信公眾號:不錯研究室
* 鼕
畢業於四川美術學院,像素文化傳播有限公司、像素設計學院創始人,高 級講師。
曾任職和服務過銀泰網、小米、澳洲EveryUGG、MASAMASO、iOrder量品定製、秦皇美術館、巷陌科技、北京銀行、首鋼、東軟集團等品 牌企業。
在9年的設計生涯中,從平麵設計到網頁設計,再到電商設計和UI設計均有涉獵。
把視覺設計和設計教育相結閤,於2017年創立像素文化傳播有限公司和像素設計學院。
站酷ID:蒸個饅頭
目錄
* 1章 淺談電商設計 13
1.1 電商設計與平麵、網頁設計的區彆 14
1.1.1 平麵設計 14
1.1.2 網頁設計 15
1.1.3 電商設計 16
1.2 電商設計未來的發展趨勢 18
1.2.1 專題單頁化 18
1.2.2 扁平化設計的崛起 20
1.2.3 移動端設計體驗的入侵 23
* 2章 電商設計的基礎知識 27
2.1 什麼是點、綫、麵 28
2.2 點、綫、麵的關係 29
2.3 點、綫、麵在網頁中的應用 30
2.3.1 點的應用 30
2.3.2 綫的應用 30
2.3.3 麵的應用 31
2.4 視覺引導與排版設計 32
2.4.1 F形視覺 32
2.4.2 Z形視覺 32
2.4.3 焦點視覺 33
2.4.4 S形視覺 33
2.4.5 斜綫視覺 33
2.4.6 版式類型 36
2.5 怎麼選色彩 39
2.5.1 色彩屬性 39
2.5.2 整理色彩 40
第3章 電商設計中的實用技巧 45
3.1 整閤項目需求 46
3.1.1 整理需求和找準切入點 46
3.1.2 分析需求 46
3.1.3 瞭解需求 47
3.1.4 瞭解目標受眾 48
3.1.5 消化需求 48
3.1.6 跟進需求 49
3.2 豐富頁麵內容 50
3.2.1 圖文配閤 50
3.2.2 內外統一 50
3.2.3 有情有景 51
3.2.4 有聲有色 51
3.2.5 懸念迭生 52
3.2.6 處處有事 52
3.3 重視首屏視覺 53
3.3.1 首屏到底多高纔閤適 53
3.3.2 首屏是影響客戶是否關注的要點 54
3.3.3 首屏設計的重要性 54
3.3.4 如何做好首屏設計 55
3.3.5 首屏設計的基本點 57
3.4 讓字體更多變 58
3.4.1 字體的選擇 58
3.4.2 字體的性格 59
3.4.3 字體的規則 60
3.4.4 字體的設計 60
3.5 留白也是一種藝術 62
3.5.1 什麼是留白 62
3.5.2 留白與簡潔 62
3.5.3 留白的6種方法 62
3.5.4 留白在攝影中的運用 65
3.5.5 留白在電商設計中的運用 66
3.6 不做“差不多先生” 67
3.6.1 文字中的細節 67
3.6.2 文字的對齊細節 68
3.6.3 字體的數量 68
3.6.4 縮放後的圖片細節 69
3.6.5 關於邊距與對齊 69
3.6.6 善用軟件的對齊工具和參考綫 70
3.7 做“適閤”的設計 70
3.7.1 簡潔的版式 70
3.7.2 簡潔的顔色 71
3.7.3 簡潔的質感設計 73
3.8 9招教你做好專題頁— —冰糖葫蘆原則 73
3.8.1 從頭開始 74
3.8.2 讓頁麵頭尾呼應 74
3.8.3 慎用多色背景 74
3.8.4 元素的統一 75
3.8.5 高度與留白 75
3.8.6 整體性思考 75
3.8.7 注重形式感 75
3.8.8 讓頁麵故事化 76
3.8.9 單頁發展新潮流 76
3.9 7招高效工作的方式 76
3.9.1 設計溝通的3個原則 76
3.9.2 巧用圖層整理術 78
3.9.3 工作中要保持的9個習慣 80
3.9.4 找準素材和做好設計 81
3.9.5 4句設計箴言 83
第4章 節日活動類案例分析與製作 73
4.1 中國傳統風格——元旦活動專題頁麵 86
4.1.1 設計思路 87
4.1.2 頁麵分析 88
4.1.3 繪製過程 89
4.2 溫情動人風格——母親節活動專題頁麵 96
4.2.1 設計思路 96
4.2.2 頁麵分析 97
4.2.3 繪製過程 98
4.3 簡單清新風格——3周年店慶專題頁麵106
4.3.1 設計思路 106
4.3.2 頁麵分析 107
4.3.3 繪製過程 108
4.4 誇張奪目風格— —淘寶“雙11”專題頁麵73
4.4.1 設計思路 114
4.4.2 頁麵分析 115
4.4.3 繪製過程 116
4.5 新穎簡潔風格— —聖誕節活動專題頁麵 120
4.5.1 設計思路 120
4.5.2 頁麵分析 121
4.5.3 繪製過程 122
第5章 扁平插畫類案例分析與製作 127
5.1 誇張擬人風格——黃金飾品類專題頁麵 128
5.1.1 設計思路 128
5.1.2 頁麵分析 129
5.1.3 繪製過程 129
5.2 卡通戲麯風格——情 人節活動專題頁麵 139
5.2.1 設計思路 139
5.2.2 頁麵分析 140
5.2.3 繪製過程 140
5.3 幾何切麵風格——聖 誕節活動專題頁麵 149
5.3.1 設計思路 149
5.3.2 頁麵分析 150
5.3.3 繪製過程 151
第6章 圖像閤成類案例分析與製作 159
6.1 水彩水墨風格——* 雨江南專題頁麵 160
6.1.1 設計思路 160
6.1.2 頁麵分析 161
6.1.3 繪製過程 161
6.2 宏偉大氣風格——銀泰“雙12”專題頁麵 168
6.2.1 設計思路 168
6.2.2 頁麵分析 169
6.2.3 繪製過程 169
6.3 暗黑金屬風格——3周年店慶專題頁麵 178
6.3.1 設計思路 178
6.3.2 頁麵分析 179
6.3.3 繪製過程 180
第7章 版式設計類案例分析與製作 189
7.1 高 貴 奢 華風格——夏日婚禮專題頁麵 190
7.1.1 設計思路 190
7.1.2 頁麵分析 191
7.1.3 繪製過程 191
7.2 優雅嫵媚風格——品 牌內衣專題頁麵 195
7.2.1 設計思路 195
7.2.2 頁麵分析 196
7.2.3 繪製過程 196
7.3 沉穩儒雅風格——紳士男裝專題頁麵 204
7.3.1 設計思路 204
7.3.2 頁麵分析 205
7.3.3 繪製過程 205
7.4 動感炫酷風格——戶外服飾專題頁麵 212
7.4.1 設計思路 212
7.4.2 頁麵分析 213
7.4.3 繪製過程 213
7.5 時尚簡約風格——名品服飾專題頁麵 218
7.5.1 設計思路 218
7.5.2 頁麵分析 219
7.5.3 繪製過程 219
《用戶體驗至上:提升商業網站設計錶現的秘密》 在數字浪潮席捲的今天,一個精美而易用的商業網站,不再是錦上添花,而是企業生存與發展的生命綫。您是否曾為網站流量遲遲不見增長而焦慮?是否曾因用戶停留時間短、轉化率低而頭疼?是否渴望打造一個既能吸引眼球,又能讓用戶心甘情願“買單”的在綫平颱? 《用戶體驗至上:提升商業網站設計錶現的秘密》將帶領您深入探索商業網站設計的核心奧秘。本書並非泛泛而談,而是聚焦於如何通過精湛的設計技巧,切實有效地提升網站的整體錶現,最終轉化為可觀的商業價值。我們將從用戶最直接的感受齣發,層層剖析影響用戶體驗的每一個關鍵要素,並提供一套係統化的解決方案,幫助您在競爭激烈的市場中脫穎而齣。 第一部分:洞察用戶心理,設計觸動靈魂 商業網站設計的終極目標是服務於用戶,並最終實現商業目的。因此,理解用戶,是所有成功設計的基石。《用戶體驗至上》將首先帶您走進用戶的內心世界。我們將深入剖析: 用戶行為模式與決策心理: 用戶在瀏覽網站時,他們的注意力是如何分配的?他們在做購買決策時,會受到哪些因素的影響?瞭解用戶的“眼球動綫”和“決策鏈路”,纔能設計齣真正符閤他們需求的界麵。我們將通過案例分析,揭示用戶在不同場景下的瀏覽習慣和心理預期,例如,用戶是帶著明確目標而來,還是隻是隨意瀏覽?他們是追求便捷快速,還是樂於探索? 用戶需求層次與情感化設計: 除瞭功能性需求,用戶的情感需求同樣重要。一個能引起用戶共鳴、帶來愉悅體驗的網站,更容易贏得他們的青睞。我們將探討如何通過色彩、排版、視覺元素和交互方式,構建情感化的設計,讓用戶在與網站互動的過程中感受到愉悅、信任和被重視。例如,如何利用暖色調營造親切感?如何通過流暢的動畫響應讓用戶感受到活力? 識彆與滿足潛在用戶需求: 有時候,用戶自己也未必能清晰地錶達他們的需求。優秀的網站設計,能夠預見並滿足用戶潛在的需求,從而創造超齣預期的體驗。本書將引導您學習如何通過用戶研究、競品分析和用戶畫像,挖掘那些隱藏在錶麵之下的用戶痛點和期望,並將其轉化為創新的設計方案。 第二部分:打造視覺盛宴,傳遞品牌價值 網站的視覺呈現是用戶對品牌的“第一印象”,直接影響著用戶對品牌專業度、可信度和吸引力的判斷。《用戶體驗至上》將為您揭示如何通過精妙的視覺設計,不僅美化網站,更要強化品牌形象: 色彩心理學與品牌調性: 色彩不僅僅是裝飾,更是傳達情感和品牌個性的有力工具。我們將深入講解不同色彩的心理聯想,以及如何根據品牌定位和目標受眾,選擇最能引起共鳴的色彩方案。例如,藍色常用於傳達專業和信任,綠色則象徵健康和自然。 排版藝術與信息層級: 閤理的排版能夠引導用戶的視綫,讓信息一目瞭然,提升閱讀體驗。我們將探討字體選擇、字號、行距、字間距等細節,以及如何通過排版構建清晰的信息層級,讓用戶快速找到他們所需的內容。清晰的標題、醒目的重點信息,都能顯著提升信息傳達的效率。 高質量視覺素材的運用: 精美的圖片、引人入勝的視頻,能夠極大地提升網站的吸引力。我們將指導您如何選擇、優化和運用高質量的視覺素材,讓它們與您的品牌形象相得益彰,而非成為視覺上的乾擾。從産品攝影到插畫風格,我們將為您提供專業的建議。 動效設計的點睛之筆: 恰到好處的動效設計,能夠為網站增添活力和趣味性,提升用戶參與度。我們將討論如何運用微交互、轉場動畫等,在不影響性能和用戶體驗的前提下,讓網站“活”起來,帶來更生動、更人性化的交互感受。 第三部分:優化交互流程,實現無縫轉化 一個設計精美的網站,如果用戶在瀏覽或購買過程中遇到阻礙,那麼之前的努力將付之東流。《用戶體驗至上》將聚焦於提升網站的易用性和流暢性,將潛在用戶轉化為忠實客戶: 導航設計與信息架構: 清晰、直觀的導航是用戶找到所需信息的“地圖”。我們將深入探討如何構建閤理的信息架構,設計齣易於理解和使用的導航係統,確保用戶能夠輕鬆地在網站中穿梭。用戶是否能快速找到産品分類?是否能輕鬆迴到首頁?這些都是關鍵。 錶單設計與數據錄入優化: 錶單是用戶與網站進行信息交互的重要環節。我們將為您提供設計簡潔、填寫便捷的錶單技巧,減少用戶齣錯率,提高信息提交的成功率。例如,智能的輸入提示、清晰的錯誤反饋,都能有效緩解用戶的填寫焦慮。 購物流程與支付體驗: 對於電商網站而言,流暢的購物流程和安全的支付體驗至關重要。我們將深入分析用戶在購物車、結算、支付等環節可能遇到的痛點,並提供優化方案,最大程度地減少用戶流失。從“加入購物車”到“訂單完成”,每一步都需要精雕細琢。 響應式設計與跨平颱適配: 如今,用戶通過各種設備訪問網站。本書將強調響應式設計的重要性,確保您的網站在桌麵電腦、平闆電腦和手機上都能提供一緻且優質的瀏覽體驗。無論是哪種屏幕尺寸,用戶都能順暢地完成操作。 第四部分:數據驅動的迭代與優化 網站設計並非一蹴而就,而是持續迭代和優化的過程。《用戶體驗至上》將引導您如何運用數據分析,不斷提升網站的錶現: 用戶行為數據分析: 哪些頁麵最受歡迎?用戶在哪裏流失?用戶在網站上花費瞭多少時間?通過對網站分析工具(如Google Analytics)數據的解讀,我們將學會識彆設計中的瓶頸,並找到改進的方嚮。 A/B測試與用戶反饋收集: 通過A/B測試,我們可以科學地驗證不同的設計方案,找齣最受用戶歡迎的版本。同時,積極收集用戶反饋,瞭解他們的真實想法,為迭代優化提供寶貴意見。 持續的用戶研究與可用性測試: 定期的用戶研究和可用性測試,能夠幫助我們發現潛在的設計問題,並在産品上綫前進行修正,從而降低風險,提高成功率。 本書特色: 實戰導嚮: 書中包含大量真實案例分析,讓您能夠直觀地理解設計理念在實際項目中的應用。 方法係統: 提供一套完整的用戶體驗設計方法論,從理論到實踐,層層遞進。 可操作性強: 提齣的設計技巧和優化方案,均具有高度的可操作性,便於您立即應用於您的項目中。 前沿趨勢: 關注最新的用戶體驗設計趨勢和技術,助您走在行業前沿。 無論您是網站開發者、産品經理、UI/UX設計師,還是希望提升自身網站商業錶現的企業主,《用戶體驗至上:提升商業網站設計錶現的秘密》都將是您不可或缺的案頭指南。它將幫助您超越簡單的頁麵美化,構建真正能夠打動用戶、驅動商業增長的優秀網站。讓我們一起,用設計創造價值,用體驗贏得未來!