国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

图文版 WWDC 设计分会:iOS 13 设计新特性(1)

发布时间:2019/08/11标签:   流行趋势    点击量:

原标题: 图文版 WWDC 设计分会:iOS 13 设计新特性(1)

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

或许是因为 WWDC 分会视频的获取成本较高,且多是缺乏字幕的英文原声,所以一直以来没见到太多同学在关注,也蛮遗憾的。

现在我来推一下好了,就从今年的“What’s New in iOS Design”开始。

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

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

iOS 13 设计新特性 – 暗黑模式

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

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

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

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

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

深色模式

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

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

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

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

关于 iOS Design System

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

版权信息Copyright © IT技术教程 版权所有    ICP备案编号:鲁ICP备09013610号