所有分类
  • 所有分类
  • 未分类
iOS平台设计规范-精简总结篇

iOS平台设计规范-精简总结篇

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

最近花了一个多月的时间阅读、整理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进阶必备高颜值设计网站

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

本文来自:宛苏    作者:宛苏

原文链接:https://www.uiya.cn/15834.html,转载请注明出处。

1
分享海报

评论0

没有账号? 注册  忘记密码?