干货 | iOS 设计原则及组件化分享

作为UI设计,如果iOS设计规范的一些基础知识不了解的话,做App时就显得不是那么专业,今天我们就了解一下iOS设计原则:

iOS的设计主题

为了保持界面设计和程序设计的统一性,iOS用三个主要的主题来与其他平台做区分:

清晰

在整个系统中,各种大小的文字都清晰易读,图标精确而清晰,装饰物微妙而恰当,对功能的高度关注激发了设计的灵感。负空间,颜色,字体,图形和界面元素巧妙地突出了重要内容并传达了交互性。

遵从

流畅的动作和清晰美观的界面可帮助人们理解内容并与之互动,而从未与之竞争。内容通常会填满整个屏幕,而半透明和模糊通常会暗示更多内容。很少使用边框,渐变色和阴影可以保持界面明亮通风,同时确保内容至关重要。

深度/有层次

独特的视觉层和逼真的动作传达了层次感,赋予了生命力并促进了理解。触摸和可发现性增强了人们的愉悦感,使他们能够访问功能和其他内容而不会丢失上下文。当您浏览内容时,过渡会提供一种深度感。

iOS六大设计原则

为了最大限度的扩大苹果的影响力,苹果一直遵循以下原则:

1.审美完整性。

审美完整性表示应用程序的外观和行为与其功能的集成程度。例如,可以帮助人们执行重要任务的应用程序可以通过使用微妙,醒目的图形,标准控件和可预测的行为来使他们专注。

2.一致性

一致的APP通过使用系统的界面元素,熟悉的图标,标准的文本样式和统一的术语来实现熟悉的标准和范例,该应用程序以人们期望的方式结合了功能和行为。

3.直接操作

屏幕内容的直接操作可以吸引人们并促进理解。用户在旋转设备或使用手势影响屏幕上的内容时会经历直接的操作。通过直接操作,他们可以看到其操作的直接可见结果。

4.反馈

反馈确认行动并显示结果以使人们保持了解情况。内置的iOS应用程序可响应每个用户操作提供可感知的反馈。轻触时,交互式元素将突出显示,进度指示器传达长时间运行的操作的状态,动画和声音有助于阐明操作的结果。

5.隐喻

当一个app的虚拟对象和动作都是对熟悉事物的隐喻时(不管基于现实世界还是数字世界),用户学习的更快。

隐喻在iOS系统中发挥的很好,因为用户是直接与屏幕产生物理交互的。

用户移动视图来查看更多的内容;拖拽内容;切换开关、移动滑块并且直接滚动来选取值;甚至可以像翻书或杂志一样轻快翻页。

6.用户控制

最好的应用可以在使用户受益与避免不必要的结果之间找到适当的平衡。应用程序可以使人们熟悉和可预测的交互元素,确认破坏性的动作,并使其易于取消操作(即使他们已经在进行中),从而使人们感到自己处于控制之下。

iOS的适配规范

平常的设计的时候一般都是新建一个375*667的尺寸,然后导出@2x,@3x图来适配其他机型。

导出完美适配适配总结:

iphone XS max 导出 @3x (3倍图)

iphone XS 导出@3x (3倍图)

iphone XR 导出@2x (2倍图)

iphone X 导出@3x   (3倍图)

iphone 8p 导出@3x (3倍图)

iphone 8  导出@2x (2倍图)

iphone SE 导出@2x (2倍图)

所以iphone机型不管怎么变基本的适配方式不会有大的改变,这就我们喜欢iphone的原因之一,很规范,很统一。


以上iOS的原则及主题,在Apple官网人机界面准则可以查看:

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

这里小胖准备了iOS 13的组件化规范,在组件化越来越重要的今天,可以下载参考,了解了iOS的设计准则,在设计我们自己App时就不会那么迷茫了。

关注公众号“高效设计笔记 ” 回复“ iOS 13 ”领取组件库。

喜欢的朋友可以关注一下,每周都会推荐好用的设计知识和设计素材,给设计加点料儿。

你可能感兴趣的:(干货 | iOS 设计原则及组件化分享)