iOS 12 设计要点
关于iOS 12设计要点
关于iOS 12 UI设计要点
在iOS 7之前，Apple 在iOS系统中使用了拟物化的设计风格，并在过去的5年前变得普及，而在iOS 7 之后，Apple 将设计风格转变为简约、超现实的抽象设计。和人们的认知行为有着异曲同工之效。
iOS的演变
iOS 12的典型特点
大标题
在iOS 12 中大胆的字体无处不在。由于屏幕更大，所以使用大标题更有意义。使用大字体的另一个原因是内容的易读性。
卡片
iPhone具有更大的屏幕意味着更多的内容空间。在大屏幕iPhone之前，设计是非容器化的，以便充分利用好空间。但是对于iPhone XS和XS Max，情况已经不再如此。我们可以通过使用卡片更好地组织内容。圆角卡片可以使内容看起来更具友好感。同时还可以使用模糊背景和阴影体现主体内容的深度和上下文联系。
关于iOS12 设计核心哲学要点
美学
美学代体现在应用程序的外观和交互与其功能的完美结合。例如，一个帮助人们执行严肃任务的应用程序可以通过使用微妙，不显眼的图形，标准控件和可预测的行为来保持用户对内容的专注。另一方面：如游戏需要提供沉浸式用户体验，可以提供精美、富有乐趣和令人感兴趣的UI从而鼓励用户去探索。
一致性
一致性指的是应用程序通过使用系统提供的界面元素， 简明的图标，标准文本样式和统一的行业术语来展现应用。同时应用程序给予的反馈应与用户期望的行为相吻合。
简化
在设计中，每次添加元素时，请问自己：这是必要的吗？每一个ui界面，都应有一个主体内容，不能衬托主体内容的其它元素的添加应慎重考虑。
内容最大化
内容应该填满整个屏幕。避免使用嵌套容器和滚动区域显示，以便为交互留出更多空间，使内容做到清晰易读且简约明了的交互操作。
关于颜色
使用突出的颜色来显示可交互的元素。选择正确的颜色和中性色调可以让设计更为出色。
注重内容排版
由于用户界面的简化和对内容的关注，排版将占据屏幕的50-90％。因此，选择统一具有对比的字体、字体重量、行高和字体颜色，可以为用户体验打造令人愉悦的阅读感。 在iOS App设计中推荐使用默认的字体SF-Font.dmg 和默认的行高。可参见iOS12 UI Kit Font
大胆的留白
舞台只有一个聚光灯，页面中看的越少，就越能展示其内容。不要用太多的结构或不必要的视觉元素来充满整个内容区域。
明晰
让事情变得明白。按钮就应该像按钮一样，一看上去就像按钮具有可点的冲动性，排版简约、明了、舒适。内容应清楚地描述相应的内容。
使文本具有可读性
标题应该是大而且对比鲜明的。字应简短，易于浏览。文本间距适度，每行不要太长，以避免阅读疲劳。
正文文本的最小尺寸应为11pt。最佳阅读尺寸为17pt至19 pt。屏幕标题的大小应为34磅或更大，而标题应设置为20pt到30pt。将文本与其他元素对齐并具有对比性。最后， 背后景色调对比度应大于45%以便于阅读。
使用识别性强的图标
同一套app的图标应当具有统一性、可识别性、一致性。必要时，可以在可使用图标配上文字。同时图标应导出@2x,@3x图标，若为assets为PNG。iOS Human Interface Guideline推荐使用pdf格式的图标使可不用考虑导出倍图。
注重详情页标题文字设计
在设计时每个页面都应该清楚地解释本页的作用，同时对图像的选择要慎重，应与文字描述场景相对应 。
不同颜色的含义
使用红色，绿色，蓝色和中性色调分别表示凶险性操作，肯定操作，链接和非活动链接操作等状态。
最小触控区域
可交互元素的点击尺寸应在30-60pt之间。最佳尺寸为44pt。在极少数情况下，对于文本中的链接设置为22pt，建议尽量少的使用。文本按钮可点击区域至少30pt。
纵向模式
用户经常会横向使用iPad和iPhone。在该模式下，应用程序将不会显示状态栏以及导航栏和标签栏。有时，它会在左侧显示一个额外的菜单，类似于您在iPad上找到的菜单。
深度
这是一个非常抽象的概念，在现实生活中，当您从一个房间走到另一个房间时，您清晰的感觉到你是从哪里来，要到哪里去，这样你就不会迷路。同样的概念应该应用于用户界面。在设计中应清晰的让用户感受到当前和上下文的关系。
过渡界面
界面与界面的过渡应平滑、符合用户心理预期，切勿使用花哨的动画效果
深度
这是一个非常抽象的概念，在现实生活中，当您从一个房间走到另一个房间时，您清晰的感觉到你是从哪里来，要到哪里去，这样你就不会迷路。同样的概念应该应用于用户界面。在设计中应清晰的让用户感受到当前和上下文的关系。
过渡界面
界面与界面的过渡应平滑、符合用户心理预期，切勿使用花哨的动画效果
模糊的背景
模糊不是一项发明，是存于现实生活中的，当我们专注于某事情，其它一切都会变得模糊。设计中，当我们需要表达主体内容时，非主体内容都应变得不突显，使用模糊是最好的表现手法之一。
你认为人们想要什么，乘以十便是我们应该创造的。在人们的脑海中，任何不美好的东西都不会持续一天。做得好，它会持续一生。
动画
动画不仅可以从一个屏幕转换到另一个屏幕，还可以为您的设计增添趣味性和愉悦感。它使一个原料本会被忽略的元素变得重要。
虽然在设计中鼓励动画，但不应该设计得过头。
手势
随着更大的屏幕的引入，一些按钮，手指很触及。因此使用手势可以作为手指交互的扩展。
3D触控
3D Touch允许人们快速访问应用内外的常用功能。它们使人们能够更快地完成重复性任务。但应用程序中的功能不应该仅是3D Touch独有的。没有它，您的用户同样能够正常操作您的应用程序。
好的设计是明显的
你不需要用大词来解释或过度补偿它
参考：iOS Human Interface Guideline
图来源：iOS APP: Music\app store\books\podcasts
iOS 12 UI Kits下载: Sketch
字体下载：SF-Font
设计交流QQ群：609764983
