广东会

ios的视觉设计特色有哪些(ios的视觉设计特色在哪)

发布时间:2023-01-24 16:57:45 作者:定制工业设计 31

  态势:大而简,简而精  在HIG东齐县最重要的设计原则的部份,依然是一万年维持不变的Deference(顺服)/Clarity(明晰)/Depth(广度)  但是不晓得大家有没有特别注意,当中有了两个十分微小的变动,就是一万年老大的Clarity(明晰)原则,这次成了老大。

  发生改变:愈来愈像给设计Vaubecourt的「设计手册」  首先,他们先来看呵呵iOS 10以后的HIG历史版记录,了解呵呵在从前的版中Apple都做了些什么:  图1 iOS HIG Revision History

自从iOS 7开始,每个版的HIG都是在同两个架构中展开保护的,而且保护频率之低更动幅度之小经典产品设计无耻(当然跟Apple一贯作风深圳产品的外观设计的细致风格有关)  而针对设计部份的文本总共也只有两次更动,此种情况一直持续到iOS 9,如果你愿意把iOS 7、8、9四个版的HIG拿出一起看,简直就是在玩找茬格斗游戏。

  然后,他们再拿iOS 9 和 iOS 10 的HIG结构架构展开呵呵对照:  图2 iOS HIG版对照  几乎是完全相同的结构架构!  经过三年以及四个版都品乐版过的架构被开了刀,我相信Apple的设计师绝对不是因为闲的无趣才智出此种事的。

对Apple此种细致且焦虑症的公司来说,做每件事必然有其原因,这里面传递出了两个信号:iOS 10的设计会发生「重大发生改变」,而Apple也期许通过设计的发生改变来获取更多经典产品设计的深圳产品的外观设计使用者  让他们把视点再深入到具体的段落中,看看都有些什么变动:。

  1)减少了以后没有过的Interaction段落 (主要文本为硬件与使用者的可视化)  2)原本的Icon and Image Design段落(主要文本为控制系统中相同情景下的icon设计定义)更名为Graphics段落并且错误率下浮

  3)原本的iOS Technologies段落(控制系统中的新技术)更名为Technologies段落且错误率上移  4)原本UI Design Basics段落中的动画电影/品牌/色彩/布局/字体的文本专门抽取出生成新的Visual Design段落

图3 iOS HIG版对照  5)原本的UI Elemen深圳产品的外观设计ts二级产品目录被经典产品设计取消,当中的二级产品目录全部成为了二级产品目录  图4 iOS HIG版对照  6)减少了新的Resources段落,提供了PSD Templates、San Francisco Fonts和Xcode Projects的浏览!这是让我觉得最有魄力的部份了!你什么时候见过Apple爸爸这么周到了!

  图5 减少的Resources段落  Apple的设计师对内部的技术细节文本也展开了翻修和改建,在这里就不约勒了,但是确实值得大家细看去研究一番的,半条命在此:iOS 10 Human Interface Guidelines

我个人的感觉是,从前的HIG像是所写非设计人士/个人开发者的深圳产品的外观设计,使前年的他们在缺乏专精设计师的条件下经典产品设计也能保证产品的基础体验;现在的HIG更像是所写专精设计师的,说明了移动互联网整个金融行业已经成熟,职业社会分工愈来愈细,职业联赛程度愈来愈高,而使用者和金融行业对设计的要求、设计对产品的重要性也达到了两个新的高度。

  而重视设计的Apple变的更加关注设计,试图像前年iOS 7一样,在设计和体验上带新一波新的节奏  P.S. 在这个方向上走在前茅的是早在14年就发布了Material Design的Google  态势:大而简,简而精

在HIG东齐县最重要的设计原则的部份,依然是一万年维持不变的Deference(顺服)/Clarity(明晰)/Depth(广度)  但是不深圳产品的外观设计晓得大家有没有特别注意,当中有了两个十分微小的变动,就是万经典产品设计年老大的Clarity(明晰)原则,这次成了老大。

具体原因也只有Apple的设计师晓得了(貌似是来自于使用者吐槽),但是就结果来说,「明晰」这一设计准则应当会是以后的设计态势和重点  另外,对设计原则的解释的文本也增多了,不要以为Apple突然抽风从冰广东会人变成了话痨,增多的文本恰恰告诉了他们Apple重视的究竟是什么。

图6 新老设计三原则对照  在Clarity(明晰)原则中,减少了一段解释:留白、色彩、字体、图形和界面元素要强调重要文本并且对可视化展开指引  他们抽取呵呵当中的关键字,文本、留白、色彩、字体、界面元素,从描述来深圳产品的外观设计看,界面的文本将成为Apple关注的重点,其他关键字都是为文本的传达而服务的经典产品设计。

