苹果iPad视觉设计分析

标签: 苹果 ipad 视觉 | 发表时间:2010-08-20 20:25 | 作者:投稿 (guest) 小猪
出处:http://www.williamlong.info/

  大部分的用户都并非对体验与设计有深入研究,而是从“看着舒服、用着好用”的角度来衡量一款产品,据笔者观察一些网页设计与数码设计,发现两者之间有着异曲同工之妙,他们对用户的研究、设计发展趋势几乎是共通的,例如苹果著名的COVERFLOW,和网站设计首页焦点图展示的效果。因此,我们常提的CROSSOVER思维可以用上了,互联网与传统数码的视觉设计与交互体验可互为灵感参考。

  前言

  为什么蓝魔的设计感觉“山寨”,而苹果的设计却被无数人追捧为“艺术品”?

  为什么很多国产品牌模仿国际品牌,作品仍然缺乏吸引力?

  笔者认为,很大的原因是因为他们都缺少自己的设计理念。好的设计应该有自己的理念,如QQ概念版的设计理念是“生命力空间感时间感”,所有的设计都应该围绕理念进行,所有的模仿都应该建立在理念基础上,这是设计的灵魂。苹果的理念是简约质感;Google是技术派,看似简单却有对用户行为深刻的理解;索爱手机的UI追求精致时尚;韩系品牌大都走柔和可爱风。好的品牌都有自己的独有风格和深入理解,不管如何模仿借鉴,精髓仍在。

苹果iPad视觉设计分析

  关键词一:圆角阴影高光

  圆角、阴影、高光广泛应用于苹果产品设计和互联网设计中,这三种元素的加入,可以增加图标的“质感”。

  仔细观察一下IPAD的图标,是否很明显的体现了这三种设计元素?圆角处理,月牙型的高光像从上而下打光,字体上淡灰色的阴影(是为了防止白色字体在白色背景上看不清楚,苹果考虑很细致)。不仅是产品,苹果的LOGO设计都没有脱离这三种元素。

iPad

  我们再看看Google的chrome浏览器,圆角、阴影、高光的效果仍在(图标圆角处理、图标边缘阴影以突出立体感、鼠标移至某一图标时的高光效果)。

chrome浏览器

  关键词二:空间感

  空间感并非一个空泛的概念,而是处处体现在设计中。它的一个典型表现方式,就是打破平面感,用立体与三维方式来展现。空间感的设计一是可以增加炫酷和华丽,二是可以用于凸显重要内容。

  空间感的典型运用之一:苹果cover flow专辑封面展现方式

苹果cover flow专辑封面

  空间感运用于网站设计上,OPPO官网改版时焦点图类似cover flow效果。

OPPO官网改版时焦点图

  有了空间感的思维之后,发现常规的设计可以有非常多的突破!那就是,把每一个界面都想象成一个实实在在的物体,任我们翻转把玩!例如打破常规的图片展示,我们可以把图片翻过来,在背面写备注;使用多点触摸把图片抓到叠在一起;用便签纸的立体形式展示备忘录,随意贴在桌面的任何地方等等。

  关键词三:半透明

  半透明的设计元素是个人的一个偏好,尤其当用于菜单与边框设计时,半透明可增加灵动、深邃和通透感,别有风韵!另外,半透明也可用于当一些菜单弹出,却不想挡住背景,可把菜单设计成半透明的感觉,既美观又不干扰视觉。

植物大战僵尸

  仔细观察一下IPAD的设计,很多地方都用了半透明的元素,包括首先进入时“移动滑块来解锁”的界面边框,以及进入后的主界面边框。

  半透明元素在网站设计中也广泛沿用,比如著名的twitter。

twitter

  另一个用到半透明元素的网站。

半透明元素

  关键词四:拟物化生命力

  提起拟物化,大家首先想到的肯定是IPAD的IBOOKS书本表现方式,如同真书般惟妙惟肖,也赢得了很多用户的口碑。拟物化使用好了,可以增加亲切感,减少数码产品的冰冷感,因为用户对生活中的事物才是最熟悉的。同时,拟物化的使用,往往可以在第一眼打动用户,就是我们俗称的“惊艳”。

