0%

iOS 设计主题(迟来的总结)

摘要

iOS 设计主题(迟来的总结)

博客

原帖收藏于IT老兵博客

前言

尽管之前写过iOS的程序,但是没有像当年(注1)学习安卓那样,去学习一下iOS的设计理念,等了这么久,今天在这里补充一下对设计理念的学习。

这篇文章感觉比较重要,我尽量逐字翻译一下,感觉这样学习得就会更加深刻一些。

注1:

这里是指2013年,记得那会学习安卓的设计理念,有一句话让我印象很深,让便捷流于手纸,而安卓是偷师于苹果的设计,这里更需要好好研究一下苹果的设计了。

正文

iOS Design Themes

As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you’ll need to meet high expectations for quality and functionality.

作为一个 app 的设计者,你是拥有机会去交付一个非常特别的产品,可以跃升到 App Store 图表的顶部的(这里应该是指 App Store 的排行吧)。为了做到这个,你需要去满足对于质量和功能性的很高的期望。

Three primary themes differentiate iOS from other platforms:

iOS相较于其他平台的三个主要的不同的主题:

  • Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design. Negative space, color, fonts, graphics, and interface elements subtly highlight important content and convey interactivity.

  • 清晰。遍历整个系统,text 在每一个尺寸上是清晰的,icons 是精确和清晰的,adornments 是微妙和合适的,一个轮廓很清晰在功能上的聚焦激励着设计。负空间(怎么理解?),颜色,字体,图形,和界面元素微妙地使重要内容高亮并且传递着互动性。
    这里的几个单词需要单独学习一下:
    legible
    lucid

  • Deference. Fluid motion and a crisp, beautiful interface help people understand and interact with content while never competing with it. Content typically fills the entire screen, while translucency and blurring often hint at more. Minimal use of bezels, gradients, and drop shadows keep the interface light and airy, while ensuring that content is paramount.

  • 顺从。流动性的动作和一个美观的界面会帮助人们理解并且和内容进行互动,而永远不用和它竞争(这里怎么理解?就是这个设计让用户很排斥?)。内容很典型地填充了整个屏幕,而半透明和模糊经常给予更多的提示。最小程度地使用 bezels(怎么理解?),gradients, 丢弃掉 shadows 来让界面变得 light 和 airy,保证内容是最重要的。
    deference

  • Depth. Distinct visual layers and realistic motion convey hierarchy, impart vitality, and facilitate understanding. Touch and discoverability heighten delight and enable access to functionality and additional content without losing context. Transitions provide a sense of depth as you navigate through content.

  • 深度。明确的可视化的层级和现实化的动作传递着层级,给予活力,和便于理解。触摸和可发现性提高了乐趣,使得可以对于功能的和额外的内容进行访问,而不丢失上下文。过渡提供了深度的感觉,当你在内容间浏览的时候。

总结

总体感觉,这篇文章全文翻译起来有些难度,还有一些术语没有搞清楚,还需要继续补充。

参考

https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/