15个用户体验设计剖析（2）
来源：35公里 发布时间：2010-05-11 16:43:00
Pixelmator
Pixelmator 是一个很出色的图像编辑工具，虽然远不如 Photoshop 强大，但包含很多创新功能。它的用户界面中有一个很有趣的功能，你在为图像的某个位置设置效果的时候，设置点和设置界面之间会显示一条很自然的连线，移动设置点的时候，连线也跟着改变，虽然这条连线并没有多少实际意义，但给用户带来一种操作上的暗示，也很有趣味。
Riot Industries 的导航体验
这个站点的导航很有特色，不仅流畅，而且设计出众，鼠标在导航条目上盘旋的时候，导航条目从左边的容器中微微探出，点击后，以渐变的方式，逐渐显示当前内容，这一切并没有使用任何 Flash 技术。
Web 上的拖放操作
在我看来，任何应用都应该支持拖放操作，当然 Web 有它的局限性，不过，近年来，Web 上的拖放操作已经很常见了。在上面的站点，你可以直接将喜欢的程序拖放到下载按钮处，直接下载。IconDock 的购物车也支持列斯的操作。（Wufoo 和 Polldaddy 的拖放式表单设计 UI 在我看来是 Web 拖放界面的最佳实现 - 译者）
在线 Photoshop 的照片堆叠界面
这是另一个没有实际意义，但很吸引人的界面设计，Adobe 的在线 Photoshop 在加载的时候，会显示一堆照片，你可以把他们抓起来乱扔，让它们相互碰撞，其物理效果十分出色，非常吸引人。
随鼠而动
同样展示运动视差效果，同时，随着鼠标的移动，画面的工作区也随着移动。这个站点也实现了类似的效果。（感觉这种体验并不好 - 译者）
双滚动面板
这又是一个基于 jQuery 的，非常出色的内容滚动面板设计。图片垂直滚动，而解释文字同步水平滚动，视觉效果和体验都十分出众。
基于物理动力的滚动
我第一次使用 iPhone 的时候，对它的基于物理动力的交互 UI 印象深刻，在 Safari 上用手指翻动页面的时候，页面并不是按线性速度滚动，而是象现实物理世界中的物体那样，拥有曲线速度，先是快速滚动，然后慢慢慢下来。
至简的界面
漂亮而复杂的 UI 让人喜欢，有时候，简洁的界面更吸引人。Mac 的 WriteRoom 是一个非常强大的文本编辑器，这些强大的功能隐藏在至简的界面下。
本文国际来源：Design Shack 15 in-Depth Examples of Addictive User Experience (原文作者:Joshua Johnson)
中文编译来源：锐商企业CMS 网站内容管理系统官方网站
0
投稿猜你喜欢
很多人一直都有个想法，要是可以随心所欲的操作iframe就好了。这样静态页面也就有了相当于后台动态页面php,jsp,asp中include- 经常看见MOP上有人贴那种动态的图片，就是把一个字符串作为参数传给一个 * 页，就会生成一个带有这个字符串的图片，这个叫做文字水印。像什么原
- 具体代码见下。在此程序中，由于使用了变量，我们需将全部聊友的昵称用“，”（逗号）来隔开，储存到application（"visit
- 执行表扫描操作之前，将调用info()函数，以便为优化程序提供额外信息。优化程序所需的信息不是通过返回值给定的，你需填充存储引擎类的特定属性
- 我们在使用ASP 内置的ADO组件进行数据库编程时，通常是在脚本的开头打开一个连接，并在脚本的最后关闭它，但是就较大脚本而言，在多
- 数据库查询优化的实用技巧：本文中，abigale代表查询字符串，ada代表数据表名，alice代表字段名。技巧一：问题类型：ACCESS数据
- function chinese2unicode(Str) &nbs
- SQL Server 2000 清理日志精品教程SQL Server 2000 数据库日志太大！如何清理SQL Server 2000的日志
- Union 与 Union ALL 的作用都是合并 SELECT 的查询结果集，那么它们有什么不同呢？ Union 将查询到的结果集合并后进
- 项目有时要用一些Ajax的效果，因为比较简单，也就没有去用什么Ajax.net之类的东西，手写代码也就实现了。 第二天，有人反馈错
- 内容适应形式学习了死猫的文章，我今天也来说说有关内容和容器的关系。看标题你也许觉得有些囧，它和上一篇《形式追随内容？》看起来相反，而且好像从
- 用下列方法可以做到： main.htm<html><body><form action="
- 一个SELECT查询中的LIKE语句来执行这种查询，尽管这种方法可行，但对于全文查找而言，这是一种效率极端低下的方法，尤其在处理大量数据的时
- 首先我们一起来看下 Character entities references （HTML Entities）和 Numeric Chara
- 上一课：ACCESS入门教程：初识Access 2000窗口接口简介 通过上一课的学习，你是否感觉Access的窗口和接口还有点搞不清楚，对
- 1、应该将 CSS 放置于结构的上方（一般放置于 head 元素内）。CSS 是解释型语言，Firefox 和 IE 在等待 CSS 传输完
- 应该只是一个简单的层的定位及鼠标事件吧<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
- 从人类认知的角度的看，人类擅长识别并不擅长于记忆，当一个用户面对浩瀚的信息海洋，通常会产生畏惧感，会本能的对这些信息片段进行加工找出其内在的
- 恭喜您，您中奖了，你的中奖码是（请牢记，领奖需要）：ＸＸＸＸＸＸＸＸＸＸＸ然后用户输入ＸＸＸＸＸＸＸＸＸＸＸ，简单验证后就可以领奖了。你使用
- 通常，你需要获得当前日期和计算一些其他的日期，例如，你的程序可能需要判断一个月的第一天或者最后一天。你们大部分人大概都知道怎样把日期进行分割
