-卷首-

此篇推文翻译了苹果爸爸的官方设计建议。

不要怕~这并不是几十页纸的iOS Human Interface  Guidelines

此文只是从交互、可读性、图片、清晰性这四个方面，给了一些设计建议，文章不长却浓缩了一些最基本的设计原理。苹果称之为 Tips（小贴士）

相信你会从文中有所收益。

p.s. “知道很多道理，却依旧过不好这一生” vs “知道很多原理，缺依旧做不好设计”，前者也许成立吧~后者未必

原文地址：https://developer.apple.com/design/tips/

UI Design Do’s and Don’ts

iOS 把用户界面设计带到了一个全新的水准（苹果式自信

译者注），它为您提供了有吸引力和独特的用户体验的良好机会。在开始编程之前，请考虑这些常见的设计概念，以增强应用程序的可用性和吸引力。想了解更多设计建议，请阅读《iOS 人机界面指南》（https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/）

格式化内容——Formatting Content

创建适合 iOS 设备屏幕的布局。用户应该看到主要内容而无需缩放或水平滚动。

触摸控制——Touch Controls

使用专为触摸手势设计的UI元素，使您与应用程序的交互变得轻松自然。

命中目标——Hit Targets

创建至少44点 x 44点的控件，以便可以用手指精确地敲击。（否则可能会出现操作不便或误操作的可能性；注：“点”即 Point，简称 pt，为 iOS 开发中使用的长度单位）

字体大小——Text Size

文字最小不得小于 11pt ，这是在通常经典的观看距离下不需要缩放也能清晰可见的标准。

对比——Contrast

确保字体颜色和背景之间存在充分的对比度，以便文字清晰可辨。

间距——Spacing

不要让文本看起来很拥挤甚至重叠。通过增加行高或字母间距来提高易读性。

高分辨率图片——High Resolution

切图要保证包含高质量的图片资源，若不包含 @2x、@3x 的切图的话，在高分屏上就会显得模糊不堪。

扭曲、失真——Distortion

始终保持正确的长宽比例，避免图片扭曲变形。

组织——Organization

创建一个易于阅读的布局，控件的位置也要靠近需要修改的地方。

对齐——Alignment

对齐文本，图像和按钮，向用户显示信息的相关性。

-尾声-

对齐、组织、间距、对比、可读性……

这些无不是基本的设计原理~

这些

大学老师也可能都在课上讲过

做设计越久越发现它们的重要性

这就是 Back to Basic 的意义

把躁进放一放

回溯根基

共勉！