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

硅谷设计师看苹果交互设计趋势:如何适应大屏?

11月3日 楚倾云投稿
  笑天涯说:苹果终于顺应市场潮流,推出了大屏手机,而且销量前所未有的火爆!苹果大屏手机的推出,必然影响其交互设计的改变,其中有怎样的趋势?请看硅谷设计师的看法!
  今年夏天,我在美国硅谷Cupertino的苹果总部度过了难忘的3个月,主要负责苹果网站的用户体验设计和用户交互设计,借此机会分享一下我对于苹果当前设计趋势的理解。
  扁平化而又不缺乏支撑感
  扁平化设计(FlatUI)从2000年开始就已经悄悄开始影响互联网产品,最先引起人们注意的是2005年前后微软公司提出的Metrodesignphilosophy,旨在通过增加排版设计弱化图形设计来简化用户交互界面,随后被广泛应用在Xbox系列,Windows8,WindowsPhone等设计中。而在过去几年谷歌公司也逐渐将自己的产品扁平化。
  终于,从去年夏天iOS7开始,苹果开始通过重新设计扁平化所有产品,这其中也包括我这个夏天正在参与的苹果网站的扁平化进程。
  三大互联网巨头都毫不犹豫的进行了大范围的产品扁平化改版,主要原因是通过减少不必要的阴影、图案、纹理结构和梯度感的影响,从而使得交互界面体验变得更轻。
  而与此同时,要想做好扁平化设计,必须要在背景设计上巧妙构思,提供很好的支撑。比如苹果的官方网站,通过背景色块儿微妙的变化以及字体的对比,提供了非常清晰的支撑结构。比如苹果官方网站这个导航菜单的设计,主导航栏和子导航栏之间,导航栏和内容之间分别以背景色块区分,从而明确了层级并增强了支撑感。
  大而不失节奏
  如果对比苹果网页的界面,iPhone6延续了iPhone5s的风格,图片变大了,用了更细的字体(扁平化),字号也更大了,这和现在互联网信息流图片化趋势,视觉上引起张力的表现。
  然而随之也带来问题,主要是大图带来的拥挤感和杂乱无章。苹果在这方面设计时特别强调节奏感,我们可以从下面的小例子中看到通过手机的倾斜角度位置以及文字和图片的分栏设计,使得图片和描述文字并不显得拥挤杂乱。
  新款iPhone,细微处有新的体验
  新版iPhone虽然屏幕大了,但长宽比例并没有调整,这对于设计师来说是天大的好事,大大降低了响应式设计(responsivedesign)的难度,除此之外,新版iPhone在细微处也有一些有意思的新的用户体验设计。
  比如在iPhone6Plus大屏的用户界面设计上,提供了横版显示新的交互界面,充分利用了用户的视野,这也为大屏幕的交互体验增加了更大的拓展空间,例如例子中短信栏在横版中增加显示了发件人头像。
  同时为了增大大屏手机单手触摸的范围,iPhone6Plus提供了快速切换屏幕位置方便触摸上方屏幕的用户体验,为大屏手机增分不少。
  还有就是HealthKit在新版iOS上的呈现,使得未来iOS设计师在Infographics上的设计能力更加的重要了,图形解说大数据将成为未来苹果设计师的新的创新点。
  也谈手表的交互设计
  大家都在讨论AppleWatch能否能和iPod一样成功,我觉得可穿戴设备成功的关键在于是否能够给予用户手机不能提供的全新的交互体验,这也是可穿戴设计让人们感到兴奋得地方。
  AppleWatch最让我感到兴奋的时心跳和指尖传情的功能,这一点很有Yo的风格,这种全新的体验拉近了手表和人的交互,也增加了手表病毒传播的能力。也有人开玩笑说苹果手表的这项功能是为了中国人开发的,原因显而易见。我们中文博大精深,一屏一汉字,比掏出手机发送短信方便很多,这种全新的信息传递方式正是由手表屏幕新的交互方式引发而出现的。
  同时我也不得不吐槽一下AppleWatch做的不好的一点,就是沿用了iOS对于照片浏览的功能和界面,把iOS图片缩略图直接搬到手表上显然是不理想的一种方式,眼睛都看花了。
投诉 评论 转载

