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

苹果iPad视觉设计分析

4月20日 九阙忬投稿
  大部分的用户都并非对体验与设计有深入研究,而是从“看着舒服、用着好用”的角度来衡量一款产品,据笔者观察一些网页设计与数码设计,发现两者之间有着异曲同工之妙,他们对用户的研究、设计发展趋势几乎是共通的,例如苹果著名的COVERFLOW,和网站设计首页焦点图展示的效果。因此,我们常提的CROSSOVER思维可以用上了,互联网与传统数码的视觉设计与交互体验可互为灵感参考。
  前言
  为什么蓝魔的设计感觉“山寨”,而苹果的设计却被无数人追捧为“艺术品”?
  为什么很多国产品牌模仿国际品牌,作品仍然缺乏吸引力?
  笔者认为,很大的原因是因为他们都缺少自己的设计理念。好的设计应该有自己的理念,如QQ概念版的设计理念是“生命力空间感时间感”,所有的设计都应该围绕理念进行,所有的模仿都应该建立在理念基础上,这是设计的灵魂。苹果的理念是简约质感;Google是技术派,看似简单却有对用户行为深刻的理解;索爱手机的UI追求精致时尚;韩系品牌大都走柔和可爱风。好的品牌都有自己的独有风格和深入理解,不管如何模仿借鉴,精髓仍在。
  关键词一:圆角阴影高光
  圆角、阴影、高光广泛应用于苹果产品设计和互联网设计中,这三种元素的加入,可以增加图标的“质感”。
  仔细观察一下IPAD的图标,是否很明显的体现了这三种设计元素?圆角处理,月牙型的高光像从上而下打光,字体上淡灰色的阴影(是为了防止白色字体在白色背景上看不清楚,苹果考虑很细致)。不仅是产品,苹果的LOGO设计都没有脱离这三种元素。
  我们再看看Google的chrome浏览器,圆角、阴影、高光的效果仍在(图标圆角处理、图标边缘阴影以突出立体感、鼠标移至某一图标时的高光效果)。
  关键词二:空间感
  空间感并非一个空泛的概念,而是处处体现在设计中。它的一个典型表现方式,就是打破平面感,用立体与三维方式来展现。空间感的设计一是可以增加炫酷和华丽,二是可以用于凸显重要内容。
  空间感的典型运用之一:苹果coverflow专辑封面展现方式
  空间感运用于网站设计上,OPPO官网改版时焦点图类似coverflow效果。
  有了空间感的思维之后,发现常规的设计可以有非常多的突破!那就是,把每一个界面都想象成一个实实在在的物体,任我们翻转把玩!例如打破常规的图片展示,我们可以把图片翻过来,在背面写备注;使用多点触摸把图片抓到叠在一起;用便签纸的立体形式展示备忘录,随意贴在桌面的任何地方等等。
  关键词三:半透明
  半透明的设计元素是个人的一个偏好,尤其当用于菜单与边框设计时,半透明可增加灵动、深邃和通透感,别有风韵!另外,半透明也可用于当一些菜单弹出,却不想挡住背景,可把菜单设计成半透明的感觉,既美观又不干扰视觉。
  仔细观察一下IPAD的设计,很多地方都用了半透明的元素,包括首先进入时“移动滑块来解锁”的界面边框,以及进入后的主界面边框。
  半透明元素在网站设计中也广泛沿用,比如著名的twitter。
  另一个用到半透明元素的网站。
  关键词四:拟物化生命力
  提起拟物化,大家首先想到的肯定是IPAD的IBOOKS书本表现方式,如同真书般惟妙惟肖,也赢得了很多用户的口碑。拟物化使用好了,可以增加亲切感,减少数码产品的冰冷感,因为用户对生活中的事物才是最熟悉的。同时,拟物化的使用,往往可以在第一眼打动用户,就是我们俗称的“惊艳”。
  微软courier的拟物化,让数码脱离了机器冰冷的感觉。
  除了IBOOKS之外,三星P3里的小插件,飞舞的蝴蝶、散落花瓣的花朵、饼干人、电灯调节亮度等,其实也是试图通过生活中的事物,来增加用户的好感。
  在网站设计中,也不难发现一些生命力的元素,如twitter的小鸟,可爱生动。
  关键词五:动态效果
  很难想象如果没有动态效果的使用,设计将会变成怎样。动态效果将会让设计更加绚丽、好玩、生动。
  仔细观察一下苹果,我深深被它界面过渡的动态效果所吸引,华丽又不失自然。例如照片删除时唰的回到垃圾桶的效果,还有书本翻页的过渡效果。
  灰常多人都在玩的植物大战僵尸,每种下一棵植物,它都会轻轻摇摆,是不是很可爱呢?这也是一种动态效果。
  我承认喜欢索爱的原因就是因为它的UI符合我的胃口。除了图标设计精致之外,图标周围有动态变幻的小元素,就像跳舞的精灵。
  很多网站也用动态效果来表现,如菜单在鼠标移上去时的动作反馈,不仅绚丽动感,也是给用户操作信心。
  关键词六:拟物音效
  这里需要再提一下植物大战僵尸,仔细观察这个游戏,会发现它也闪耀着智慧的光芒,从视觉设计的生动感、每个植物与僵尸角色的设计、情节布局的环环相扣、甚至是音效的配合都有很多值得学习的地方。
  植物大战僵尸中大量使用了拟物音效,种植物时与草地摩擦的声音、子弹打到僵尸身上的响声、僵尸来临时的恐怖音效、脑子被吃掉时的哀嚎。拟物音效让这个游戏更加生动,不会苍白平淡。
  再观察一下IPAD,翻阅图书时纸张的摩擦声、翻阅报纸时报纸的摩擦声,这个小细节让我感觉很兴奋。更加认定这个品牌是在用心做产品。
  音效的使用可以让用户更有身临其境的感觉,尤其是模拟真实的音效。
