导图社区 电商小程序设计
电商小程序设计各种细，分适用于各行各业。设计师必备思维导图。建省时间快速学习。
社区模板帮助中心，点此进入>>
互联网9大思维
电商部人员工作结构
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
供应链类型
供应链管理平台
css
CSS
计算机操作系统思维导图
电商小程序设计 使用软件（EXPERIENCE DESIGN）
聊天界面设计
一对一
包括：文字，图片，语音，视频，文件
图片比例有： 1：1 2:1 3:1 4:1 4:3 16:9
视频 比例 ：9:16 16:9
单聊
客服
机器人
一对多
聊天室
群聊
弹幕
思路讲解及首页设计
综合类电商大卖场
举例：淘宝
体量大·种类多
覆盖大多数用户群体
BANNER·屏占比小
空间宝贵·寸土寸金
垂直类电商专卖店
举例：李宁
体量有限·品类范围小
用户群体相对明确
BANNER·更注重品质
短时间重复购买率较低·注重内容运营
图标风格该怎么选择
象形图标（甲骨文，汉子）实用性强，直观
面性图标，线性图标，拟物图标，多色图标，双色图标
图标选择
（面性图标） 1.厚重，有点击欲 2.界面中识别度高 3.表现力差
（面性图标）举例
（线性图标 ） 1.轻快，呼吸感强 2.界面中识别度低 3.细节丰富
（线性图标 ）举例
设计误区 1.元素过多 2.直角圆角随意用 3.线条粗细不一致
设计要点 1.风格统一 2.颜色统一 3.大小统一
线条统一
大小统一
意象图标（英文）LOGO或其他特定 图标，需要学习
子主题
商品页面展示形式怎么选
单图列表（大图展示，没有并排）
单图列表 ·细节丰富 ·信息准确 ·丰富界面
举例
多图列表 （2-3列，瀑布流）
多图列表 ·商品细节丢失 ·容易忽略
图文列表（左图 右文和左文右图）
图文列表 ·信息准确高效 ·促销利益点多
卡片试设计 一个容器 承载图文信息等内容的模块 整合内容，让内容更规整化 视觉上更个性化
形式 大色块 图文信息形式
层次感 页面层次感区分强烈 能更好的体现提炼出内容
规整化 更规整化的排版呈现 给页面设计上带来了更好的视觉
视觉冲击 大图设计 使界面更有冲击力
简约易用 简约设计会更显得品质 排列起来也比较灵活易用
交互简单 操作的时候交互效果体验良好 放大，缩小等效果好实现
形式 通屏图片 通屏图文
商品详情页UI设计和总结
商品详情页 详细的产品介绍页面，包含 更多的产品主图，以及对应的 详情页，参数，评价等具体产品 详细，方便用户购买
设计思路 ·让用户快速了解认识产品 ·让用户感受到产品的价值 ·取得用户的信任 ·实现产品购买
基础信息区域 主图或视频 价格，标题，销量，运费，分享等
优惠区，服务区 可以享受到哪些优惠
服务区，评价区 给用户多重保障
购买 购物车或者立即购买，方便操作
商品详情页 单图 不可交互
商品详情页UI 界面框架 可交互
个人中心页设计和总结
列表式 ·层次清晰 ·方便添加 ·信息直观
劣势 ·不宜放太多 ·视觉疲劳 ·层级划分不明显
棋盘式 ·操作方 ·便界面美观
信息传达较弱 不利于拓展
棋盘+列表 ·层次分明 ·信息丰富
内容推荐文章页设计
文章页 列表页的下一级页面 展示具体内容，图文为主
主要元素 标题 编辑人员 （头像） 日期 订阅，关注 正文（文字，图片） 互动 评论，查看评论 收藏，点赞 分享
各种网站，论坛 作为内容展示，基本网站都会有图文信息区域，基础信息和操作大同小异 论坛，互动性质的网站会有评论收藏等功能
移动端 移动端响应式设计，去掉繁琐的设计简化界面，优化体验 早期在医疗等行业中流行（和列表页共存）
APP界面 设计规划，个性化 不受浏览器限制，定制性高
