产品经理培训模板

chanpingjinglide bibei

产品经理培训：策划、设计、项目、 产品经理培训：策划、设计、项目、用户体验

主讲人：尹广磊 尹广磊 http://www.77cn.com.cn产品原型设计 产品原型设计 Axure RP中文社区 创办者 中文社区 http://www.77cn.com.cn http://www.77cn.com.cn 个人主页 http://www.77cn.com.cn本PPT只是简版内容，只说重要的，不列没用的。

chanpingjinglide bibei

用户体验与交互设计内容 功能 性能

体验可用性 目的 交互设计

chanpingjinglide bibei

UI

一个页面放多少内容？ 7±2原则

布局

摆在哪儿，怎么摆？ 主与次 反Box的布局 栅格 960

淡化UI,让内容更突出

交 互 设 计

烘托氛围 部分还原真实感

配色辅助区分布局，留白、隔断、阴影、渐变

操作 过程

每一步操作，都基本符合他的预期。次级不要太深 根据使用频率，做优化。 响应、过渡效果、移位

chanpingjinglide bibei

1. 响应：可以引起触发的区域提供响应变化 2. 过程效果：让人的视线一直保持连贯 3. 移位：不必要弹出新页面时，通过伸展原区域的大小完 成小的功能交互，以达到用最小的视觉变化完成交互任务 的目的。

chanpingjinglide bibei

交互设计——布局7±2原则 原则 即“由于人类大脑处理信息的能力有限，它会将复 杂信息划分成块和小的单元。根据乔治A米勒 (George A. Miller)的研究，人类短期记忆一般 一次只能记住5-9个事物。” 主与次

chanpingjinglide bibei

主与次

chanpingjinglide bibei

反Box设计

chanpingjinglide bibei

反Box设计

chanpingjinglide bibei

配色，淡化UI

主要色彩，次要色彩，强调色彩，搭配 色彩，背景色彩 —— 《网页配色》

chanpingjinglide bibei

拟物化的设计也要适时而用

chanpingjinglide bibei

拟物化的设计也要适时而用

chanpingjinglide bibei

操作过程——移位

chanpingjinglide bibei

交互设计表达效果的三个层次： 交互设计表达效果的三个层次：在正确表达的基础上，在创意恰到好处时，创意表达 的手法让人眼前一亮，创意常是一件可遇不可求之事。

创意表达

真实感表达

在正确表达的基础上，让一些修饰或 转场过程中部分体现出一些真实感。

正确表达

页面元素的正确表达，是对交 互设计的基本要求。

交互设计细节中的常见问题

chanpingjinglide bibei

正确表达

chanpingjinglide bibei

真实感表达

chanpingjinglide bibei

创意表达