童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

iPad拟物化设计的博弈

9月25日 遭人厌投稿
  1024X768VS320X480
  320X480是iPhone的屏幕分辨率,而1024X768是新发布的平板设备iPad的屏幕分辨率。凭着这组分辨率的变化以及初窥iPad的外观,会觉得iPad不过是只“放大版”的iPodtouch,一致的制作工艺,连“Home”键未做改变原封不动摆在了屏幕下方,似乎又被“戏谑”了一把。然而深入到界面设计的变化,iPad程序的界面并未做简单的放大处理(如下图:iPhone和iPad上日历软件界面的对比)
  同样是日历软件,iPad上日历程序通过纸张肌理,布局调整等变化,整体给人的视觉印象是一本可以翻动的“记事本”。同样类似的拟物化设计被大范围运用到iPad程序上,给界面带来了全新的面貌和革新。谈起拟物化界面设计,一直有在使用,而且伴随着图形化界面的产生发展过程,诸如界面图形语意,质感,肌理都是拟物化的体现,一个最简单直白的例子就是按钮往往被设计成中间凸起的样子去引导用户去“按”。
  iPhoneiPad界面的空间感
  广义地说,整个iPhoneOS也是被拟物的,触摸屏幕是平,但我们从触摸屏看到是凹凸有致的一个桌面世界,或者说更像是一个房间(如下图),这个房间有一套自己光照系统。延续Macos界面的光源系统,主光源是垂直方向90度的光照,它决定了这个空间里物体的阴影方向、倒影、反光面等等;
  当中不得不提房间中的物体桌面图标,这些圆角小方块起到了很重要的角色。相比一般操作系统桌图标处理方式的五花八门。iPhoneos为了统一各图标风格,下了“狠招”:统一圆角化处理,垂直90度阴影,还有头部一道反射高光。而这些样式默认是通过程序来强制实现的,这样也就看到了具有相对统一光照环境的房间。由于这些样式是默认开启的,这样也就方便了一般开发者花少量的功夫就能让程序拥有相对美观的程序图标,(附注:当然你实在觉得应该让自己的程序图标不同凡响,也是可以自定义样式的。具体见iPhone人机界面指南如何自定义桌面图标章节。)iPhoneOS这套光照系统的影响是无处不在的(在进行Apple平台相关设计时务必留意:)),这里抓个实际例子按钮中的文字效果:浅色和深色按钮,在里面文字的处理效果是不一样的,统一的是文字是被凹刻在按钮上的。在浅色按钮上,文字90度向下方向有一道白色反光;而在深色按钮上,文字90度向上方向有一道阴影。对比如下图:
  拟物到拟真
  同样使用的是iPhoneOS,iPad在拟物化设计上表现的更强烈,更使用了拟真的动画过程,一个典型的例子即是iBook程序的使用,模拟了用户从书架上选取一本书,打开书本,阅读文字,翻动页码整个过程随意自然。iPad不是“变形金刚”,受到本身硬件的局限,它不能真的变成一本书来翻阅,而可以通过软件的优势来解决硬件上的这个局限,使用虚拟的操作体验来缩小阅读体验的差异。日常生活已经积累了大量的使用操作习惯,拟物化可以方便的进行体验移植,一看到界面,就知道大致该怎么用了。
  IM如何拟物?
  在实际QQforiPad版本的界面设计中,一开始的疑问就是,可以联系到IM聊天软件的实际物体是什么?把聊天记录作为文字材料积累下来,可以做成一本回忆录,这倒也是一种拟物,但有时即时通讯强调的却是即时聊天的过程,做成一本回忆录还有待商榷,前期也只是以概念稿子做了尝试;在最终浮出水面的主界面设计中,为了营造相对惬意的聊天环境,在细节处理上进行了一些拟物尝试,例如聊天的多tab,保留了常用书本标签方式;发送图片时图片的边框处理使图片更像是呈现在面前的照片等。如下图:QQforiPad版本的主界面设计
投诉 评论 转载