投诉 评论 转载

浅啖图表参数化设计信息图表设计(InforgraphicDesign),是信息设计(InformationDesign)学科的一个分支,它兴起于20世纪末信息技术介入到多样化的平面设计的过程中,……常见UI设计模式作为交互设计师在设计线框图原型的时候,熟悉常见的web设计模式很有帮助,做到“心中有数”才能创造出符合需求,用户熟知操作方式的界面来。所谓“没有必要重复发明轮子”,模式往往容易……网页设计三剑客“网页设计三剑客”可能很多新同学都没听说过,因为缔造神话的公司已经快销声匿迹。“网页设计三剑客”是Macromedia公司旗下Dreamweaver,Flash,Firewor……周鸿祎:从用户中来,到用户中去《毛泽东选集》第一卷开篇第一句话:“谁是我们的朋友,谁是我们的敌人,这个问题是革命的首要问题。”我想换一种说法,对于做互联网产品的人来说,“谁是我们的用户,谁是我们的竞争……胖梨的困惑用户在哪“返回”?本文关注的是,在不同平台上设计同一个产品,是应当进行统一设计,还是针对不同平台特性进行差异化处理?对于“iPhone和android的交互逻辑是否可以互相移植”,同行们已经讨论……创建优秀的用户界面iPhoneHIG一个优秀用户界面应该遵循一些人机界面设计原则,这些原则来源于人用户思考和工作的方式,而不是设备的性能。如果一个用户界面没有吸引力,令人费解,或不合逻辑,那么即使是一个伟大的应用……精确到像素的Web设计这句话不知道是不是我的原创(文字,不是理念),我以前经常讲,同时立即得到很多人的反对,认为这个观点不仅拖长设计周期,而且严重浪费成本,由于反对声太多太激烈,在加上有“导师”说:……浮躁的设计,你我他弥漫在中国各行业的心浮气躁,在互联网设计领域也不能幸免。视觉设计在做交互设计的事,交互设计在做产品经理的事,产品经理在做老板的事,就是没人做自己专业领域的事,并且是沉下心……产品策划流程一枚有一个关于线下活动平台的策划案例,我给下属拟定了一套流程建议,也可以拿出来讲讲。第一阶段:初期调研当我们接到一个策划活动平台的任务,按照我的习惯,通常会先找负责此事……AXURE在原型设计中的应用前言什么是原型呢?产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使……从团购网站看中国人的创新精神我一向认为大多数中国人是没什么创新精神的,对于这个论调,有些人要骂我,你就不是中国人么?没错,我是中国人,所以我就要说我自己,只有我们自己能承受别人的批评的时候,只有我们自己能……苹果iPad视觉设计分析大部分的用户都并非对体验与设计有深入研究,而是从“看着舒服、用着好用”的角度来衡量一款产品,据笔者观察一些网页设计与数码设计,发现两者之间有着异曲同工之妙,他们对用户的研究、设……
多按钮共存don’tmakemethinkTheStoryofMr。GrayWeb交互设计“灰色”的8用户是如何浏览你的网站的Pivot,信息组织的梦想之窗我给旋风找找茬社会化音乐:在夹缝中生出花来蜕变记QQ医生3。0由“标题党”谈开去。。UPA2009工作坊讲义:统一体验的设计浅析“Rich”设计模式小标点,大作用轻设计,让网站灵敏轻便的6个技巧普天同庆纪行诗其一关于现代教育示范学校内涵发展工作总结三口之家有一套万的房子月收入元姜价今日山东我是什么教案糖尿病患者如何有效的预防低血糖症状呢林生斌是否参与纵火案?众多疑点浮出水面,是巧合还是人为精神暴力是精神疾病引起的吗【歌词】再别康桥(live版)歌手:林宥嘉热议聚热点网 pok浴霸质量好不好pok浴霸质量介绍详解女性练习社交口才的技巧有哪些

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