勤思科技获数千万元天使轮融资，进一步拓展海事、航道运营综合智能平台发展
06-17
雷锋网注：作者烎先森本文来自腾讯社交用户体验设计部，简称ISUX。
原文发布于ISUX博客，雷锋网已授权。
9月7日，苹果将召开今年秋季发布会。
发布的新品包括新款 MacBook Pro、iPhone 7 和 Apple Watch 2。
不过我更关心的是随 iPhone 7 一起发布的 iOS 10 正式版，因为在之前 6 月份的 WWDC 大会上，苹果宣称 iOS 10成为“有史以来最大的 iOS 版本”。
随着这个正式版本的发布，苹果应该对 iOS 10 抱有很大的期待。
在 iOS 10 正式发布前夕，本文主要针对发布的 iOS 10 人机界面指南（HIG）进行对比分析iOS系统新旧版本的设计变化和设计趋势。
值得我们关注。
变化：越来越像设计师用的《设计指南》。
首先我们看一下 iOS 10 之前的历史 HIG 版本记录，了解苹果在之前的版本中做了什么： 图 1 iOS HIG 修订历史 从 iOS 7 开始，各个版本的 HIG 都在同一框架内进行维护，并且频率维护成本如此之低，以至于改动的幅度小得惊人（当然，这与苹果一贯严谨的作风有关），而设计部分的内容完全只有两次改动，这种情况一直持续到 iOS 9。
如果你愿意把 iOS 7、8、9 的三个版本的 HIG 拿出来一起看，那你简直就是在玩一个找不同的游戏。
那么，我们来对比一下 iOS 9 和 iOS 10 的 HIG 结构框架。
图 2 iOS HIG 版本对比 几乎是完全不同的结构框架！三年没碰过，三个版本的框架已经开放了。
我相信苹果的设计师不会只是因为无聊而做这种事情。
对于像苹果这样严谨、有强迫症的公司来说，它所做的一切都必须有一个理由。
这传递出一个信号：iOS 10的设计将会出现“重大改变”，苹果也希望通过设计来做出改变。
以获得更多用户。
让我们深入到具体的章节，看看有哪些变化： 1）增加了之前没有的交互章节（主要内容是软件、硬件和用户之间的交互） 2）原来的图标与图像设计章节（主要内容）是系统中不同情况下图标设计的定义）更名为Graphics章节，优先级上移 3）原iOS Technologies章节（系统中的新技术）更名为Technologies章节，优先级上移下 4) 原 UI 设计基础章节中的动画/品牌/颜色/布局/字体内容专门提取出来，生成新的 Visual Design 章节 5) 原来的 UI Elements 一级目录已取消，全部二级目录变成一级目录 图4 iOS HIG 版本对比 6) 新增资源章节，提供PSD模板、旧金山字体和Xcode项目的下载！这是让我感到最真诚的部分！你什么时候见过苹果爸爸这么体贴啊！苹果的设计师也对内部细节进行了翻新和拓展。
这里不再赘述，但确实值得详细研究。
门户网站在这里：世界上最先进的移动操作系统提供您所需的一切，以实现美观的设计、充满力量且简单的引人入胜的应用程序。
我个人的感觉是，之前的HIG似乎是为非设计师/个人开发者写的，这样即使他们缺乏专业的设计师，也能保证产品的基础。
经验;现在的HIG更像是给专业设计师的一封信，这表明整个移动互联网行业已经成熟，专业分工越来越细，专业化程度越来越高。
用户和行业对于设计的要求，设计对于产品的重要性已经达到了一个新的水平。
非常重视设计的苹果也变得更加关注设计，试图像当年的iOS 7一样在设计和体验上带来新的节奏。
附：走在这个方向最前沿的是 Google Trend of Material Design，早在 2014 年就发布了：大、简单、简约、精致。
HIG最重要的设计原则仍然是永远不变的Reference。
/清晰度/深度。
但不知道大家有没有发现，出现了一个非常微妙的变化，那就是万年老二的清晰法则这次成为了老大。
具体原因只有苹果的设计师知道（似乎是来自用户投诉），但从结果来看，“清晰”的设计原则应该是未来的设计趋势和重点。
另外，设计原理讲解的内容也有所增加。
别以为苹果一下子就从冰山美人变成了话痨。
内容的增加恰恰告诉我们苹果所看重的是什么。
图6 新旧设计三大原则对比 在清晰度原则中，增加了解释：留白、颜色、字体、图形和界面元素应强调重要内容并引导交互。
让我们提取关键字、内容、空白、颜色、字体和界面元素。
从描述来看，界面的内容将成为苹果关注的焦点，其他关键词则起到传达内容的作用。
但具体是如何实施的呢？其实WWDC大会上展示的Apple Music已经告诉了我们答案： 图7 Apple Music改版的答案是：加大字体！粗体！添加更多空白！减少页面的视觉层次结构！另外...扩大控制！ ！ ！锁屏播放界面中，播放和音量控件明显放大，控件之间的间距也加大，大大降低了被误触的概率。
图 8 修改了锁定屏幕播放，并为重要的控件赋予了颜色。
新控制中心的按钮具有不同的颜色，以使其更加明显的区别和视觉关注。
同样，按钮也放大了很多，Night Shift、AirPlay 和 AirDrop 被分离出来。
出来。
图 9 控制中心修订版。
这样的优化出现在更多的界面中。
我们以新版本地图为例：首先是控件位置的变化。
原来的“起点”从规划路线的底部移至右侧，更加明显。
并且与路线本身有更强的相关性；集中在顶部的所有操作都移到了底部，让用户在大屏手机上的操作更加方便，无需上下移动手指即可完成所有操作。
然后是控件形式的变化。
原来的“开始”从纯文字的Label变成了绿色的按钮，给了用户更强的视觉引导。
另一个细节是，文案也从原来的“开始”变成了“开始” 图 10 苹果地图改版 这些改进有一些共同点： 1. 通过调整字体大小和粗细，帮助用户理解界面的层次结构并增加更多的留白，取代以往扁平化元素的分割和分层，是构建界面架构的一种方式，从而使界面更加扁平化，内容更加突出。
此外，有一定程度视觉障碍的用户（色盲/色弱/老年人）也可以无障碍使用。
2、放大按钮尺寸、改变按钮布局、赋予按钮不同颜色，提高用户对可操作内容的认知度，降低点击操作难度，让界面与用户的交互更加友好。
引用苹果在其辅助功能指南（Accessibility Guideline）中的描述，就是“你查看你能做什么”和“我们让按下所有正确的按钮变得容易”。
当然，这些改变解决了一些问题，但也带来了一些新问题，比如 Apple Music 中内容显示效率的下降。
原来可以显示6个相册的界面现在只能显示3个相册。
不过目前发布的还是Beta版，不知道正式版中是否会修复这些问题。
不过，“史上最大的iOS版本”，iOS 10当之无愧 |比 Apple Music 做得更早、更彻底的 Airbnb 似乎不仅仅是苹果试图做出这样的改进，这种趋势已经开始蔓延。
比如苹果今年4月推出的Airbnb新设计，几乎完全放弃了原来基于图片基板的设计，取而代之的是大面积的留白和粗体放大的文字，而且底部标签的高度也有所增加。
当然，相当多，而且按钮也更大一些。
全新的设计去除了任何可能对用户造成视觉干扰的东西，变得极其纯粹。
图11. Airbnb改版作者的朋友JJ-Ying也在他之前的博文《后扁平时代》i18n和L10n中详细分析了Airbnb的改版。
他在文章中引用了Airbnb新设计的一个有趣的描述““比互动草稿更多的互动草稿”，但他在文章中更关注的问题是：在这样的趋势下，字体设计与产品品牌之间的关系以及设计师在进行本土化和国际化设计时遇到的挑战。
|另一家搭上这辆巴士的公司是 Instagram。
紧接着 Airbnb，Instagram 发布了他们的新 LOGO 和新设计。
我们暂且抛开对新LOGO褒贬不一的评价，主要看UI上的变化：Ins去掉了表头和底栏的颜色，并以粗体文字区分内容结构，取代了之前添加的方式文本到文本。
颜色方法（如：用户昵称、点赞数）。
图12 Instagram重新设计的设计总监Ian在Medium上解释了重新设计：“我们的新图标已经足够丰富多彩（确实非常丰富多彩......），所以我们更喜欢应用程序中的颜色来自用户上传。
照片和视频，然后我们排除影响用户内容显示的干扰。
” |结论可以用一句话来概括：“大而简、简而精”。
在这种趋势下，未来的设计将更加注重产品内容和操作体验，减少其他因素对用户使用的干扰。
这对设计师来说是一个很大的挑战，因为越是简单的东西，设计起来就越困难。
尤其是界面设计中如何把握“大”和“简”的程度，如何通过更加有限的手段和空间传达更多的信息、引导用户达到“精”的目标，是我们未来所需要的。
不断被思考、探索和解决的问题。
参考引文：iOS 人机界面指南 - AppleiOS 辅助功能指南 - AppleWhy iOS 10 中的控制中心有意义 - Darin Dimitroff Apple 在 iOS 10 中的新设计风格是对辅助功能的声明 - Connor MasonComplexion Reduction: A New Trend In Mobile Design - Michael Horton?i18n后扁平化时代的 L10n - JJYingiOS 10 中的新音乐应用：大胆而令人困惑的混乱 - Sébastien Page 大、大胆、美丽：Apple 的设计语言正在 iOS 10 中发生变化 - 社区的 Serenity Caldwell - IanLeifeng.com 注：转载请联系我们授权，并保留出处和作者，内容不得删除。
版权声明：本文内容由互联网用户自发贡献，本站不拥有所有权，不承担相关法律责任。如果发现本站有涉嫌抄袭的内容，欢迎发送邮件 举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。
标签：
相关文章
06-18
06-17
最新文章
Android旗舰之王的过去与未来
智能手表不被开发、AR眼镜被推迟，Meta的产品经历了一波三折
为什么Cybertruck是特斯拉史上最难造的车？
更新鸿蒙3后，文杰允许你在车里做PPT了
新起亚K3试驾体验：追求“性价比”，韩系汽车仍不想放弃
阿维塔15登场！汽车配备了增程动力，理想情况下会迎来新的对手吗？
马斯克宣布创建 ChatGPT 竞争对手！ OpenAI的CEO给他泼了冷水， GPT-5可能会发生巨大变化
骁龙无处不在，是平台也是生态