iBooks

  微软courier的拟物化,让数码脱离了机器冰冷的感觉。

微软courier的拟物化

  除了IBOOKS之外,三星P3里的小插件,飞舞的蝴蝶、散落花瓣的花朵、饼干人、电灯调节亮度等,其实也是试图通过生活中的事物,来增加用户的好感。

三星P3

  在网站设计中,也不难发现一些生命力的元素,如twitter的小鸟,可爱生动。

twitter

  关键词五:动态效果

  很难想象如果没有动态效果的使用,设计将会变成怎样。动态效果将会让设计更加绚丽、好玩、生动。

  仔细观察一下苹果,我深深被它界面过渡的动态效果所吸引,华丽又不失自然。例如照片删除时唰的回到垃圾桶的效果,还有书本翻页的过渡效果。

过渡效果

  灰常多人都在玩的植物大战僵尸,每种下一棵植物,它都会轻轻摇摆,是不是很可爱呢?这也是一种动态效果。

  我承认喜欢索爱的原因就是因为它的UI符合我的胃口。除了图标设计精致之外,图标周围有动态变幻的小元素,就像跳舞的精灵。

索爱

索爱

  很多网站也用动态效果来表现,如菜单在鼠标移上去时的动作反馈,不仅绚丽动感,也是给用户操作信心。

动态效果

  关键词六:拟物音效

  这里需要再提一下植物大战僵尸,仔细观察这个游戏,会发现它也闪耀着智慧的光芒,从视觉设计的生动感、每个植物与僵尸角色的设计、情节布局的环环相扣、甚至是音效的配合都有很多值得学习的地方。

  植物大战僵尸中大量使用了拟物音效,种植物时与草地摩擦的声音、子弹打到僵尸身上的响声、僵尸来临时的恐怖音效、脑子被吃掉时的哀嚎。拟物音效让这个游戏更加生动,不会苍白平淡。

植物大战僵尸

  再观察一下IPAD,翻阅图书时纸张的摩擦声、翻阅报纸时报纸的摩擦声,这个小细节让我感觉很兴奋。更加认定这个品牌是在用心做产品。

  音效的使用可以让用户更有身临其境的感觉,尤其是模拟真实的音效。

  以上是这几天的不完全观察,IPAD设计值得学习的地方还有很多,例如提示与暗示的巧妙使用、皮套的贴心设计等。笔者认为IPAD作为电脑的补充,是非常成功的一款产品(平板电脑完全替代电脑是不可能的)。至少,苹果在如今传统数码新品类发展的瓶颈时期,开拓了符合人类使用习惯的新思路,单从这点值得很多中国品牌学习。

  来源:读者微薇投稿,原文链接

评论《苹果iPad视觉设计分析》的内容...

相关文章:

统计
关于我们: 地址 - www.williamlong.info 我的Google Reader - 我的Twitter - 我的Facebook - 月光博客Twitter
月光博客投稿信箱:williamlong.info(at)gmail.com

相关 [苹果 ipad 视觉] 推荐:

苹果iPad视觉设计分析

- 小猪 - 月光博客
  大部分的用户都并非对体验与设计有深入研究,而是从“看着舒服、用着好用”的角度来衡量一款产品,据笔者观察一些网页设计与数码设计,发现两者之间有着异曲同工之妙,他们对用户的研究、设计发展趋势几乎是共通的,例如苹果著名的COVERFLOW,和网站设计首页焦点图展示的效果. 因此,我们常提的CROSSOVER思维可以用上了,互联网与传统数码的视觉设计与交互体验可互为灵感参考.

苹果宣布iPad Air 2、iPad mini 3和新款iMac

- - Solidot
苹果在10月16日举行的新闻发布会上宣布了配备Touch ID的iPad Air 2、配备Touch ID的iPad mini 3、配备5K显示屏的27英寸iMac,新Mac mini,正式发布了新一代操作系统OS X Yosemite,苹果电脑用户可免费升级. 详细信息可浏览苹果的相关产品网页. 新一代iPad的一个值得注意的新功能是Apple SIM,不需要更换SIM卡就能在不同移动运营商的网络之间切换,目前Apple SIM支持AT&T、Sprint、T-Mobile和英国的EE,但不支持美国最大的移动运营商Verizon,苹果仍然出售兼容Verizon网络的iPad.

