iOS设计规范与Flat Design

Updates

15.11.18 20:51 @wnlo outside shop
ISUX最近发布了iOS9人机界面指南的系列译文，原来Apple开发者官网前段时间终于更新了。
《iOS Human Interface Guidelines》用了以下几个章节给iOS开发者关于app交互的指导：

• UI Design Basics
• Design Strategies
• iOS Technologies
• UI Elements
• Icon and Image Desgin
  第一章算是概述，把iOS 程式设计时需要遵循的各种规范和设计原则全都说了遍。
  第二章则是专讲进行程式基本设计时的技巧和理念，以及桌面端移植iOS端的举例。
  第三章介绍iOS的各种features和APIs，比如3D Touch、Live Photos、HealthKit等....
  第四章详细介绍构成UI的基础内建元素：Bars(导航栏、标签栏、工具栏等)，Content Views(太多，待看后总结)，Controls(各种控件)，Temporary Views(临时视图，如警告框、工作列表、模态视图等)。
  第五章就是说各种icon的尺寸、启动图等。

目前把前两章看完了，第三章暂不需要，所以简单扫了下。下次重点看第四章。加油！！

---

Preface

总是听人谈扁平化设计，可到底什么是扁平化设计，以及如何让自己的产品(app、web、ppt)符合扁平化设计，一直让我困惑。
于是，我决定整理一些扁平化设计的参考资料，然后好好看看。看完后再更新自己的思考。

资料

• iOS Human Interface Guidelines
  apple官方出的iOS交互指南，设计师必读。
• iOS7人机界面指南
  腾讯ISUX的翻译版本，准确性得到保障。
• UI Design Dos and Don'ts
  用图文实例说明了UI设计的小tips
• iOS 开发者官方设计页面
  /design页面，所有有关设计的内容都在这，待挖掘
• 怎样做出优秀的扁平化设计风格的PPT
  几个高票答案回答的都不错,值得学习
• 花瓣扁平化ui