闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳婀遍埀顒傛嚀鐎氼參宕崇壕瀣ㄤ汗闁圭儤鍨归崐鐐烘偡濠婂啰绠荤€殿喗濞婇弫鍐磼濞戞艾骞堟俊鐐€ら崢浠嬪垂閸偆顩叉繝闈涱儐閻撴洘绻涢崱妤冪缂佺姵濞婇弻宥堫檨闁告挻鐟х划璇差吋婢跺﹦锛熼梻渚囧墮閸楁洟宕堕澶嬫櫖濠电姴锕ら幊鎰版倿婵傚憡鐓熼幖鎼灣缁夌敻鏌涚€b晝鍔嶇紒鍌氱Т楗即宕奸悢鍝勫箰闂備礁鎲¢崝鎴﹀礉瀹€鍕劦妞ゆ帒鍊归弳顒侇殽閻愯尙绠婚柛鈺佸瀹曟ǹ顦寸紒鐘宠壘椤啴濡堕崱妤€顫囬梺绋匡攻濞茬喎顕i幖浣哥婵犫偓鍨归柊锝呯暦閹偊妾梻濠庡墻閸撶喖寮婚悢纰辨晩闁伙絽鏈崳鏉款渻閵堝啫鐏俊顐㈠暙閻g兘鎮㈤悡骞晠鏌曟径鍫濃偓鏇⑺夊鑸电厽闁绘柨鎽滈惌濠勭磼缂佹ê娴€规洘宀搁獮鎺楀箻閸撲胶妲囨繝娈垮枟閿曗晠宕滃☉銏╂晣婵炲樊浜濋埛鎴︽煙缁嬪灝顒㈤柣鎾卞劦閺屾稑螣閼姐倗鐓夐悗瑙勬礃閸ㄥ潡鐛Ο鑲╃<婵☆垳绮悵鏍⒒娓氣偓閳ь剛鍋涢懟顖涙櫠閹绢喗鐓欐い鏇楀亾缂佺姵鐗犲顐﹀箻缂佹ê浜归梺鑲┾拡閸擄箓宕ョ€n偂绻嗛柣鎰典簻閳ь剚鐗曡灋濞达綀顫夐崣蹇涙煏閸繍妯堥柡浣革躬閺岋繝宕堕妷銉т痪闂佹娊鏀辩敮鎺楁箒闂佹寧绻傞幊蹇涘箟閸濄儳纾煎璺鸿嫰閸斿菐閸パ嶈含妞ゃ垺娲熸慨鈧柍銉ュ帠濞n噣姊绘担绛嬪殐闁哥姵宀稿畷鎴﹀Χ婢跺﹥鐎梺鍛婂姦閸犳牜澹曢崗鍏煎弿婵☆垰娼¢崫娲煟閹垮嫮绉慨濠勭帛閹峰懘宕妷顬劌鈹戦埥鍡椾簻婵炵》绻濋獮鍐倷閻戞ɑ娅囬梺绋挎湰缁嬫垶绂嶅Δ鍛拺闂傚牊渚楀Σ鎾煛閸涱喚鐭掗柟顕嗙節閹垽宕楅懖鈺佸箰闂備焦鎮堕崕顕€寮插☉娆戭浄婵犲﹤鐗婇悡鍐喐濠婂牆绀堟繛鍡楅獜閼板潡姊洪鈧粔鎾倿閸偁浜滈柟鍝勭Х閸忓矂鏌涢悢鍝ュ弨闁哄瞼鍠栧畷娆撳Χ閸℃浼�     婵犵數濮烽弫鍛婃叏閻戣棄鏋侀柛娑橈攻閸欏繘鏌i幋锝嗩棄闁哄绶氶弻娑樷槈濮楀牊鏁鹃梺鍛婄懃缁绘﹢寮婚敐澶婎潊闁绘ê妯婂Λ宀勬⒑鏉炴壆顦﹂柨鏇ㄤ邯瀵鍨鹃幇浣告倯闁硅偐琛ラ埀顒€纾鎰版⒒閸屾艾鈧悂宕戦崱娑樺瀭闂侇剙绉存闂佸憡娲﹂崹浼村礃閳ь剟姊洪棃娴ゆ盯宕ㄩ姘瑢缂傚倸鍊搁崐宄懊归崶鈺冪濞村吋娼欑壕瑙勭節闂堟侗鍎忛柦鍐枛閺屻劌鈹戦崱鈺傂ч梺鍝勬噺閻擄繝寮诲☉妯锋闁告鍋為悘宥夋⒑閸︻厼鍘村ù婊冪埣楠炲啫螖閸愨晛鏋傞梺鍛婃处閸撴盯藝閵娾晜鈷戠紓浣股戦幆鍫㈢磼缂佹ḿ绠撴い鏇稻缁绘繂顫濋鐐扮盎闂佽崵鍋炵粙鍫ュ焵椤掆偓閸樻牗绔熼弴鐐╂斀闁绘劖娼欓悘锔姐亜韫囧骸宓嗘鐐差儔閺佸啴鍩€椤掑倸顥氶柛褎顨嗛悡娑㈡煕閵夈垺娅呴柡瀣⒒缁辨帡鎮╅懡銈囨毇闂佸搫鐬奸崰鎾诲焵椤掍胶鈯曞畝锝呮健楠炲﹪宕橀鐣屽幗闂婎偄娲ら敃銉モ枍婵犲洦鐓涚€光偓鐎n剛袦濡ょ姷鍋炲玻鍧楀焵椤掑嫭娑ч柟璇х節瀹曟艾鈽夐姀鈾€鎷洪梺鍛婄箓鐎氼厼锕㈡导瀛樼厽闁冲搫锕ら悘锕傛煟濞戝崬娅嶇€规洖鐖奸、妤呭焵椤掑倻鐭嗛柛宀€鍋為悡鏇熺節闂堟稑顏╅柛鏃€绮撻弻锟犲川椤撴粌浠┑顔硷功缁垶骞忛崨瀛樻優闁荤喐澹嗛濂告⒒娴g儤鍤€闁硅绻濋獮鍐磼閻愵亖鍋撴笟鈧浠嬪Ω閵壯呯嵁濠电姷鏁告慨瀵糕偓娑掓櫇缁辩偞鎯旈埦鈧弨浠嬫煟閹邦剙绾ч柍缁樻礀闇夋繝濠傚閻帗顨ラ悙鏉戠伌闁硅櫕绮撻幃娆撴焻濞戞氨娉块梻鍌欐祰椤鐣峰Ο琛℃灃婵炴垶鐟ч々閿嬬節婵犲倸鏆婇柡鈧禒瀣厓闁宠桨绀侀弳鐐烘煏閸ャ劎绠栭柟渚垮妽缁绘繈宕ㄩ鍛摋闂備胶鎳撳鍫曞箰閸愯尙鏆﹂柣鏃傗拡閺佸洭鏌i弮鍋冲綊寮查幖浣光拺閻犲洤寮堕崬澶嬨亜椤愩埄妲搁悡銈夋煟閺傛崘鑽$紓鍌涙皑閹叉悂寮崼娑掑亾娴e壊娼╅悹杞扮秿閵娾晜鐓ラ柡鍌氱仢閳锋棃鏌i敃鈧悧鎾愁潖濞差亜绠归柣鎰絻婵矂姊洪崨濠冪叆缂佸鎸抽崺銏狀吋婢跺⿴娼婇梺闈涚墕濡矂骞忓ú顏呯厽闁绘ê鍘栭懜顏堟煕閺傝儻瀚伴柍璇茬Ч楠炲洭鎮ч崼銏犲箥闂備礁鎲¢崹顖炲磹閺嶎偀鍋撳鐐

