有故事的网页设计——Flash网站奇妙之旅（2）
作者：老然 来源：腾讯CDC 发布时间：2011-01-20 19:58:00
二、特殊交互方式带来的奇妙体验
有这样一类网站，它们融入了更多元的交互方式，使用户在浏览的过程中获得不一样的快感，让网站的体验变得更加有趣，用户的参与度也更高。
1.http://laplanete.sldimension.com/
设计师的个人网站。一进入网站就可以感觉到设计师是个很有童心的家伙，网站启动页是需要用户制造 * 的小操作，进入页面之后，制造的 * 炸出了一个很可爱的的泥塑小星球，而用户在进行关于星球浏览的操作感觉非常爽。
2．http://www.maxshaman.com/#/friends/
这是一个有意思的个人网站，看上去设计师是相当豪放的人，不但不在乎陌生人用插小人的方式诅咒自己，反而还喜欢浏览者用这种方式表达对他的关注，于是，设计师在网页上放了个破布头小人，可以让浏览者用针头随意虐待，同时还能看到设计师对此作出的痛苦反应。有点暴力，但还是蛮有趣的。
3.http://www.bartleboglehegarty.com/#
一个设计团队的网站，尽管首页同样运用了立体地球转动的动画小操作，但是当响应点击后，地球的出现和消失转场过程还是非常有新意的。
4. http://www.matthiasdittrich.com/
这是一个运用了三维空间互动概念的网站，点击后页面转场的三维效果过的很好，带给人很流畅轻盈的科技感。这种三维感觉的应用，带给了人们不一样的专场感受，将网站从非常具有平面感束缚中挣脱出来。
5. http://soytuaire.labuat.com/
这是早前就看过的一个非常有意思的交互式网站，由鼠标的位置决定了线型笔触运动的方向。通过笔触的生长，讲述了一个流动的画面故事。整个网站呈现很迷人的水墨效果，中间由墨水滴落产生的动画也做得非常与众不同。一直都觉得这算是非常经典的flas * 网站。
同样是一个设计师的个人网站，除了loading页面中小人旋转效果很酷外，网页上设计师关于自己的介绍有个好玩的交互。整个网站设计让我想起某个动画中关于科学怪人的故事。
0
投稿猜你喜欢
- 我页面上有控制了只能输入数字的控件，禁止了输入法切换的，但是搜狗的云输入却控制不了，有没有办法在页面里面禁止它运行啊？发现这玩意儿真的很讨厌
聚集索引，数据实际上是按顺序存储的，数据页就在索引页上。就好像参考手册将所有主题按顺序编排一样。一旦找到了所要搜索的数据，就完成了这次搜索，- JavaScript中indexOf函数方法是返回 String 对象内第一次出现子字符串的字符位置。使用方法：strObj.indexOf
- 第一章：基本的圆角框第二章：透明圆角化背景图片第三章：圆角化图片 第四章：CSS圆角框组件 V1.0序言：在我的文章《超圆滑圆角框的半完美解
- 导言（Introduction）这个提案描述了如何在jQuery的核心库中增加模板支持。更为特别是，这个提案描述了一个新的jQuery方法－
- Yahoo发布了一款基于FireFox的插件，名叫YSlow，这个插件可以分析网站的页面，并告诉你为了提高网站性能，如何基于某些规则而进行优
- 在《JavaScript语言精粹》的第72页有这样一段：用正则表达式字面量创建的RegExp对象来共享同一个单实例：function mak
- 个人觉得还是不要使用中文作为文件名的好，虽然我们用的语言是中文，毕竟中文容易出现问题，兼容性不好。用Dreamweaver制作网页时，如果插
- 星爷的一部“国产007”应该是无人不晓，其中一个片段是将“007”向MM展示他的秘密武器。皮鞋可以吹头发，大哥大可以刮胡子……把真实功能隐蔽
- 本文探讨了提高MySQL数据库性能的思路，并从8个方面给出了具体的解决方法。1、选取最适用的字段属性MySQL可以很好的支持大数据量的存取，
- 感觉这个东西很常用，很多其它js框架里有，但是太大了，用不了太多，自己写了个。需要的朋友可以参考下。下面是html测试代码：<!DOC
- 人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题
- 模式库 在模式库里,我将列出所有电子商务网站需要的模式.以下将罗列出经典常用的模式案例,我也试图让这些模式看起来更有趣味性与实用性。(Yah
- 下面这段代码是asp编写的用来识别客户端是否为手机浏览器，以及手机类型的代码。主要用于手机网站的建设，以便实现相同网址下的不同版本网站（比如
- 作用: 构建一些简单的SQL语句，结合在提交表单时使用，可以较方便<％@LANGUAGE="VBSCRIPT&
- 导航标签彼此互斥、完全穷尽。导航标签其实就是一种文字表达形式，我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签，代表的内容通
- 七夕节简介每年农历七月初七这一天是我国汉族的传统节日七夕节。因为此日活动的主要参与者是少女，而节日活动的内容又是以乞巧为主，故而人们称这天为
- 说明：这个例子,首先是把SPAN里的内容用display:none;干掉,就是不显示; 然后在A:HOVER时,再把SPAN里的内容disp
- 我们有理由相信采用新的内核版本（2.2.16-3 smp）也应该有性能的提升： OS2: Newer minor version kerne
- 简介这是一篇介绍网页设计原则的文章。在互联网迅速发展的今天，各种web 2.0网站竞争激烈，你死我亡。Jini, D
