UI Show
作者: 刘鹏整理
日期: 2010-03-19
总结 GUI 系统需求,整理 GUI 系统发展历史,收集业内典型的 UI 特效。

Samsung Wave Bada UI

三星在 MWC 2010 大会上展出了第一款搭载自有系统 Bada 的智能手机 Wave S8500。

Microsoft Windows Phone 7

在 Mobile World Congress 2010 上,微软正式公布新一代的手机操作系统:Windows Phone 7 Series,Windows Phone 7操作系统在外观和首页布局方面给人以焕然一新的感觉。

Sony Ericsson's UXP Androd UI

Sony Ericsson 开发的 Android UI : UXP 。有如下特色:

  • Timescape: collects social networking feeds and presents them in a card-like view, offering an almost 3-D–like effect as they scroll past.
  • infinite pivot: an infinity-shaped icon that helps you drill deeper and pull up related views.
  • Mediascape :offer a better experience for music, video and photos.

Motorola's MotoBLUR Android UI

Motorola 的 Android UI : MotoBLUR.

HTC's Sense Android UI

HTC 的 UI 设计。不跟随现有手机的发展脚步,而是仔细观察人们沟通与生活的 方式而得来。 HTC Sense设计的三大理念:Make It Mine、Stay Close、与 Discover the Unexpected。 这里有个视频。

Gallery of Nexus One

谷歌Nexus One 手机的 Gallery 程序采用 Cooliris 公司的 3D 浏览技术,用 户可以浏览、组织、分享和编辑媒体内容。Gallery 还可以与 Picasa 保持双向 同步,用户可以通过 Nexus One 更新访问 Picasa 照片,也可以方便地通过电 子邮件、彩信、Picasa 或蓝牙共享照片和视频。

在 UI 方面有如下特色:

  • 左右漂移
  • 分类预览窗口图片扎堆效果代替文件夹图标
  • 进入一个目录时图片有动画效果一一排开
  • 图片预览窗口图片左右漂移
  • 左右摇晃手机时,里边的图片也沿 Y 轴转动
  • 进入全景图窗口时原始图有个飞出来的特效
  • 退出全景图时图片预览窗口中的小图有动画效果进行排列
  • 支持选择,选中的图片有个小勾
  • 预览图片中的小图可以旋转

Cooliris 公司是一个创业公司,Simply the fastest way to browse photos and videos,他的产品 3D Wall in browser 做的不错。

FancyPants

FancyPants 是 Fluffy Spider 公司的商业图形框架是一个轻量级的用户接口的 特效软件。FancyPants 支持皮肤,图层,和特效, 面向媒体中心和移动设备, 如 POS 机,机顶盒,和移动电话。

PhotoRiver:图片像河流一样流过

据说将来 Android 平台将采用的图片查看程序,图片可以像河流一样从屏幕上 流过,支持多种浏览方式,时间线浏览方式和标签浏览方式。流畅的 3D 效果更 是给用户带来了吸引人的视觉效果。

Nokia Photo Browser

Nokia 的图片浏览器,带 3D 效果。UI 上有两个特色:3D Wall 和 放大镜。

iTunes Cover Flow

Cover Flow is an animated, three dimensional graphical user interface integrated within iTunes, the Macintosh Finder, and other Apple Inc. products for visually flipping through snapshots of documents, website bookmarks, album artwork, or photographs.

CES 2010: all the stuff

2010 CES 的热点包括:上网本,E-reader,HDTV,Tablet,Mobile等。

Else Intuition 侧边扇形结构 UI 设计

Emblaze Mobile在"Access Linux Platform"的基础上历经两年时间,开发了一 套颇具颠覆意义的超未来感用户界面,最终成果就是现在的Else Intuition。 Emblaze 公司承诺将改变游戏规则。

