《网页中的交互设计》PPT课件.ppt_第1页
《网页中的交互设计》PPT课件.ppt_第2页
《网页中的交互设计》PPT课件.ppt_第3页
《网页中的交互设计》PPT课件.ppt_第4页
《网页中的交互设计》PPT课件.ppt_第5页
已阅读5页,还剩3页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论