1 一些设计原则

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

尼尔森十大可用性原则     拇指区域设计原则  

避免用户产生跳离感

下方区域的设计 记忆块原则 记忆块原则实例

2 一些视觉规律

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

格式塔心理学5项法则   接近 接近实例 相似 用颜色表达相似-同模块的信息   闭合 闭合实例 连续性 页面间的连续性表达同组信息   简单 简单法则-合并、删除、弱化、隐藏  

视觉规律-视觉流

视觉流规律

3 开发知识

APP的实现方式-本地 or H5页面  or 混合   混合方式的性能优化方法   缓存，减少、优先加载   减少请求数、优化图片   压缩HTML H5页面设计要点-以展示为主  

4 页面设计

App包括功能模块、组件、元素   页面尺寸

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

字体字号设置 文案分类 图片与图标

5 交互说明

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

全局性说明

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

交互说明样式1 交互说明样式2

元素及文字说明一一对应

交互动作 界面动效 交互说明示例 交互说明维度

6 内部评审和用户测试

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

内部评审 用户测试