优秀的用户体验设计:15个不同的UI/UX案例(2)

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 网站内容管理系统官方网站