从优秀到卓越!交互设计师怎样理解信息架构?(下)接上文:从优秀到卓越!交互设计师怎样理解信息架构?(上)二、自然结构(organicstructures)“自然结构不会遵循任何一致的模式。节点是逐一被连接起来的,……从优秀到卓越!交互设计师怎样理解信息架构?(上)今天分享一篇交互设计高级教程,关于产品信息架构的思考,这方面是交互设计师成长的一个关键点,也是交互设计大局观的锤炼基石,文章很有深度,值得用心学习。这篇适合交互设计或者对交互设……导航和搜索之间的相互协调摘要:把网站的搜索栏置于导航栏上,这种不怎么好的实现方式会让用户在查询上投入更多的精力。我们有经常会谴责现在一种用像汉堡一样的菜单键来取代全局的导航栏,我们可以发现……设计师要画草图小编推荐:关于对用户体验草图绘制的体会,我们的导师,草图绘制大师KateRutter教会了我们如何通过草图将自己的创意呈现于纸上。下面是为大家分享一些能够用于快速、有效绘制草图……如何从3个方面判断是否做交互动画编者按:IOS7出来后,交互动画立刻成为设计师的抢手货,有关动效设计的教程都趁势火了一把,但是很少有人讨论到底该不该做交互动画,如果做,为什么?今天终于有同学分享了他的观点,一……iOS8人机界面指南(一):UI设计基础1。1为iOS而设计(DesigningforiOS)iOS的革新关键词如下:遵从:UI能够更好地帮助用户理解内容并与之互动,但却不会分散用户对内容本身的注意力。……硅谷设计师看苹果交互设计趋势:如何适应大屏?笑天涯说:苹果终于顺应市场潮流,推出了大屏手机,而且销量前所未有的火爆!苹果大屏手机的推出,必然影响其交互设计的改变,其中有怎样的趋势?请看硅谷设计师的看法!今年夏天,我……如何巧妙恰当地隐藏界面的设计一句话总结:你刚好不经意地出现,而这正是隐藏的意义。在这个信息爆炸的社会里,信息过载已成为常态,为了提升用户使用效率,处理界面的信息层次是每个设计师都要面……从苹果官网细看20年设计变迁史在过去很长一段时间,苹果都一直以自己流线型、极简风格的工业设计闻名全球。而97年乔布斯带着NeXT团队荣归苹果之后,这家传奇企业重获新生,它的高速发展的这个阶段也和互联网快速普……一个资深设计师的多年感悟每个设计师都在纠结中挣扎,我们的甜蜜,兴奋,郁闷,敏感,来自生活,来自设计,来自每次完成一个页面后的反馈,来自每次回看的满足和成就,这些词汇已经融入到我生活与工作的点点滴滴,有……设计师版式宝典!从零开始教你掌握网格系统学会和理解如何排版是成为一个设计大师中超级重要的一部分,有很多刚入门的设计师并不了解网格系统,也不会利用网格系统来校准元素在画面内的位置,让画面更加平衡。网格系统为什么这么好用……汉堡图标并非最佳菜单方案用户体验设计不是忽悠,也许5分钟口水攻势能让前台小妹觉得你的设计非常高大上,但是要让每一个用户对着屏幕上的UI欲罢不能以身相许还需要数据支撑。难道不是么?用户体验设计和可……
微时代颠覆性的5大巨变不要被骗,带你看看产品经理的真实状态!品牌,请别再扮演英雄了!一秒钟法则:来自腾讯无线研发的经验分享儿童产品网站可用性研究【产品经理手册】产品经理问答微软SEANGABRIEL大部分创业者失败的最大原因:注意力分散O2O市场存缺口小企业、创业者仍有机会周鸿祎:我认识的沈南鹏比较儿童与成人的可用性研究Donews、36氪等这些互联网媒体网站有什么差异吗?移动社区和传统互联网社区有什么不同?
春天的桃花作文3篇期待的眼神作文范文三篇牙膏的16个妙用海冰对气候变化的影响离婚官司的财产保全的用处?散文人间至此秋色尽,淡然迎新冬云昊现身直播,否认二审结果将出,公开嘲讽杜新枝,直言熊磊太蠢孔子的《论语》何为论语?热议聚热点网 25岁辣目洋子出圈,打脸了多少明星的美貌热搜?家用脱毛仪有副作用吗脱毛仪使用不当危害大酒鬼小重山(四之三)

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