移动设备端的拟物化设计

移动开发 移动应用
好的设计不但在视觉上带给用户更多美的享受,同时还可以从视觉层面帮助和引导用户完成所需的操作。本文我们将向大家介绍移动端的拟物化设计。

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

一.模拟现实中的场景

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

模拟现实中的场景

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

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

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

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

YAHOO Entertainment

YAHOO Entertainment

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

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

TIMES

TIMES

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

拟物化的设计

 

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

LOMOLOMO

LOMOLOMO

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

AmpliTube

AmpliTube

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

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

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

IBOOK

IBOOK

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

DAYS

DAYS

三.小结

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

责任编辑:佚名 来源: 百度MUX
相关推荐

2012-11-23 08:40:15

拟物化设计苹果

2013-05-17 16:58:12

Card UI拟物化UI设计

2015-08-03 11:39:20

拟物化进度条

2013-09-04 09:59:33

拟物化UI设计扁平化

2011-03-07 13:50:20

2011-07-07 13:12:58

移动设备端设计注意力

2013-07-03 08:51:09

iOS7UI设计扁平化

2013-09-23 09:34:14

iOS 7图形界面

2017-01-19 19:43:53

2012-02-01 15:12:09

交互设计移动设备

2011-12-09 20:15:17

Flash

2010-11-08 12:46:36

UI设计产品经理

2016-01-05 09:45:57

设计版式

2021-07-14 09:45:24

设计师约束布局界面布局

2013-06-17 10:37:54

产品设计移动设计产品规划

2013-08-05 10:59:47

移动端产品设计移动应用市场

2017-01-19 17:37:00

iOS移动端架构设计

2022-05-25 11:24:25

CalendarNutUI移动端

2011-06-22 10:38:40

产品设计

2011-05-16 11:17:35

设计推送
点赞
收藏

51CTO技术栈公众号