产品特色
编辑推荐
本书以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设计师,还是希望提升自身网站商业表现的企业主,《用户体验至上:提升商业网站设计表现的秘密》都将是您不可或缺的案头指南。它将帮助您超越简单的页面美化,构建真正能够打动用户、驱动商业增长的优秀网站。让我们一起,用设计创造价值,用体验赢得未来!