但是,具体到底是怎么实施的呢?  实际上在WWDC 2016大会上展示的Apple Music已经告诉了他们答案:  图7 Apple Music改版  答案就是:加大字号!加粗字体!加多留白!减少页面的听觉层级!

另外还有……加大控件!!!在锁屏播放界面中,播放和音量的控件都被明显放大了,并且控件之间的间距也被加大了,大大降低了被误触的概率  图8 锁屏播放改版  以及给重要控件赋予色彩新的控制中心的按钮都有了相同的颜色,从而让他们具有更明显的区分度以及听觉特别注意度,同样的,按钮也被加大了不少,Night 深圳产品的外观设计Shift、AirPlay和AirDrop更是被独立了出。

  图9 Control Center改版  这样的经典产品设计优化出现在更多的界面中,再以新版的地图为例:  首先是控件位置的变动,原本的“开始”从底部移动到了规划路线的右侧,变的更加明显并且与路线本身产生更强的关联性;集中在顶部的操作也全部被移动到了底部,在大屏手机下的使用者操作变的更加便捷,手指不用上下来回移动也能完成所有的操作了。

然后是控件形式的变动,原本的“开始”由纯文字Label变成了两个绿色的按钮,对使用者产生了更强的听觉指引,还有个技术细节就是文案也由原本的「Start(开始)」 变成了 「Go(出发)」  图10 Apple M深圳产品的外观设计ap改版

  这些改进具有一些共同点:  1. 通过对字体大小和粗细的调整以及更多的留白来帮助使用者理解界面的层级架构,取代了以后使用平经典产品设计面元素的分割和分层来构建界面架构的方式,从而让界面变的更加扁平,文本更加突出。

另外,让具有一定程度听觉障碍的使用者(色盲/色弱/老年人)也能够无障碍的使用  2. 放大按钮的尺寸、发生改变按钮的布局、赋予按钮相同的色彩来提高使用者对可操作文本的认知,降低点击操作的难度,使界面与使用者的可视化行为变的更友好。

引用Apple在它的Accessibility Guideline(无障碍手册)中的描述就是「You view what you can do」 和「We make深圳产品的外观设计 it easy to push all the right buttons」。

  当然,这些变动解决了一些问题,但是带来了一些新的问题,比如在A经典产品设计pple Music中,文本展示效率的下降,原本能够展示6张专辑的界面,现在只能放下3张不过目前发布的依然是Beta版,不晓得在正式版中是否会Fix这些问题。

  但是,「The biggest iOS release ever」,iOS 10名至实归  比Apple Music做的更早更彻底的Airbnb  似乎不光是Apple一家在试图展开这样的改进,此种态势已经开始蔓延。

比如Airbnb在今年4月份上线的新设计,几乎完全舍弃了原本以图片衬底为深圳产品的外观设计主的设计,换成了大面积的留白和加粗加大的文字,底tab的高度也加高了不少,当然,按钮也加大了一圈  全新的设计去掉了任何可能会给使用者带来听觉干扰的东西,变的极度的经典产品设计纯粹。

  图11 Airbnb改版  好友JJ-Ying也在前段时间的博文「后扁平化时代」的 i18n 和 L10n中详细的分析了Airbnb的这次改版,引用文章内两个有趣的描述Airbnb的新设计是「比可视化稿还可视化稿」,不过他在文中更多关注的问题是:在这样的态势下,字体设计与产品品牌的关系以及在展开本地化与国际化设计时设计师所遇到的挑战,感兴趣的同学可以点上面的链接阅读。

另外两个搭上这班车的公司就是Instagram  几乎深圳产品的外观设计是紧接着Airbnb的步伐Instagram就发布了他们的新LOGO和新设计对褒贬不一的新LOGO他们暂且放在一边,主要还是看看UI的变动:  Ins去掉了头栏和底栏的颜色,通过加粗经典产品设计文字的方式来区分文本结构,取代了以后通过给文字添加颜色的方式(如:使用者昵称、获赞数)。

  图12 Instagram改版  Ins的设计总监Ian在Medium上对这次改版的说明是:“他们的新icon已经足够colorful了(确实十分colorful……),所以他们更希望App内的颜色是来自于使用者上传的照片和视频而不是App本身,然后他们就把影响使用者文本展现的干扰给干掉了。

”  结语  总结成一句话来深圳产品的外观设计形容这股态势就是「大而简,简而精」  在这股态势下,未来的设计将更注重产品的文本和操作体验,降低其他因素对使用者使用上的干扰,这对设计师来说,是不小的挑战,因为越简单的东西越难设计,特别是如何在界面设计中去把握「经典产品设计大」和「简」的程度以及如何通过更有限的手段和空间来传达更多的信息和指引使用者来达到「精」的目标,这是他们在未来需要不断考虑、探索和解决的问题。

  0  5  分享到:  0  喜欢他,就推荐他上首页吧^_^