苹果怒告 Samsung『复制 iPhone、iPad』

- Jarod - Engadget 中国版
不过第一个遭殃的对象,并不是广大的致敬机,而是 Samsung 家一海票的手机、平板;根据华尔街日报报导,苹果上周五前正式对 Samsung 提出告诉,说 Samsung 复制了 iPad / iPhone 的外观跟界面,而涉及到的手机、平板包括了 Galaxy S 4G、Epic 4G、Nexus S 以及 Galaxy Tab(七寸).

苹果开卖翻新版iPad 2

- Jack - cnBeta.COM
继iPad一代、27/21.5英寸iMac开售翻新机之后,苹果也已经通过其在线商店开始销售翻新版iPad 2. 苹果在线商店目前销售的iPad 2翻新版限提供了32GB和64GB版本,主要为AT&T或Verizon的3G机型,另外还提供了64GB Wi-Fi版本,包括黑色和白色两版.

亚马逊平板挑战苹果iPad

- raincoatrun - Solidot
苹果iPad在平板市场上一枝独秀,摩托罗拉、三星、RIM和惠普都无法再现苹果的魔法,但亚马逊是苹果棋逢对手的挑战者. 苹果买电影、音乐和电子书是为了销售iPad,而亚马逊销售平板或kindle则是为了买电子书、电影和音乐. 分析人士相信,亚马逊的平板价格在250美元左右,是基本版iPad的一半,大小为7英寸.

苹果 iPad 2 发布会全记录

- 聪 - FeedzShare
来自: iFanr 爱范儿 ♂专注于拇指设备的小众讨论 - FeedzShare  . 发布时间:2011年03月02日,  已有 4 人推荐. 北京时间 3 月 3 日凌晨 2 点整. 苹果在旧金山芳草地中心举办发布会,公布了 iOS 设备的销售情况、发布 iPad 2、iOS 4.3. ifanr 一如既往地给大家带来图文直播,我们在 Live 子站和多个社交媒体进行了同步直播,参与者有 @Faytoday、@郭磊、@Logout、@M 同学、@宁剑、@张恒.

苹果iPad网络流量占全球平板类的89%

- ivan - Engadget 中国版
网络调查公司comScore发表最新研究报告称,全球平板电脑的互联网流量89%来自苹果的iPad. 报告发现,苹果iPad在所有被调查的13个地区都占主导地位,占平板电脑网络流量的89%左右. 虽然Android平板电脑在流量上远低于iPad,不过Android智能手机的流量超过iPhone,占智能手机总流量的35.6%,苹果为23.5%.

苹果iPhones和iPad被发现会跟踪用户

- Xiao Qiang - Solidot
安全研究人员Alasdair Allan和Pete Warden发现,苹果的iPhones和3G版iPad会定时记录用户的位置信息和时间标记,并将数据储存到一个隐藏的文件中,它能通过iTunes备份到电脑中或转移到新设备中. 研究人员表示,他们不清楚苹果为什么要收集这些数据,但显然会引起严重的隐私担忧.

苹果第一亿部 iPhone 出货,iPad 也有 1500 万

- yejiyong - Engadget 中国版
我们从 2007 年初开始的旅程到今天才经过了四代产品,iPhone 就已经突破一亿部的惊人数量. )iPad 从四月开始卖的三季间,也已经冲到了 1500 万台,虽然说竞争现在才要开始,但苹果取得的领先已经是毫无疑问的了. 如同贾老自已说的:「这比所有的 Tablet PC 加起来还要多」,再挟带着 65,000 个 Apps(其实一个 Angry Birds 就够了 XD),苹果已经出招了, Honeycomb 你要怎么接呢.

传苹果9月生产iPhone 4S iPad 3 10月发售

- imxiaobo - cnBeta.COM
据国外媒体报道,科技博客网站Macotakara.jp周五援引消息人士的话报道称,苹果将于9月份的第一周开始生产所谓的“iPhone 4S”和一种新型号的iPad,发售时间为10月份. 据悉,即将投产的新款iPhone的设计以CDMA版iPhone 4为基础.