45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:iOS10的人机界面设计的趋势介绍

iOS10的人机界面设计的趋势介绍

2016-11-12 15:15:22 来源:www.45fan.com 【

iOS10的人机界面设计的趋势介绍

9月7日,Apple将会召开本年度的秋季发布会,发布的新产品包括新款的MacBook Pro、iPhone 7以及Apple Watch 2。但是我更加关注的是随着iPhone 7一起发布的iOS 10正式版,因为在之前6月份的WWDC 2016大会上,Apple就宣称iOS 10是「The biggest iOS release ever」,这次正式版的发布,Apple应该会对iOS 10给予重大的期望。

在iOS 10正式发布前夕,本文主要针对已经发布的iOS 10的人机界面设计指南(Human Interface Guidelines,简称HIG)来对比分析新老版本的iOS系统在设计上究竟有哪些改变,有哪些设计趋势值得我们注意。

先上iOS 10 官方指南的原地址:https://developer.apple.com/ios/human-interface-guidelines/

腾讯ISUX介绍

腾讯社交用户体验设计,简称ISUX (Internet Social User Experience),成立于2011年1月11日,是腾讯集团核心、全球最具规模的UX设计团队,专业成员包括用户研究、交互设计、视觉设计、品牌设计、视频动画设计、UI开发、产品设计与市场研究等,至今ISUX分布于中国深圳总部、北京、上海、成都及韩国首尔。

改变:越来越像给设计师用的「设计指南」

首先,我们先来看一下iOS 10之前的HIG历史版本记录,了解一下在以前的版本中Apple都做了些什么:

iOS10的人机界面设计的趋势介绍

图1 iOS HIG Revision History

自从iOS 7开始,每个版本的HIG都是在同一个框架中进行维护的,而且维护频率之低改动幅度之小令人发指(当然跟Apple一贯的严谨风格有关)

而针对设计部分的内容一共也只有两次改动,这种情况一直持续到iOS 9,如果你愿意把iOS 7、8、9三个版本的HIG拿出来一起看,简直就是在玩找茬游戏。

然后,我们再拿iOS 9 和 iOS 10 的HIG结构框架进行一下对比:

iOS10的人机界面设计的趋势介绍

图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章节

iOS10的人机界面设计的趋势介绍

图3 iOS HIG版本对比

5)原来的UI Elements一级目录被取消,其中的二级目录全部成为了一级目录

iOS10的人机界面设计的趋势介绍

图4 iOS HIG版本对比

6)增加了新的Resources章节,提供了PSD Templates、San Francisco Fonts和Xcode Projects的下载!这是让我觉得最有诚意的部分了!你什么时候见过Apple爸爸这么贴心了!

iOS10的人机界面设计的趋势介绍

图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重视的究竟是什么。

iOS10的人机界面设计的趋势介绍

图6 新老设计三原则对比

本文地址:http://www.45fan.com/a/question/82130.html
Tags: ios10 指南 人机
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部