下载此文档

网页中的交互设计.ppt


文档分类:IT计算机 | 页数:约8页 举报非法文档有奖
1/8
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/8 下载此文档
文档列表 文档介绍
网页中的交互设计 O 何谓动态模块?简单的说就是“ AJAX ”,它有几种视觉呈现方式:弹出的浮动层、 Tab 切换、展开(侧边展开或下拉展开) 网站的交互设计分 2种:流程交互和界面交互(即"单页面交互" 或“小交互”),而界面交互又包含 2类: “视觉结构”和“动态模块”。何谓视觉结构? 界面信息按逻辑关系、包含关系和先后顺序, 进行排列、组织后形成的模块,即为视觉结构。这个界面结构可以很大,也可以很小。拿 Igoogle 的三栏式来举例,其视觉结构是这样的: 这些大的界面视觉结构都是由一个个小的模块结构组成(如下图): O 我们总是处于忙碌之中我们知道自己不必阅读所有内容我们善于扫描我们不是阅读而是扫描建立清楚地视觉层次越重要的部分越突出逻辑上相关的视觉上也相关降低视觉噪音眼花缭乱背景噪音 O 视觉结构对于信息架构的作用: 因为视觉结构中承载着信息,所以在某种程度上它也起到诠释、部分验证信息架构是否合理的作用。攻守平衡的关隘: 视觉结构,上可攻信息架构,下可守界面设计。一个交互设计师对信息的理解有多深?看看他原型中的视觉结构就知道了。问题和后果: 信息架构出了问题(譬如一级导航里缺内容,流程走不通等等),则会导致产品根本不能用。视觉结构不清晰时,我们接收信息的速度就会变慢,导致产品不易用。换句话说,信息架构如果考虑不明白,视觉结构做得再好也白搭,而 UI设计最终是充当尸体彩绘和替罪羊的角色。当我们对众多“尸彩产品”愤怒的时候,是否也该反思一下,到底是什么原因造成的?

网页中的交互设计 来自淘豆网www.taodocs.com转载请标明出处.

非法内容举报中心
文档信息
  • 页数8
  • 收藏数0 收藏
  • 顶次数0
  • 上传人endfrs
  • 文件大小0 KB
  • 时间2016-06-07