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

iPad拟物化设计的博弈

4月12日 发如雪投稿
  1024X768VS320X480
  320X480是iPhone的屏幕分辨率,而1024X768是新发布的平板设备iPad的屏幕分辨率。凭着这组分辨率的变化以及初窥iPad的外观,会觉得iPad不过是只“放大版”的iPadtouch,一致的制作工艺,连“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版本的主界面设计
  拟物与现实
  相信随着多点触摸技术的发展以及大触摸屏相关产品的面世,拟物化的设计会被运用得更广,但同时应该保留一种清醒:不管如何的拟物,虚拟的体验终究还是来源于真实生活的实际体验的积累。传统书籍到现在还被保留,也是有一定存在的道理:)
  参考文献:苹果iPhone人机界面设计指南在线版
  http:developer。apple。comiPhonelibrarydocumentationUserExperienceConceptualMobileHIG
投诉 评论 转载

像素艺术大家是否还记得1983年任天堂的著名游戏《超级玛丽》里那个留着胡子的意大利水管工人,还有日本konami公司1987年发行的射击游戏《魂斗罗》里两个壮硕无比的上等兵比尔雷泽和兰……互动传媒带你进入网络的互动视界铛铛铛自从3月来了CDC实习,一直处于很亢奋的状态,看到这么多的QGG和QMM在这栋奇幻的大厦里每天充满活力和斗志的辛勤工作着,我也悠然起敬的想快点加入激情一把好咯开场说完,让……从混乱到秩序关于比例与构成的设计探讨抛出第一个问题:当你不能把它做得更美的时候,问题出在哪里?我们还有没有其它办法突破和超越现有的设计瓶颈呢?让我们走进神奇的自然界,走进KimberlyE……妄想or未来?界面的虚拟现实化当1980年ThreeRivers公司第一次推出图形用户界面Perq,产生GUI这个概念的时候,不知道他们有没有想过今天图形界面设计竟然会发展到这个地步。而那之前,所谓计算机界……整整合合IntegratedDesign又到了写作文的时候,依然开始于脑袋一片空白无从下手。似乎我的脑袋从来都是走简约风格,那就得小题大做的无中生有。无中生有就需要想象了,想象就要把记忆和五感一一拆散,拾起几块拼起,……创意与公益我们现在所了解的公益,是通过各种公益活动、公益基金、公益网站等途径等方式参与到公益中来。很多人只知道通过捐助来帮助其他人。可是,捐款并不是改变贫穷的唯一办法,也……触摸未来的QQ概念版设计QQ概念版经过一年的秘密研发,终于掀开了她的神秘面纱,向世人展现了她的真实面目,做为一个全新的产品,以及内部封闭秘密研发的众多因素,可能很多人想了解这个QQ概念……秋风萧瑟,洪波涌起,QQ电脑管家冷漫秋袭凉秋虽至,我们的QQ电脑管家却热度不减,各大功能犹如洪波涌起。于是乎,QQ电脑管家冷感漫画在CDC一角应运而生!当你为系统的种种故障抓狂到爆肝时,一个低八度的声音就这么神……越简单越丰富极简网页设计视觉呈现技巧如何让杂乱又咄咄逼人的网页变得轻薄简洁而美观,又需保留完整功能、同时很好的区分出重点模块?这往往是让设计师困扰纠结之源;如何更好的将多余的元素、色彩、形状和纹理剔除,保留重点并……当视觉设计师遇上产品经理、开发工程师。我是一个初入互联网的视觉设计师,和以往做设计感受最大的不同就是:一个设计的最终定稿会受到多方面的挑战,有来自产品经理的,来自开发的,来自测试的等等。那如何在其他团队成员的面前不……Hello!404404是一个http错误代码,即请求的网页不存在。代码404的第一个“4”代表客户端的错误,如错误的网页位址;后两的数字码则代表着特定的错误讯息。就是当用户输入了错误的链接时,……iPad拟物化设计的博弈1024X768VS320X480320X480是iPhone的屏幕分辨率,而1024X768是新发布的平板设备iPad的屏幕分辨率。凭着这组分辨率的变化以及初窥iPad……
Axure教程:用Axure实现简书、微博的下拉刷新效果深入挖掘:注册登录可能没你想的那么简单电商营销产品策划:分享功能,可以怎么玩?PRD修炼真经卷三:一份标准化产品需求文档的逻辑思路9个方面分析:上瘾模型驱动场景化设计如何进行商品分类,用户才会买单?P2P平台预约投标功能分析推送系统从0到1(二):了解你的用户反馈机制这样设计,才能不让用户厌烦APP动效设计必备知识如何收集整理应用商城中的用户反馈“得到”站内搜索功能优化设计
教大家灌篮高手手游巅峰赛玩法攻略及巅峰赛规则讲解野生动物园游玩注意事项有哪些国乒9将抽得上上签,女单包揽4强不是梦,张本智和再遇强敌爆笑,幽默的很不一般哟!为梦想而奋斗如何画迪士尼公主我的全家福作文400字青海湖朝圣之路至纯至美的情怀随笔走进2021关于幼儿园我是一个大苹果教案小个子女生,有哪些显高的穿搭秘籍?如何让自己的生活如我们所愿?

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