09第三章3网页交互的低保真呈现

web产品交互设计开发制作网页交互的低保真呈现电子信息职业技术学院0102知识要点制作产品原型时要注意什么提高Axure设计效率的建议03Axure低保真常用功能实现第一部分制作产品原型时要注意什么页面结构完整，展示页面流程1制作产品原型时要注意事项展示了页面流程之后，不仅可以看到这个产品中的具体页面，还可以看到是如何从过一个页面跳转到另一个页面。我们一个就能知道有哪些页面，页面和页面之间的关系是如何，在辅以必要的说明，可以增强沟通的效果，提高工作效率。功能框架的划分要明确、合理2制作产品原型时要注意事项产品由很多功能组成，如何将这些功能划分到不同的模块里面，这是非常重要的。同时，功能框架划分明确，也能够方便产品团队的成员理解产品经理的思路和意图，和产品经理一起更好的完善产品设计。明确合理的功能框架也能够让用户在使用的时候体验更好。功能结构完整、流程清晰3清晰的产品流程，能够帮助用户快速的了解产品希望解决的问题及解决问题的方式；同时，也能够方便梳理产品的功能结构是否完整，是否有遗漏的环节。简单来说，功能流程清晰、结构完整的产品原型，能够帮组用户快速的了解到“完整”的产品是什么样的，在此基础上，用户就能够更好的理解和思考产品的功能细节。制作产品原型时要注意事项（1）增加明暗对比做好明暗对比之后，我们可以明确地看到，需要突出的内容是哪一部分，或者重点和非重点之间的分别。色彩的合理应用4（2）不使用不必要的颜色在制作线框图的时候，建议不要使用过多色彩，除了已经定下来的主调色和点缀色，其他的色彩尽量少使用。如果使用了过多色彩，会在产品设计的时候带来干扰。例如导航中使用了深色的绿色代表当前所在的“位置”，浅色的代表其他“入口”制作产品原型时要注意事项（1）设置好第一屏的高度第一屏的高度至关重要，尤其是在网页中。最重要的内容、尤其是重要的操作按钮尽可能在第一屏内显示完全，否则用户体验会较差，从而对很多方面造成影响。页面布局5（2）内容切忌堆叠过多的堆叠内容，会让页面变得非常拥挤，没有美感，同时也不能突出重点。对后面的工作也有比较大的影响，可能需要重新布局排版、或者调整所有版块，大大增加了工作量。第二部分提高Axure设计效率的建议提高Axure设计效率的建议用一个控件就可以完成的事永远不要用两个控件01最浪费时间的行为是都在使用不必要的控件。每一个你添加到项目中的控件，当在未来需要改变时都要耗费更多的工作时间。所有这些工作在经过十次迭代后会逐渐增加。举个简单的例子，两个在视觉上完全一样的对象怎样能够用不同的方式被建立起来呢？提高Axure设计效率的建议用一个控件就可以完成的事永远不要用两个控件01文字可以使用「对齐和填充」工具栏进行调整位置。现在只有一个控件需要维护而且只需要一个交互事件。提高Axure设计效率的建议当你使用任何操作次数超过一次的时候。当发现自己一直在复制和粘贴一组控件，永远记住，创建一个母版可能是更好的选择。不要把太大的组合对象变成母版。越是大的组合对象，越是有可能需要在母版的很多地方做出修改。把一些母版和另外一个母版合并起来一般会是更好的办法。当你只需要在一个母版中做些改变的时候这种方法就变得很方便。也就是说一些元素一直被包含而其它一些元素一直要变化不要复制对象，而是把对象转成母版02提高Axure设计效率的建议不要复制对象，而是把对象转成母版02基础模板提高Axure设计效率的建议保持项目的组织性和命名的清晰性031）保持东西的组织性2）允许团队其他成员介入3）可以和第三方分享如何做到项目的组织性和清晰性1)创建一个登录页面2)给页面一个独一无二的、可以自我解释的命名3)创建最常见的流程图提高Axure设计效率的建议养成使用全局辅助线和网格的习惯04提高Axure设计效率的建议不要忘记导入功能05提高Axure设计效率的建议不要设计不必要的交互动作06当拿出了一个你认为是问题的最佳的解决方案，但你知道这个方案很难被推进发展，那么你需要别人支持你的想法。你发现做交互原型可以帮助你传播想法。Axure的初始用户可以很轻松地将交互动作添加到原型中。一开始的时候，会想对创建的每一页都添加交互动作。然而，在大多数情况下，只需要清楚地传达设计而不需要任何交互——仅仅是静态图像就可以。现在，对下面这些问题当中有一个回答"是"的时候才需要增加交互动作。1.你确实要交互动作才能明确无误地表达你的设计吗？如果你提供的仅仅是静态图像而没有交互元素的时候，你的设计会被错误理解吗？2.从长远角度来看，这个交互设计节省时间吗？创建一个元素的交互会比展示不同页面的不同状态更快吗？3.需要说服某些人一些交互元素的概念吗？第三部分Axure低保真常用功能实现banner轮播效果banner轮播效果banner轮播效果banner轮播效果banner轮播效果banner轮播效果banner轮播效果上一项按钮交互设置下一项按钮交互设置登录效果登录效果悬浮按钮显示与隐藏效果工具按钮工具选项悬浮按钮显示与隐藏效果悬浮按钮显示与隐藏效果文字跑马灯效果文字跑马灯效果如此次的文字动态面板的宽为280，那么双击动态面板吧里面的文字放置到动态面板X为280，Y为0的位置循环面板用来实现循环操作文