阿童木渐隐渐现返回顶部效果
设计 | 2012.12.26
| 您在本站浏览的时候,当您往下查看网页内容,右侧下部会出现一张阿童木的图片,点击后,会返回页面顶部。实现效果其实非常的简单。
这里用到了jQuery技术来实现此渐隐渐显的返回顶部效果。
我们只需要定义一段CSS样式和两段JS代码即可实现此效果。
您在本站浏览的时候,当您往下查看网页内容,右侧下部会出现一张阿童木的图片,点击后,会返回页面顶部。实现效果其实非常的简单。
这里用到了jQuery技术来实现此渐隐渐显的返回顶部效果。
我们只需要定义一段CSS样式和两段JS代码即可实现此效果。
以前,很多电脑显示器最多支持256色,因此出现了216种Web安全颜色,以保证网页的颜色能够正确显示。之所以不是256种Web安全颜色,是因为Microsoft和Mac操作系统有40种不同的系统保留颜色。
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
情感
1、基于原则——产品设计需要基于产品原则,符合产品定位的方向。
2、精准定位——设计对受众定位清晰,符合该设计目标用户群的使用体验。
3、亲和力——所有交互元素的设计上,用户对信息沟通顺畅,保持体验统一。
4、留恋度——给人超出想象的空间,让人留恋往返,对产品期待更多,得到二次访问。
易用
5、反馈及时——在交互过程中,用户的操作能够在屏幕上及时得到反馈效果,帮助用户提高效率。
6、方位清晰——清晰的知道自己在那里,退路在那里,能够去那里。