最近花了一个多月的时间阅读、整理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开发同事交流过程中发现,他们其实在规范这块也很欠缺。而如果产品设计相关人员都熟悉官方规范的话,可以很大程度减少沟通、提高效率。
– 推 荐 阅 读 –
本文来自:宛苏 作者:宛苏
评论0