1 一些设计原则

避免用户使用产品时的挫折感，我们需要提供：用户易于理解的信息，避免专业术语；提供有用的信息；提供下一步操作，引导用户继续其他操作。“易懂”、“有用”、“引导”

尼尔森十大可用性原则    

拇指区域设计原则  

避免用户产生跳离感

下方区域的设计

记忆块原则

记忆块原则实例

2 一些视觉规律

格式塔心理学：人眼在观看时，将各个部分组合起来，使之成为一个更易于理解的统一体。眼脑作用是一个不断组织、简化、统一的过程从而产生出易于理解、协调的整体

格式塔心理学5项法则  

接近

接近实例

相似

用颜色表达相似-同模块的信息  

闭合

闭合实例

连续性

页面间的连续性表达同组信息  

简单

简单法则-合并、删除、弱化、隐藏  

视觉规律-视觉流

视觉流规律

3 开发知识

APP的实现方式-本地 or H5页面  or 混合  

混合方式的性能优化方法  

缓存，减少、优先加载  

减少请求数、优化图片  

压缩HTML

H5页面设计要点-以展示为主  

4 页面设计

App包括功能模块、组件、元素  

页面尺寸

页面颜色，交互稿应使用灰度图，以便不影响视觉设计。可使用Axure色板中预设的黑白灰色，注意层次美观，根据重要程度区分黑白灰，形成对比。

字体字号设置

文案分类

图片与图标

5 交互说明

交互说明原则：由大到小、明确细节、务求全面

全局性说明

设计师需沉淀全局性元件库，提高统一性及效率，避免重复绘制元件。

交互说明样式1

交互说明样式2

元素及文字说明一一对应

交互动作

界面动效

交互说明示例

交互说明维度

6 内部评审和用户测试

交互稿做完后，可以在设计部门内组织内部评审或小测试。

内部评审

用户测试