社区媒体和网站的九个关键性界面特征系统模型接近用户的心智模型是优秀界面的主要作用。一般而言,可用性衡量网站交互方式的难易程度,也是衡量网页设计的重要标准。本文总结了社区媒体和网站的关键性特征,举例讨论了这些设计……10条可用性方面的启发译序:这篇文章是可用性大师JakobNielsen在10年前总结的,到今天仍然受用。通过这个时间跨度,可以得出,可用性话题不是某个时代的产物,一些研究经验时至今日也依……互联网产品需求管理杂思2需求收集互联网产品需求管理思考1统一需求管理需求收集是进行产品需求管理的第一步。需求收集得到的各种用户需求素材是产品需求的唯一来源。可以说需求收集的质量影响着产品最终的质量。……手机交互设计原则在设计e指通客户端和wap2。0页面时,积累些手机交互设计经验,不断总结,理清设计思路。以下设计总结出手机交互设计原则,仅供参照。屏幕手机屏幕尺寸分为物理尺寸和显示……iPad拟物化设计的博弈1024X768VS320X480320X480是iPhone的屏幕分辨率,而1024X768是新发布的平板设备iPad的屏幕分辨率。凭着这组分辨率的变化以及初窥iPad……WAP产品设计:删除确认不能少引:删除操作要不要再次确认?在WEB设计里,这个问题其实以前很多设计大拿都写过,也有些优化方法,真是各有各的好处。今天要说的是在WAP产品设计中的状况,前一阵改版站内消息……如何精简用户界面简洁、易用、友好、直观。这些词语经常被提及,但在执行过程中经常被遗忘。这是因为软件功能的复杂性所导致的。如何处理好软件的复杂功能往就可以决定它的命运。一个复杂的界面会让用户不知……购物车会增加用户购买中的迷惑,是一个能不做则不做的部分题目简单归纳:网站上,类似购物车这样增加用户困惑的部分,可以不放。这是一个非此即彼的武断结论,本篇短文主要质疑这种流行论调(xxx功能让用户提问很多,目前也没多大用,不必放)是……10个有用的网页应用程序界面技术阅读本文英文版(英文编辑:SmashingM翻译、校对:LucasLi)近年来,越来越多的桌面应用程序移植到互联网上面的。没有了平台限制和安装要求且作为一……微软雅黑字体设计分析一雅黑设计理念雅黑字体是为微软公司设计的屏幕显示汉字。它具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。在当今数字化时代更是用途广泛。这副字可以说是科技进步……闲言碎语:甲方乙方不知道你有没有这种疑问:那些“大公司”(特别是在传统行业中)里面的设计师看上去好像挺轻松的,平时貌似不太忙,有任务了可以寻找设计外包,而且经常指点江山。这种状态让很多从业小白羡……信息构架的若干原则(第一部分)本文不准备重复讨论Web信息构架过程中的细节(比如,搜索框应当放什么地方),这些细节很多文章都讨论过了。我们把重点放在与网站信息构架的相关核心原则和方法上。适当的使用这些原则可……
电商APP应用设计应注意的5个要点地图进化论:能否开启“三级火箭”模式?我在AppStore三年中学会的13件事情中国式“阅后即焚”,应该这么玩Evernote是如何把忠实用户转化为付费用户的什么样的产品背后,是什么样的用户那些年我们一起遇到的用户访谈失控局面创业者,做你自己!(硅谷归来7点分享)“饿了么”凭什么值1亿美元?把“屌丝”外卖做透!不做让开发人员讨厌的产品经理一个互联网产品经理自我修养经验谈个人密码安全策略
决胜千里成语故事懒熊买西瓜图iOS端Cortana升级全新用户界面和更人性化设置短发造句用短发造句大全孕晚期不规则宫缩怎么办TCL98大屏全网销量第一,引领智能电视走向大屏时代山东5口之家的中秋家宴,在朋友圈火了,网友羡慕,家里有矿血性羊水是什么有翡地煞是最大反派吗地煞什么时候下线苹果手机appleid查定位吗(如何免费查手机定位)家长如何对急性宝宝进行正确的教育方式妈妈拒绝参与孩子的成长会怎样

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界