user interface design examples

user interface design examples

ID:1708770

大小:1.61 MB

页数:31页

时间:2017-11-13

user interface design examples_第1页
user interface design examples_第2页
user interface design examples_第3页
user interface design examples_第4页
user interface design examples_第5页
资源描述:

《user interface design examples》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、UserInterfaceDesign用户界面设计主讲教师:张钢Email:gzhang@tju.edu.cn2006年1创新界面设计案例一BumpTop:PhysicalDesktopInterface2BumpTop:PhysicalDesktopInterface(物理桌面交互)用真正的物理模式模拟桌面,管理资源文档对传统计算机桌面的一次颠 覆,又是原始行为的回归---现实生活中我们就是这样 整理文档的。3使用BumpTop的计算机4BumpTop的立体桌面BumpTop立体桌面平台它被框定在一个类似盒子的空间里桌子上堆满了 各种杂志、书 和其它东西这些文档

2、有 物理特性有重力互相碰撞5BumpTop的操作方法可以用圈定法进行操作右键有相应的菜单出现6BumpTop的操作方法有不同的浏览方式圈拉平铺式焦点放大式排列式翻书式群组操作7圈拉平铺式8焦点放大式(鱼眼)9排列式10翻书式11群组操作12创新界面设计案例二鱼眼菜单(Fisheyemenus)13鱼眼菜单(Fisheyemenus)可以动态变换菜单条目的大小,将鼠标所在区域放大可以在一个屏幕上显示并操作整个菜单无需传统的按钮、滚动条、或分级浏览结构14创新界面设计案例三滑块筛选(Slider-basedFiltering)15滑块筛选(Slider-basedFi

3、ltering)点击-拖拽滑块户可以扩大和缩小搜索的筛选标准页面可以自动更新搜索结果16滑块筛选(Slider-basedFiltering)使用滑块缩小搜索范围,可以减少搜索结果的数量对结果数量满意时,就可以点击Seeresults按钮17创新界面设计案例四树图(Tree-maps)18树图(Tree-maps)大小表示数量,颜色表示价格升降了解详细情况,可将鼠标移至该矩形上面19Multitouch多点触摸20微软的SurfaceComputer21微软的SurfaceComputer22微软的SurfaceComputer允许多达52个触点同时采集23iPh

4、one多点触摸24MacOS和iPhone界面25最小化窗口的过程窗口不是立刻消失并被放入任务栏中窗口像是被一股强大的力量吸进了任务栏中26类似鱼眼菜单的任务栏向两边扩展,缩小任务图标,具有鱼眼效果27iPhone软键盘输入时的视觉反馈一般做法凸起形状键的图像转变为凹下的图像,并辅之以某种声音iPhone的做法字母的图像快速放大到比较醒目的大小,以便不被手指遮挡,然后再迅速地恢复到原来的显示大小,以使得用户可以继续察看并输入下一个字母28根据手机的方位调整显示内容根据当前手机的方位相应地调整显示内容29简单、简单、再简单在iPhone中光线感应器使得屏幕的亮度能够

5、自动调节,从而省去了用户手工调整的动作;方位感知器的运用使得软件能够根据用户手握设备的方位来自动调整屏幕上的显示布局和内容,从而省去了用户手工切换。界面设计的最高境界就是让用户感觉不到界面的存在。30什么是优秀的设计?糟糕的设计简单的事情复杂化平庸的设计复杂的事情复杂化优秀的设计复杂的事情简单化31

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。