1、电商类APP流程和规范,流程,规范,信息简化，加强用户体验交易按钮要在屏幕显示之上内容容易接触，步骤简单在移动端要使用聊天的方式沟通 注册页面要短内容为先，描述次之心要比星好为设计流程写文档,1.遵循统一的准则，确定标准并遵循；2.颜色使用恰当，遵循对比原则3. 统一的构图布局，色调风格4.字体应用5.文字表达6.控件风格、布局； 7.布局的顺序8.快捷键、弹出菜单；9.用户交互10. 帮助。,APP流程和规范,电商类APP流程和规范,电商类APPUI,电商类移动APP流程,电商类APP流程和规范,1. 信息简化，加强用户体验信息要简化。这样做会加强用户体验，让用户关注主要内容，用户关注的越多
2、，进行交易的可能性就越高。,电商类移动APP流程,电商类APP流程和规范,2. 交易按钮要在屏幕显示之上交易按钮要总保持在屏幕的可见范围之内，甚至可以设计成红色或绿色等醒目的颜色，不要夸张到干扰了用户体验就好。之前的设计直接把交易按钮放在了产品图片的下面，而我们把按钮添加到了工具栏中，这样用户在浏览页面时，可以随时点击顶部下单。,电商类移动APP流程,电商类APP流程和规范,电商类移动APP流程,3. 内容容易接触，步骤简单用户不关心你的目录设计的多么巧妙，他们只想要更简单的找到产品。,电商类APP流程和规范,4. 在移动端要使用聊天的方式沟通邮件的通信方式对于移动端来说，很不合适，聊天就要自
3、然的多。对于电子商务网站，商家很有必要跟用户进行沟通，这样可以减少交易时间。,电商类移动APP流程,电商类APP流程和规范,电商类APP设计流程和规范,5. 注册页面要短当你看到一个很长的注册页面时，用户会感到厌倦和难以忍受。不要在注册的时候问太多的问题，先把用户拉进来再说。,电商类移动APP流程,电商类APP设计流程和规范,6. 内容为先，描述次之我们发现应用上的内容越多，交易也就越多。先上传图片，再进行描述，而不是反向的程序。,电商类移动APP流程,电商类APP设计流程和规范,7. 心要比星好如果你的应用现在允许用户为自己喜欢的东西打星，那么改用心形图吧。这个改变让这个功能的使用量增加了1
4、0倍.,电商类移动APP流程,电商类APP设计流程和规范,8. 为设计流程写文档,好的设计需要文档的帮忙。,电商类移动APP流程,电商类APP设计流程和规范,1.遵循统一的准则，确定标准并遵循；,APP设计规范具体内容：,电商类APP设计流程和规范,2.颜色使用恰当，遵循对比原则：色彩标准、色彩对比，突出内容、显示测试；,APP设计规范具体内容：,黄色:智慧，想象力，回忆，创造力，知识，洞察力，说服力，吸引力，信心，欢乐，,紫色：高贵、典雅、华丽,电商类APP设计流程和规范,3. 统一的构图布局，色调、对比度、色阶和风格；,APP设计规范具体内容：,红色:爱情，爱的力量，热情奔放，充满希望，蕴
5、含能量，勇气，力量，活力，干劲，健康红色：华丽，强烈，活泼的，艳烈的，游戏红色：表示活力、健康和希望；,橙色：高兴、狂欢、高尚、热闹、行动、快乐、满足橙色：表示兴奋、喜悦和华美；,4. 宋体 ，黑体-简，黑体-简的英文名称为Heiti SC大小：包含“细体”与“中黑”,电商类APP设计流程和规范,APP设计规范具体内容：,Heiti SC：黑体-简，黑体-简的英文名称为Heiti SCHeiti：黑体的拼音，SC代表简体中文(Simplified Chinese)，是Mac OS X Snow Leopard(版本10.6)包含的简体中文字型，也是iPhone OS 3.0(版本4.0后改名为
6、iOS)及iPod nano第五代以来的预设简体中文字型。黑体-简系：为黑体，取代华文黑体成为Mac OS X Snow Leopard的预设简体中文字型。在过去，华文黑体是Mac OS X的预设简体中文字型，因此以前并没有黑体-简。黑体-简：是全新的字型，与黑体-繁同以华文黑体为基础开发，成为Mac OS X Snow Leopard与iPhone OS 3.0(版本4.0后改名为iOS)之后内建并同时为预设的简体中文字型。 虽与华文黑体为两套字型，但差异微小，仅排列上有差距，笔画的差距也十分微小。包含“细体”与“中黑”，黑体-简与黑体-繁皆用.ttc(TrueType Collection
7、)格式，可以在单一档案包含多套字型。其中，黑体-简与黑体-繁的细体在/System/Library/Fonts /STHeiti Light.ttc，黑体-简与黑体-繁的中黑在/Library/Fonts/STHeiti Medium.ttc。,5.文字表达：在提示信息、帮助文档,电商类APP设计流程和规范,APP设计规范具体内容：,6.控件风格、布局；,电商类APP设计流程和规范,APP设计规范具体内容：,7.布局的顺序：从左到右，从上到下；,电商类APP设计流程和规范,APP设计规范具体内容：,8.快捷键、弹出菜单；,电商类APP设计流程和规范,APP设计规范具体内容：,9.用户交互：按钮状态、弹出窗口位置、执行动作提示信息（视觉和听觉，甚至的触觉的）；,电商类APP设计流程和规范,APP设计规范具体内容：,10. 帮助,电商类APP设计流程和规范,APP设计规范具体内容：,了解电商APP流程和掌握设计规范（配色）,本章小结：,需要了解和掌握的内容,电商类APP设计流程和规范,本章讲解结束,
