交互设计ppt.pptVIP

页面元素布局行为与命令 目录 页面元素布局 行为与命令 Visual Framework Right/Left Alignment Center Stage Diagonal Balance Button Groups Prominent Done Button Action Panel Preview 页面元素布局——Visual Framework 3个页面上有相同的导航条，相同的搜索栏，相同的底色，相同的三分板块，但是页面1和页面3板块大小分配不一致，与主体不协调。 页面元素布局——Visual Framework 页面元素布局——Center Stage 人人网和新浪微博均采用了中央舞台的模式，将主要内容呈现在中央舞台上，新浪微博的中央舞台与旁边区域有色差和分界线，而人人网显得对比不足 页面元素布局——Center Stage 页面元素布局——Right/Left Alignment 淘宝购物车和历史消费记录中，各个商品的相关信息采用左右对齐的方式，但是有几列信息有些分割线没有 页面元素布局——Right/Left Alignment 页面元素布局——Diagonal Balance 网站左上角logo和右下角个人中心—登录形成对角平衡，原始网页的登录按钮没有凹凸感，用户不知道是否可以点击 行为与命令——Button Groups 导航按钮组 工具按钮组 “查杀”按钮组 “保护”按钮组（分区不明显） 行为与命令——Button Groups 行为与命令——Action Panel 行为面板组织比较杂乱 行为与命令——Prominent Done Button 亚马逊的商品浏览界面的视觉流有两个明显的“提交”按钮（两个按钮大小长度不一致）。人人网的注册页面的视觉流尽头也有一个醒目的“提交”按钮。 行为与命令——Prominent Done Button 行为与命令——Preview 参数设置 面板 预览效果面板（预览窗口太小，不便观察效果） 行为与命令——Preview 1 3 4 页面布局是一种操控用户关注页面上的内容，顺序，要点进行交互的艺术 行为和命令主要通过按钮和菜单等方式呈现 行为和命令使产品帮助用户更好地使用产品，更好地呈现产品 总结 页面布局这种操控方式帮助用户知道哪些内容是重要的，哪些不是 2 THANKS!