iPad拟物化设计的博弈

1024X768 VS 320X480

320X480是iPhone的">屏幕分辨率,而1024X768是新发布的平板设备iPad的屏幕分辨率。凭着这组分辨率的变化以及初窥iPad的外观,会觉得iPad不过是只“放大版”的iPod-touch,一致的制作工艺,连“Home”键未做改变原封不动摆在了屏幕下方,似乎又被“戏谑”了一把。然而深入到界面设计的变化,iPad程序的界面并未做简单的放大处理(如下图:iPhone和iPad上日历软件界面的对比)

同样是日历软件,iPad上日历程序通过纸张肌理,布局调整等变化,整体给人的视觉印象是一本可以翻动的“记事本”。同样类似的拟物化设计被大范围运用到iPad程序上,给界面带来了全新的面貌和革新。谈起拟物化界面设计,一直有在使用,而且伴随着图形化界面的产生发展过程,诸如界面图形语意,质感,肌理都是拟物化的体现,一个最简单直白的例子就是按钮往往被设计成中间凸起的样子去引导用户去“按”。

iPhone/iPad界面的空间感
广义地说,整个iPhoneOS也是被拟物的,触摸屏幕是平,但我们从触摸屏看到是凹凸有致的一个桌面世界,或者说更像是一个房间(如下图),这个房间有一套自己光照系统。延续Macos界面的光源系统,主光源是垂直方向90度的光照,它决定了这个空间里物体的阴影方向、倒影、反光面等等;

当中不得不提房间中的物体-桌面图标,这些圆角小方块起到了很重要的角色。相比一般操作系统桌图标处理方式的五花八门。iPhone os为了统一各图标风格,下了“狠招”:统一圆角化处理,垂直90度阴影,还有头部一道反射高光。而这些样式默认是通过程序来强制实现的,这样也就看到了具有相对统一光照环境的房间。由于这些样式是默认开启的,这样也就方便了一般开发者花少量的功夫就能让程序拥有相对美观的程序图标,(附注:当然你实在觉得应该让自己的程序图标不同凡响,也是可以自定义样式的。具体见iPhone人机界面指南如何自定义桌面图标章节。)iPhoneOS这套光照系统的影响是无处不在的(在进行Apple平台相关设计时务必留意:)),这里抓个实际例子-按钮中的文字效果:浅色和深色按钮,在里面文字的处理效果是不一样的,统一的是文字是被凹刻在按钮上的。在浅色按钮上,文字90度向下方向有一道白色反光;而在深色按钮上,文字90度向上方向有一道阴影。对比如下图:

拟物到拟真
同样使用的是iPhoneOS,iPad在拟物化设计上表现的更强烈,更使用了拟真的动画过程,一个典型的例子即是iBook程序的使用,模拟了用户从书架上选取一本书,打开书本,阅读文字,翻动页码…整个过程随意自然。iPad不是“变形金刚”,受到本身硬件的局限,它不能真的变成一本书来翻阅,而可以通过软件的优势来解决硬件上的这个局限,使用虚拟的操作体验来缩小阅读体验的差异。日常生活已经积累了大量的使用操作习惯,拟物化可以方便的进行体验移植,一看到界面,就知道大致该怎么用了。

IM如何拟物?
在实际QQforiPad版本的界面设计中,一开始的疑问就是,可以联系到IM聊天软件的实际物体是什么?把聊天记录作为文字材料积累下来,可以做成一本回忆录,这倒也是一种拟物,但有时即时通讯强调的却是即时聊天的过程,做成一本回忆录还有待商榷,前期也只是以概念稿子做了尝试;在最终浮出水面的主界面设计中,为了营造相对惬意的聊天环境,在细节处理上进行了一些拟物尝试,例如聊天的多tab,保留了常用书本标签方式;发送图片时图片的边框处理使图片更像是呈现在面前的照片等。如下图:QQ for iPad版本的主界面设计

拟物与现实
相信随着多点触摸技术的发展以及大触摸屏相关产品的面世,拟物化的设计会被运用得更广,但同时应该保留一种清醒:不管如何的拟物,虚拟的体验终究还是来源于真实生活的实际体验的积累。传统书籍到现在还被保留,也是有一定存在的道理:)

参考文献:苹果iPhone人机界面设计指南在线版
http://developer.apple.com/iPhone/library/documentation/UserExperience/Conceptual/MobileHIG/

来源:http://cdc.tencent.com/?p=2418

时间: 2024-09-21 05:38:09

iPad拟物化设计的博弈的相关文章

视觉设计:iPad拟物化设计

1024X768 VS 320X480 320X480是iPhone的屏幕分辨率,而1024X768是新发布的平板设备iPad的屏幕分辨率.凭着这组分辨率的变化以及初窥iPad的外观,会觉得iPad不过是只"放大版"的iPad touch,一致的制作工艺,连"Home"键未做改变原封不动摆在了屏幕下方,似乎又被"戏谑"了一把.然而深入到界面设计的变化,iPad程序的界面并未做简单的放大处理(如下图:iPhone和iPad上日历软件界面的对比) 同

