- 1、本文档共10页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
学会三点
交互设计,表现出来的呈现方式可谓是多种多样,不过你只要掌握好了以下三点的使用技巧,同样可能轻松打造出良好的交互设计效果。1.响应对即将产生交互内容的区域提供给操作者一种响应机制。参考实例:
不同的内容有很多响应的处理方法,比如:链接加个下划线,图片链接变换下外边框颜色,鼠标划过某区域,变化下背景色,同时出现一些隐性的操作按钮,如删除操作等。注意:忌讳因为某区块产生响应,而让其它区块边界产生生硬的错位。
2.过渡过程或转场效果对即将产生的交互变化,提供一个过渡过程或转场的效果。过渡过程,如:延时移动、淡入淡出等。转场效果,如:滑动、门开关、缩放、翻转等。参考实例:
点击某个封面,延时移动给操作者带来一个很好的引导阅读过程。注意:要频繁处理的操作,过渡过程耽误时间的同时,还可能造成误点击。3.移位在不弹层、弹窗情况下的内容移位。合理的运用页面内容的展开、收起。操作者在即将产生交互的地方,就近通过这种方式就完成了轻便的操作。参考实例:/ /demo 下边的展开与收起
点击下边地址中的视频播放,同样可以看到视频右侧文字内容的移位效果。/2010/TECH/01/ ... analysis/index.html 总结:过渡过程和移位在Web开发实现上,可能大量应用到Js库,非必要时可以尽量减少使用
您可能关注的文档
最近下载
- vitamix-料理机食谱其他--29种.pdf
- 口腔正畸学第九章 常见错牙合畸形矫治-深覆牙合【29页】.pptx VIP
- 河南省 唐河县志.pdf
- 国有企业总经理办公会议事规则.pdf VIP
- 学校热泵热水工程方案(3篇).docx
- 2025年行政职业能力测试题库 .pdf VIP
- 9.2.2 用坐标表示平移 课件(共51张PPT)数学人教版七年级下册.pptx VIP
- 住房项目设计采购施工总承包工程(EPC)投标方案技术标.docx
- J B-T 8521.1-2007 编织吊索 安全性 第一部分:一般用途合成纤维扁平吊装带.pdf VIP
- 《基本分析与技术分析相结合的A股投资策略案例报告》6200字.doc
文档评论(0)