行业关键字
UI设计UI理论和资料 → 正文
拟真设计(Skeuomorphism)
作者: cnbata 来源: 视觉同盟 时间: 2012年11月26日

拟真(Skeuomorphism)是一种人们常在iPhone、iPad甚至Mac应用上经常碰到的东西。它非常容易被发现,主要由苹果公司先是将其用到iOS的用户界面设计上,然后扩展到了OS X Mountain Lion桌面系统上。接下来给大家扫除一下对拟真的各种不解,指出一些错误。读完此篇,相信大家都不会再觉得它高深莫测。

拟真是什么?定义、举例等

拟真的定义:“模仿另一物品上相似的人工部件或者功能”。这个定义非常宽泛,没有局限在用户界面设计这一个方面,比较重要的地方是其模仿对象不是大自然,而 是人工制品。现实世界里也有很多例子,比如形同火焰的球茎灯泡(模仿人工制品蜡烛火焰),带有类似大理石或者木质涂层的地毯(模仿人工制品大理石地板和木 质地板),一些瓶子上没什么用处的小提手(模仿杯子)。你应该发现:拟真其实是一种装饰。

拟真就是我们常说的仿真吗?

两者并不一样,最大的区别:拟真的对象是人工制品,仿真(Simulation)的对象是自然物品。

Find My Friends没有用到拟真设计!

苹 果iOS上的Find My Friends应用的用户界面并没有使用拟真设计,因为找不到一个这样的类似人工制品:上面缝了线的棕黄色柯林斯式的皮革纹理。尽管美学上非常独 特,Find My Friends的状态、工具栏是基于不存在的物品而设计的,和另外两个使用了拟真设计的应用Calendar和Contact完全不同。

如果不明白,还可以这么理解:Find My Friends现实中就没有这么一个找朋友的东西存在,它没得借鉴。

1984年的Mac电脑就用了拟真设计

现在iOS使得拟真设计在用户界面中非常流行,其实1984年的Mac电脑上就出现了这种设计:计算器、软盘、垃圾箱等。当时拥有图形界面的操作系统对于大众来说还是一件新鲜事物,为了使用户更容易理解与熟悉各个软件的功能,苹果的设计师们想到了拟真,并一直沿用至今。

一年以后,微软抄袭苹果,在1985年11月份发布了带有拟真设计的Windows 1.0。

拟真设计的好处在哪?

不管用没用亚麻布或纸质纹理,可以打包票的是目前iOS上的每一个应用都使用了拟真设计,比如按钮、翻页等元素。拟真设计还扩展到了非视觉方面,比如Camera和Photo Booth的快门声音,向用户传达了正在拍摄的讯息。

将 拟真设计作为应用里富有价值的成份,会使用户很舒服。比如令人印象深刻的iBooks会吸引驻足Apple Store的消费者们,另其忍不住买下一台iOS设备回家慢慢翻阅——完全不需要说明书。这是一个将产品做的非常直观的例子,视觉上、操作上都像是一本真 正的书籍。

在App Store上出售应用,有两点必须记住:

1、大家都会“以貌取人”,图标很重要2、截图很重要

第 一点这里不细说,下次开文详述。开发者希望自己的应用视觉上极具吸引力,而真正的考验就在应用截图上。用户大多会选择一个拥有认真打磨的拟真界面的应用, 而不是同类型的那个标准界面的应用。他们会觉得拟真应用上手会更快、使用也更方便,质量能比肩使用了拟真设计的苹果官方应用。

拟真设计为何还会受人批评?

批 评人士甚至也赞同:iBooks的拟真设计的确非常棒。但在哪些情况下令人更快上手的设计会被批呢?例子是iPad和Mac上的Contact应用。 Contact的用户界面和真实的地址簿(虽然现在用的不多了)几乎一样,但使用时给用户的感觉完全不是那么回事。这也是批评人士诟病最多的地方:形似神 不似就是一坨粑粑。

Contact 的用户界面给人一种有很多页的感觉,但是当添加很多联系人的时候,还是在左边单页上出现了下拉条!也就是说,这个应用是没有翻页功能的,我们被骗了。另 外,在Mac或者iPad上多用一下该应用就会发现,界面完全就是为了好看而存在,操作感和普通应用毫无二致。

给UI设计师的拟真设计建议

拟真设计要适当,太迷恋很容易走入极端。拟真设计要有全局观,不能因为比渐变色彩好看而采用纹理图案,要与应用的操作以及内容等多个方面一致才能使用。不管用什么设计方法,时刻都要记住:为产品创造个性才是UI设计师最重要的使命之一。

原文链接:拟真设计(Skeuomorphism):你需要了解的所有东西

(责任编辑: 彭文娇

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版