1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技

时间:2020-06-18   分类:交互设计    作者:网络   来源:网络整理   点击:153

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技 www.9fen.net

九分网络

@C7210 :在今年 WWDC 期间看到一些设计方面的分会视频,便萌生出要做这样的中文图文版本。其实过去每年的 DC 分会都有几场不错的设计主题演讲,印象中 2017 年的基础设计原则专题,以及 2014 年的快速原型专题等等,都非常值得学习。 copyright 9fen.net

或许是因为 WWDC 分会视频的获取成本较高,且多是缺乏字幕的英文原声,所以一直以来没见到太多同学在关注,也蛮遗憾的。现在我来推一下好了,就从今年的「What’s New in iOS Design」开始。

www.9fen.net

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技

www.9fen.net

九分网络

其实近来也看到有朋友在做关于这场分会的内容,不过更像是要点提炼。演讲者在内容的骨骼之间填充了很多有价值的细节信息,不仅关于「how」,更在于「why」。我会把所有这些内容都涵盖进来,尽可能还原完整的现场。 本文来自九分网络

本场演讲人是 Apple Design Evangelist 团队的 Mike Stern,话题涉及「深色模式」、「卡片视图」和「情境菜单」三大方面。由于整体篇幅较长,我们在本期首先聚焦于「深色模式」。Mike 从设计体系、颜色、材质、系统控件、SF Symbols 等若干方面的新变化入手,对「深色模式」相关主题进行了从内到外的详细诠释。

copyright 9fen.net

随着 iOS 13 的到来,我们设计和开发 app 的方式将会发生细微而又重大的变化。

内容采集来自9fen.net

深色模式将改变我们对颜色、图标图形及文字内容的处理方式。

www.9fen.net

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技 内容采集来自9fen.net

本文来自九分网络

新的卡片风格面板将会改变模态视图的默认呈现方式及操作方法。 copyright 9fen.net

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技

www.9fen.net

copyright 9fen.net

新的情境菜单可以帮助用户快速访问与当前内容相关的情境化功能选项。 九分网络

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技 本文来自九分网络

九分网络

接下来,我们将围绕这三个主题进行详细的探索。首先来看深色模式。

九分网络

去年,我们为 macOS 带来了深色模式,受到了人们的欢迎。其实多年以来,影像视频类产品通常都在使用深色界面,以帮助用户更清晰地聚焦于内容本身。 九分网络

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技 本文来自九分网络

九分网络

深色界面非常适合于光线条件较暗的环境,因为我们的眼睛能够更加轻松地在界面与周围的环境之间进行切换。此外,出于个人喜好,很多用户也更加倾向于使用深色界面。 copyright 9fen.net

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技 copyright 9fen.net

本文来自九分网络

iOS 中的深色模式使用纯黑色作为背景色,为文字内容及其他前景元素提供最高对比度。此外,纯黑背景色在视觉效果上可以和设备框体无缝融合,使整个界面看起来更加开阔,仿佛与硬件融为一体。 copyright 9fen.net

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技

本文来自九分网络

内容采集来自9fen.net

一般而言,所有 app 都应该支持深色模式。当人们将系统切换为深色模式之后,自然会期望每一个 app 的外观都随之进行改变。 内容采集来自9fen.net

关于 iOS Design System

深色模式的设计适配涉及到整个 iOS 设计体系的进化。目前,iOS 设计体系已经面向 iOS 13 进行了全面的翻新。这里简单诠释一下,所谓「设计体系」,大体是指以符合特定逻辑及一致性的方式整合在一起的一系列界面组成元素,包括颜色、字体、图形等等。一套合理、一致的设计体系将有助于你构建出更加易学易用的 app。基于 iOS 设计体系构建的 app 自然能使 iOS 用户感到熟悉易懂。 copyright 9fen.net

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技 九分网络

内容采集来自9fen.net

在进入正题之前,我还想和各位分享我们的设计团队在 iOS 设计体系翻新过程中的一些主要设计目标。 copyright 9fen.net

图解WWDC 设计分会:iOS 13 设计新特性(1)--九分科技

copyright 9fen.net

copyright 9fen.net

首先,也是最首要的,我们希望 iOS 依然能够保持人们所熟悉的样子,并符合长久以来的操作直觉。

本文来自九分网络

我们希望 iOS 具备更好的内部一致性。所有的内置 app 都已进行重设计,以保持彼此之间的统一。期间所运用到的新设计特性也正是我们在接下来的正题当中将要进行了解的。 copyright 9fen.net

我们希望新的设计体系能够提供一系列的颜色选项,以便构建更加清晰的信息层级,使最重要的元素得以突显,而次要元素则适度弱化。 九分网络

标签: iOS WWDC beforweb iOS 13 WWDC大

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----