通过拟物化设计的手法使产品表现形式更加多元化

文章描述:移动端的拟物化设计. 人在处理信息,学习和记忆的能力是有限的.现实生活中人们又会经常受到各种客观因素的影响,所以有效的降低用户的操作和学习负担能够使产品更易于被广大用户所接受.随着互联网产品设计越来越重视用户体验的今天,除了产品本身的功能的创新之外,产品与用户之间的交互体验成为各个公司追求的目标.好的设计不但在视觉上带给用户更多美的享受,同时还可以从视觉层面帮助和引导用户完成所需的操作. 一.模拟现实中的场景 记得电脑游戏兴起初期-模拟飞行类游戏在画面和拟真程度上达到了当时的顶峰.在游

苹果的拟物化设计?

豪华的皮革缝合,一个你几乎能感觉到的细木纹,老式麦克风--如果你是苹果的忠实用户对于这些设计你绝对不会陌生,所谓拟物化设计就是根据产品自身特点,通过模拟真实世界已有的物品,营造身临其境的交互方式,使产品的设计更富有品质和情感,使用这样的设计方式可以使产品的外观和行为接近现实生活中的事物,用户能够更快的理解它们的运行方式,使用起来也就越简单.但是使用拟物化设计,在给大家带来亲切感的同时,也常常会让大家觉得困惑,因为有时候你常常会发现很多设计是在为了拟物而拟物,带来了很多不一致的操作体验. 谈谈书本

移动端的拟物化设计

人在处理信息,学习和记忆的能力是有限的.http://www.aliyun.com/zixun/aggregation/38214.html">现实生活中人们又会经常受到各种客观因素的影响,所以有效的降低用户的操作和学习负担能够使产品更易于被广大用户所接受.随着互联网产品设计越来越重视用户体验的今天,除了产品本身的功能的创新之外,产品与用户之间的交互体验成为各个公司追求的目标.好的设计不但在视觉上带给用户更多美的享受,同时还可以从视觉层面帮助和引导用户完成所需的操作. 一.模拟现实中的场景

UI的扁平化设计趋势与拟物化设计

  实际上是这一两年,我们可以发现越来越多的程序的GUI变得"平面化"了:google.Microsoft.facebook.甚至apple的首席设计师Jony Ive也说过苹果会开始适当扁平化一点,WWDC2013的新logo也能看出这个暗示了. 于是很多人都问,为什么会有这样的趋势了? 我认为扁平化是一个必然趋势.并不是单纯的因为审美疲劳导致的为了变化而变化,而主要是因为数码化程度越来越高的日常生活中导致的.随着时代的变化,一方面是拟物化作用越来越少而退出主流,另一方面是扁平化更适

终结拟物化与扁平化之争!

  其时的中国,正被各种社会问题所困扰,也引发了学界对于各种"主义"的主张.针对这些主义,胡适阐明了自己的态度 ---- 现在舆论界大危险,就是偏向纸上的学说,不去实地考察中国今日的社会需要究竟是什么东西--某种社会,到了某时代,受了某种的影响,呈现某种不满意的现状.于是有一些有心人,以这种现象,想出某种救济的法子. 这是"主义'的原起.主义初起时,大都是一种救时的具体主张.后来这种主张传播出去,传播的人要图简便,使用一两个字来代表这种具体的主张,所以叫他做'"某某

传iOS 7用户界面有重大改变 拟物化元素被剔除

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 iOS 7用户界面有重大改变(TechWeb配图) [TechWeb报道]4月3日消息,据国外媒体报道,著名科技博客博主约翰·格鲁布(John Gruber)日前透露,iOS 7系统用户界面(UI)将会有重大改变;为了确保iOS 7能够同新一代iPhone一起发布,苹果紧急调用OX S 10.9的研发团队到iOS部帮忙. 格鲁布称,为了确保不

互联网产品用户研究:iPad浏览器概念设计

文章描述:iPad手机QQ浏览器产品风格调研. 用研项目一般都以产品和交互为输出对象,关注研究的结论,强调理性和客观.但这是一个以视觉设计师为输出对象的研究,它更多想完成"如何让设计师感受用户"的使命,强调绘声绘色的数据描绘,同时它也是一个投射研究的案例,作为项目积累和大家分享. 项目目的: 为iPad浏览器概念设计的视觉设计提供输入,并对现有的3个视觉稿进行评估 项目程序 1,需求理解:想知道什么叫设计风格,设计师想要的是什么样的用户数据,哪些东西是能帮助他们设计 方法:基于视觉设计

用户体验设计:iPhone和iPad应用的设计

文章描述:iPad应用的敏捷设计流程. 本文翻译自<Computer Arts>中对Sarah Parmenter的访谈录. 关于Sarah Parmenter英国艾塞克斯(英国英格兰东南部的郡)Youknowwho设计工作室的创始人,Sarah Parmenter专注于网站,iPhone和iPad应用的设计.设计工作室创立于2003年.查看更多设计案例请点这里. Sarah Parmenter在访谈中介绍了她在设计列车时刻表app时的流程和设计原则.对设计师来说,iPhone和iPad是全新