万众瞩目之下,iOS7的神秘面纱终于被揭开。坊间关于iOS到底会走向“拟物化”还是“扁平化”的传言,就此也告了一个段落。自从 Jony Ive接管OSX团队来,一只就有传言,说这位工业设计大师将会将极简风格引入新版iOS的UI中,从而取代一直以来都是iOS标志性之一的“拟物化”设 计。这个传言并非子虚乌有,从年初Podcast应用中去掉精美的博朗TG 60磁带机的设计元素之后,事情就变得越来越明朗。Dribbble上也开始呈现UI扁平化的设计趋势。 可以毫不夸张的说iOS7的UI是颠覆性的。也正因如此,业界、用户对此褒贬不一。下面具体聊聊我对这套UI的一些看法。 用一句话概括这次UI的设计就是: 扁平而生动的半透明蚀刻片——Jonathan Ive对拟物化设计的诠释 扁平 从视觉的直观感受来说,谁都看得出来这次真的是够平的。既然是废话,那我们不妨换一个角度,从视图的操控和切换来看一看。随着移动应用在设计方面越来越多的 尝试,人们发现,iOS从早期沿用至今的基本界面导航方式和手势已经无法满足当代应用既要夺人眼球又要操控顺畅的需求了。越来越多的应用采用了在画面上以 立体的方式展现层叠效果的UI设计,比如iWeekly的滑动返回。多个视图并不再呈现单调的并排关系,通过对空间关系的隐喻,增强人脑对界面的记忆和认 知。 我们看到在iOS7的原生应用和基本操控上
大量采用了这种层叠式的界面,而在这个前提下,视觉上呈现扁平的层次能使UI显得更为轻巧,不容易出现厚重感。这一点在不少应用中已经得到验证了。 生动 少了纹理材质,那怎样还原出iOS基因中精美、细致的一面呢?这次Jony Ive给出的答案是生动的特效。天气应用中全屏幕的风云雨雪、Safari中更为立体的Coverflow、Siri中动态显示的声波、手机旋转时UI视 角的变化、UI滑出时的反弹震动…… 这些动态特效弥补了不少因纹理缺失带来的粗糙感。事实上,iOS7中还增加了一组名为UI Dynamics的API,使开发人员更为方便、标准地植入视觉特效。 半透明蚀刻片 新的UI中采用了大量模糊滤镜(Blur filter),也就是所谓的“毛玻璃”效果。运用这一特效,既能让UI产生通透的层次感,又能很好地分离前景和背景,清晰地将内容展现出来。 此外,iOS7中,到处都能见到“蚀刻片”的影子,该要素最为集中的地方就是新引入的Control Center,其他很多地方也能见到由细细的线条勾勒出来的各种图标。而
Apple对字体也做了调整,并且这中纤细化的设计理念还渗透到了新的HIG里 面,相信Apple软件及网站的
整体风格也会慢慢朝这个方向演进。 这种纤细的蚀刻线条,其最为直接的观感,就是让UI显得更轻盈。
但是我觉 得这似乎是Jonathan Ive的个人喜好,因为他是做工业设计的,干这行的一定知道蚀刻片是在制图和建模过程中不可或缺的一种工具。从这一点来说,也许我们并不能说“拟物化”被 去除了,只是换了另一种模仿对象而已。 新UI的
优点和槽点 优点 视觉轻盈,色彩
丰富,更显时尚气息,深得女性消费者爱戴(别忘了这可是数码设备消费的主力) Control Center的引入让操控更为简便 扁平化的设计能在某种程度上
减轻跨平台的应用设计压力 槽点 新的官方应用图标色彩饱和度过高,过于鲜亮,存在感太强,与黑色机身不太搭调(难道说真的要出彩壳了……?)不知是否正式版出来前还会有微调 对于设计师和开发人员来说,UI动画特效更具挑战,可能会导致大量加班…… 总结 尽管褒贬不一,iOS7的新UI仍然展现了UI在设计及开发工程中的推进力。也许正式公布的时候会有个别调整,但整体的基调已定。
其实要习惯一个东西往往会 比想像来得容易,开发者们先玩起来,等几个,iOS7正式发布的时候,相信
应用市场上一定会有不少与新定位相符的产品。
吐槽iOS7扁平化设计:新UI界面的优点和槽点
时间: 2024-11-22 17:24:57
吐槽iOS7扁平化设计:新UI界面的优点和槽点的相关文章
iOS7扁平化设计目的竟是为了吸引女性用户?
据国外媒体报道,科技博客主吉姆•林奇( Jim Lynch )最近称,苹果最新操作系统iOS7是专为13岁女孩而设计.尽管这听起来 有点性别歧视, 但是他的观点倒是很新鲜.iOS 7系统采用扁平化设计,颜色更加鲜艳.因此,我们不禁要问,iOS7系统真的是为了吸引更多女性用户吗? iOS7专为女性用户而设计? 在iPhone推出之前,苹果iPod用户更多是男性用户.根据Solutions Research Group提供的数据,一般的iPhone用户都是31岁男性,拥有大学学历,收入在75,600
设计师吐槽iOS7扁平化新风格:它看起来傻极了
&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp; 据外媒报道,12126.html">苹果iOS7设计颠覆了以往拟真设计而转向"扁平化",有果粉认为新设计棒极了,充满小清新风格,但同时也引来一批讨伐之声,以下便是设计师对新风格的吐槽. "它看起来傻极了",当我第一次看到iOS7的图标设计时,我被吓了一跳,作为一个简易爱好设计者,我一直在期待乔纳
iOS7扁平化设计视频 通知中心融合widgets工具
&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp; iOS6的设计十分立体,偏向模仿实物化, 不过即将推出的iOS7将会首次一改这个风格,转为Jony Ive喜欢的 扁平化和2D简约设计.究竟一个月之后揭晓的iOS7会不会就是这个样子? 这个概念设计将"简约"风格完全套用在iOS上,由锁屏开始已大大改变.除了时钟还有天气,又有几个常用的功能和应用,全部以简单 线条和图形展示.主页屏
UI的扁平化设计趋势与拟物化设计
实际上是这一两年,我们可以发现越来越多的程序的GUI变得"平面化"了:google.Microsoft.facebook.甚至apple的首席设计师Jony Ive也说过苹果会开始适当扁平化一点,WWDC2013的新logo也能看出这个暗示了. 于是很多人都问,为什么会有这样的趋势了? 我认为扁平化是一个必然趋势.并不是单纯的因为审美疲劳导致的为了变化而变化,而主要是因为数码化程度越来越高的日常生活中导致的.随着时代的变化,一方面是拟物化作用越来越少而退出主流,另一方面是扁平化更适
扁平化设计:扁平化UI套件推荐
文章描述:浅谈扁平化设计-– keep it simple. 2013可以说是扁平化设计的一年. 扁平化时代之前,设计师的作品往往非常的写实,非常的有立体感!但是现在即便是拟物设计的引领者苹果,也不得不转变设计思路,在iOS 7上开始着手扁平化设计的探索. 什么是扁平化设计? 对于设计师来说,扁平化设计是一种实打实的设计风格,不要花招,不要粉饰.从整体的角度来讲,扁平化设计是一种极简主义美学,附以明亮柔和的色彩,最后配上粗重醒目,而风格又复古的字体.扁平化设计简化了诸如按钮.图标一类的界面元素.
2013年网站建设设计新趋势 扁平化设计
自诺基亚推出新的手机UI后,就引起了很大的争议.很多不理解的用户甚至埋汰诺基亚手机UI设计师是不是没有灵感了.但是现在再看,却得到了广泛认可.这种设计思路具有多重意义,它摒弃了以往的设计风格所展现的绚丽.浮华.多彩的特点.将简约.精准在平面设计中的美学表现的淋漓尽致!不少设计师说扁平化设计所体现的更是一种更加直观的表现形式.和以前的设计形式可以说形成了鲜明的对比.更加符合现代人快节奏的生活.忙碌的人们已经没有太多的时间去发掘以往的美学表现形式.人们需要更加直白的表现形式来宣泄自己的对快节奏生活的
再谈2013年网站建设设计新趋势 扁平化设计
中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 自诺基亚推出新的手机UI后,就引起了很大的争议.很多不理解的用户甚至埋汰诺基亚手机UI设计师是不是没有灵感了.但是现在再看,却得到了广泛认可.这种设计思路具有多重意义,它摒弃了以往的设计风格所展现的绚丽.浮华.多彩的特点.将简约.精准在平面设计中的美学表现的淋漓尽致!不少设计师说扁平化设计所体现的更是一种更加直观的表现形式.和以前的设计形式可
拟真设计与扁平化设计
2013年的WWDC全球开发者大会上,万众期待的苹果ios7系统解开了神秘的面纱,就如同当年苹果ios主管Scott Forstall离职前大家所猜测的那样,曾经在苹果的设计中主导了近三十年的拟真设计(Skeuomorphism)终于告别了用户的眼睛,取而代之的是风格上更为接近扁平化设计(flat design)的界面风格.虽然被广大用户吐槽ios7是五味杂陈的混合体,但是舍弃了拟真设计的思路却是非常明显,接下来就让我们一起来看看两种设计思路的差异. 根据维基百科上对拟真设计(Skeuomorp
迷失在扁平化设计风潮
文章对现在风靡全球的扁平化设计给予了深刻的思考.牡丹花确实是很美,但如果世界上都剩下了牡丹花了,你又会作何感想呢? 本文源自Medium,本文发稿时原文在短短几天时间内已经获得了364个推荐,中文版本由天地会珠海分舵进行编译.文章对现在风靡全球的扁平化设计给予了深刻的思考.牡丹花确实是很美,但如果世界上都剩下了牡丹花了,你又会作何感想呢?这里让我们从著名乐队别安的<光辉岁月>的一句歌词开始:"缤纷色彩闪出的美丽,只因它没有,分开每种色彩--" 扁平化的盛行 伟大的UI设