ios设计尺寸规范_iOS平台设计规范精简总结篇

最近花了一个多月的时间阅读、整理iOS人机界面指南(简称HIG)，起因是发现在招聘岗位要求上，“熟悉iOS/Android/Web端设计规范”频繁被提及，接下来准备细读Material Design，有时间后续都会分享出来。

在语言表达上，HIG很多用词都比较偏技术了，设计师阅读起来会比较吃力，如果能和iOS开发小哥哥一起研究，效果更赞。读完的确会有一种醍醐灌顶的感觉，让你在产品设计上会更有底气。

当然，官方规范仅供参考，不必完全依赖，该个性起来的咱还是得个性～

一、设计主题及原则

要想设计出一款优秀的APP产品，最好遵循以下设计原则。

文章详细请点击：iOS平台设计规范(一)主题

二、APP架构

关于产品架构这一块，HIG主要讲述了APP由始至终的整体性结构和功能，以及需要遵循的一些原则。

文章详细请点击：iOS平台设计规范(二)架构

三、交互

关于用户交互这一章，HIG讲得很细，有些可能很少用到的，可以选择性阅读(包括3D 触控、声音、认证、信息输入、手势、反馈、触觉、文件处理、近场通信和撤销重做)。

以下是我认为比较通用和常用的模块，整理一些重点列了出来。

文章详细请点击：iOS平台设计规范(三)交互

四、视觉

关于视觉设计，HIG主要从适配及布局、品牌、颜色、字体、术语、动画、视频七个方面给出指导，尤其值得UI设计师熟读、参考。以下也是挑出几个常用的模块进行总结。

文章详细请点击：iOS平台设计规范(四)视觉

五、图标和图片

在这一章，详细说明了图标的大小尺寸和设计规范。对于初入门的UI设计师会是个很好的指引。建议细读图标大小和分辨率、应用图标、自定义图标这三块，下方有文章详细链接。

文章详细请点击：iOS平台设计规范(五)图标与图片

六、栏

三大界面要素之一 -- 栏(Bars)。

文章详细请点击：iOS平台设计规范(六)栏-Bars

七、视图

三大界面要素之一 -- 视图(Views)。

文章详细请点击：iOS平台设计规范(七)视图-Views

八、控件

三大界面要素之一 -- 控件(Controls)。

文章详细请点击：iOS平台设计规范(八)控件-Controls

九、扩展

本章主要讲述了iOS系统下一些可以扩展、自定义的功能，包括自定义键盘、主屏幕快速操作菜单、消息发送、照片编辑、共享操作和小组件。

文章详细请点击：iOS平台设计规范(九)扩展

整个的iOS人机界面指南，我都整理在了石墨文档里，大家可按目录自行查看，有表述不对的地方，欢迎指正。以下是石墨文档链接：

https://shimo.im/docs/sQPwwvmjqoogo5In

十、建议

建议每一个产品经理、交互设计师、UI设计师、开发工程师都细读一遍iOS人机界面指南。

之前我忽略了开发这块，后来在与iOS开发同事交流过程中发现，他们其实在规范这块也很欠缺。而如果产品设计相关人员都熟悉官方规范的话，可以很大程度减少沟通、提高效率。

- 推 荐 阅 读 -

UI进阶产品设计之用户体验地图

如何高效进行同理心地图练习?

干货贴：UI进阶必备高颜值设计网站

产品设计中如何有效利用设计冲刺？