l网页中的交互设计.pptVIP

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