ELSE的用户界面“sPlay”基于触摸操作,菜单项目从屏幕右端呈放射状排列, 再加上屏幕右侧的触摸按键,菜单操作都可用右手大拇指通过、触摸滑动完成。 其他诸如选择项固定在屏幕中央放 大的“Fisheye”功能,各种软件界面等也都 颇具特色。

LG GW990: S-Class + Moblin + Intel Moorestown processor

在 2010 CES 上, LG 秀了 GW990 手机 prototype,该手机使用 Intel 即将发 布的 Moorestown 处理器,使用 Moblin 实现多任务,集成 S-Class User interface 实现 3D 桌面。UI 方面有下特色(可参考该链接中的视频)

  • 立方体桌面
  • 一行中的图标有左右滑动的动画
  • Gallery 程序放大后,在原始图 View 中手指左右滑动可切换图片
  • Gallery 同时支持图片和视频
  • View 切换带 3D 效果
  • 多任务:Calendar,Phone,Video Player 窗口可同时显示在屏幕上

LG S-Class UI on Arena

LG 的新手机 Arena 使用了 LG S-class user interface。该 UI 的最大特色是使用 了一个 3D 立方体,该立方体类似于一个 quick launch toolbar。立方体的前、 后、左、右四个面表是不同的菜单,如 multimedia、widgets、contacts 和 shortcuts。你可以左右转动这个立方体,点击最前面的面就可进入该功能。 这里针对手机从内到外较全面的 demo,这里 是对 UI 更清晰的 demo。这里是针对该 UI 的一篇评论。

这里是 Youtube 上的一段视频。

手机 3D 的新境界:Omnia II 是 3D 方面的力作

本文介绍了三星新发布的一款产品 Omnia II,该产品基于 Window Mobile 6.1, 是 3D 方面的力作。

手机 3D 时代的来临

3D 在 PC 上面不算什么,现在的游戏基本上都是 3D 的。而在手机上,由于处 理器的能力和 PC 还有很大的差距,在手机上面实现真 3D 还是有挑战的。并且 3D 也是今后手机的趋势之一,无论高端,中端、低端。3D 的门槛比较高,不仅 仅是调用 OpenGL/OpenGL ES 来绘制 3D 的对象,而是要设计一个完整的能在手 机上跑的 3D architecture。本文介绍了市面上的几款带 3D 效果的手机。

Avant Window Navigator

Avant Window Navigator (abbreviated AWN or Awn) is a dock-like bar for Linux, which sits at the bottom of a user's screen and tracks open windows。与苹果电脑的风格类似。运行时需要有一个 compositor,比如 Compiz。

Nokia N97 Demo

那个桌面非常有特色,使用的类似 google gadget 的方式,每个应用在桌面上 有一个半透明小区域,可以用手指拖动改变位置,也可以翻页。

TAT November Breeze demo

平滑移动的列表、theme、snowing、转盘菜单、surface 移入移出,WoW effect 赶紧进入一看究竟吧。

TAT Kastor UI

这个视频 demo 了 TAT 公司 Kastor 引擎实现的 UI,非常 amazing,具体特效包括:

  • 2.5D Transitions in active desktop;
  • 2.5D Transitions on Popup;
  • 3D Popup;
  • Smoothing Scrolling list.

Shade Menu & 9-point visual key-lock

TAT 帮助打造了 G1 手机两个最吸引人眼球的功能:窗口阴影菜单 (shade menu)和可视化键盘锁定 (9-point visual key-lock)。

TAT Showroom

著名设计公司 TheAstonishingTribe (TAT)的 ShowRoom ,里边有很多令人惊叹 的移动设备 UI 设计。

图形用户界面的历史

本文介绍了图形用户界面系统(GUI)的发展历史。

GUI 系统需求描述

GUI 系统的需求描述文档,列举了一个 GUI 系统应该具有的功能和在设计时应 该考虑的问题。

GUI 项目参考

本文收集了目前所有的 GUI 项目链接,包括开源的、不开源的,面向 PC 的、 面向嵌入式设备的,试图对目前的 GUI 现状做一个索引。