移动端的拟物化设计

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

一.模拟现实中的场景

记得电脑游戏兴起初期…模拟飞行类游戏在画面和拟真程度上达到了当时的顶峰。在游戏中玩家可以驾乘各式飞机在极为壮观而真实的天空中飞行,可以像飞行员一样欣赏美丽的空中景色。游戏中各种仪表盘和操纵器材真实的还原了飞机驾驶舱,身临其境般的临场感使玩家欢呼雀跃。虚拟化的场景不仅带给了用户更强的视觉震撼,真实的模拟操控感也大大增强了游戏的代入感。

二.拟物化设计在移动
端的应用

模拟类游戏的发展,更多应用类产品也开始采用拟物化设计的方式。通过模拟现实生活中的场景,实物的质感,以及人们的日常行为习惯等,使产品的表现形式更加丰富有趣,操作也更加符合用户的日常习惯。随着移动设备硬件的迅猛发展,更大的屏幕尺寸和全新的触摸交互方式让我们在设计中有更大的发挥空间。更加强劲的配置也使我们有机会借助更多辅助效果提升产品的体验。

1.对场景环境的营造 烘托气氛

根据产品自身特点通过声音和视觉的模拟,营造身临其境的交互式视景的仿真,使设计更富有品质和情感。与现实的融合也更容易拉近与用户的距离使之产生共鸣,增强产品的体验乐趣和享受。

YAHOO Entertainment

主视觉以家庭影院的形式呈现给用户,皮质沙发和木制地板使画面更富有品质感,通过对场景的渲染,清晰的传达了产品的功能和用途。如散落在沙发上的综艺杂志和电影包装盒简单明了的告知栏目的内容。通过对现实生活中的映射可以让用户轻易掌握和了解产品的用途,免除学习和记忆的成本。

TIMES
如果你喜欢 Mac 上的 Times RSS 阅读器的话,那么你一定也会喜欢这款 Times for iPad,同样采用类似于报纸的阅读版面排版,界面简洁而大方。

拟物化的设计让用户在阅读时更像是在阅读一份报纸,同时又可以对订阅的内容进行添加。和布局又可以借助电子产品的优势 由用户进行自定义操作。即保持了实物的阅读乐趣 又有更加灵活丰富的内容。用户可以自行的对信息进行添加,也可以对页面的排版格式进行调整。

LOMOLOMO
是一款IPHONE手机照相软件,提供了不同的相机和镜头供用户选择。通过夸张艳丽的色彩,以及不同程度的暗角,模糊,曝光过度带给人视觉上的冲击,表现与众不同的LOMO风格。作为一款照相软件 LOMOLOMO在拍摄时的视觉界面模拟了相机的构造。常用的功能排布与真实相机相似,直观明了。拟物化的设计在满足用户拍摄的需求的同时,又享受到了拍摄的乐趣。

AmpliTube
通过对调音台及录制设备的质感提炼,使是产品更具专业感。更易于相关人士所接受。

2.模拟现实中物品的使用习惯

观察和了解人们在现实中的生活习惯,并将其移植到产品当中可以使产品更加平易近人,也符合用户的认知和习惯。

IBOOK
成列书籍的书架,放大镜,通过触碰模拟的拖拽纸张效果 ,都真实的还原了现实生活中人们对于读书的理解和习惯。即生动有趣又符合用户对于阅读理解。降低了人们额外的学习和适应成本。

DAYS
手机中的记事本和日历延续了生活中的实物形态,纸质的质感使用户使用起来更加亲切。

三.小结

对用户日常生活和行为习惯的研究和提炼,可以帮助我们在设计的时候方向更加明确。通过拟物化设计的手法可以使我们的产品表现形式更加多元化,让产品可以融入更多情感。对现实中行为习惯的模拟和映射,通过视觉语义表达产品的功能和技术特点,也有助于用户更加轻松便捷的完成操作,减少产品与用户之间的隔阂。

转载请注明出自”百度MUX”

时间: 2024-09-21 05:34:13

移动端的拟物化设计的相关文章

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

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

视觉设计:iPad拟物化设计

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

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

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

苹果的拟物化设计?

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

iPad拟物化设计的博弈

1024X768 VS 320X480 320X480是iPhone的http://www.aliyun.com/zixun/aggregation/10134.html">屏幕分辨率,而1024X768是新发布的平板设备iPad的屏幕分辨率.凭着这组分辨率的变化以及初窥iPad的外观,会觉得iPad不过是只"放大版"的iPod-touch,一致的制作工艺,连"Home"键未做改变原封不动摆在了屏幕下方,似乎又被"戏谑"了一把.然

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

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

传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部帮忙. 格鲁布称,为了确保不

拟真设计与扁平化设计

2013年的WWDC全球开发者大会上,万众期待的苹果ios7系统解开了神秘的面纱,就如同当年苹果ios主管Scott Forstall离职前大家所猜测的那样,曾经在苹果的设计中主导了近三十年的拟真设计(Skeuomorphism)终于告别了用户的眼睛,取而代之的是风格上更为接近扁平化设计(flat design)的界面风格.虽然被广大用户吐槽ios7是五味杂陈的混合体,但是舍弃了拟真设计的思路却是非常明显,接下来就让我们一起来看看两种设计思路的差异. 根据维基百科上对拟真设计(Skeuomorp

PS手把手教你绘制一枚拟物化水晶纽扣

  如何绘制逼真的高光?如何创造立体的感觉?今天分享一个简单水晶纽扣的教程,仅仅利用图层样式跟画笔就可以绘制出精美的高光+3D感,最适合UI设计刚入门的同学了,练习的时候要不断去思考高光和阴影的关系,以及实物的状态,这样才能短期内快速进步呦! 或许入门的PS学徒们都曾经试图制作过诸如一滴水.一个气球或一只苹果这样的拟物玩意儿的设计.通常让人感到迷惑的是,为什么我们要画一个苹果而不是用照片拍下一个苹果再把它抠出来?我的答案是,学习是没有捷径可走的.比较快速的做法当然同样可以达到效果,但它带来的收获