GUI

随着时代和技术的发展，网页设计 的流程正悄无声息地发生着巨大的变化。精准具体的设计交付列表不再是网页设计 的唯一标准，静态页面设计在整个设计流程中所占的比重也逐步降低，正如同Stephen Hay所说，我们所设计的不再是单纯的页面，而是包含诸多组件的一整个系统。

当谈及用户体验 相关的文档之时，线框图和原型相关的文档无疑是其中最重要的。但值得注意的是，用户体验 所涵盖的范畴不止于此，它们也仅仅只是个开始。实际上，我们发现还有四份文档也是日常用户体验 设计中极其实用的文档。这四种文档的诞生，是为了帮设计人员更容易了解用户，更方便作出争取的设计决策，打造优秀的设计和成功的产品。

说起 Style Guide （即设计规范），大部分人的第一反应就是 Material Design 和 iOS Human Interface Guidelines，我自己就是靠读这两份文档逐渐入门设计领域，国内外的设计师、开发者们自然也是对它们了然于胸。来大公司实习之后，接到的第一个任 务就是维护、优化团队的设计规范网站，同时最近也经常和饿了么、随手记等互联网公司的设计师或产品经理探讨如何沉淀团队的设计。

本文编译自Medium，作者 Clark Wimberly 是一位用户体验（UX）设计师。

Specifies the initial zoom factor for the window or viewing area. This is a magnifying glass type of zoom. Interactively changing the zoom factor from the initial zoom factor does not affect the size of the initial or the actual viewport.A two-dimensional transformation is applied to the coordinate system an element renders in through the ‘transform’ property. This property contains a list of transform functions. The final transformation value for a coordinate system is obtained by converting each function in the list to its corresponding matrix (either defined in this specification or by reference to the SVG specification), then multiplying the matrices.The value of the transform property is a list of applied in the order provided. … specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter. … specifies a scale operation using the [1,sy] scaling vector, where sy is given as the parameter.

Terry Cao是UXPin（一款线框图与原型制作APP）的内容策略专家。要了解如何掌握现在交互设计的艺术，可以参考免费的电子书籍《Interaction Design Best Practices》。这本书中含AirBnB、 Google、 Apple、Etsy 以及其他诸多公司的30多余交互案例。“Modality Interactivity对用户来说更有说服力。因为这使用户在浏览网站的时候更有趣，更吸引他们，并且帮助用户对网站信息产生更积极的态度。” 一位来自罗伯特·莫里斯大学的通讯系助理教授Jeeyun Oh如是说，“交互（Interactivity）通过让用户更深层次地理解网站信息而更具说服力。”欲更多地了解现代交互设计的艺术，可以阅读《Interaction Design Best Practices》一书。

界面设计工作当中的很多纠结来自于怎样在这三者之间进行权衡。对于不同的功能与内容，如果拿捏不清它们各自的特点及适宜的呈现方式，那么你便很难打造出具有整体性的产品设计方案。

用了两个星期时间断断续续读完iOS的guidelines英文原版，原文是写得有点啰嗦，所以精选了以下觉得比较重要的点，并加以自己的解释；当然如果你有时间，还是推荐阅读英文原文。首先是因为翻译的版本基本是不全的、旧的，就像ISUX的翻译的对比原文就会发现中间省略了好多。本文的作用并不像多数的翻译那样，让你粗略地了解里面的内容，而是精选出一些点使你体会到苹果的设计思想。 我读guidelines的目的不仅仅是要看他们是怎样规定的，而是要看他们为什么这样规定，在了解了制定规则背后的原因之后不仅便于记忆规则本身，还能了解苹果的设计思路，当吸收了设计思路之后，就不再是墨守成规，而是更自信和灵活地运用规则，甚至创造属于自己的规则。就像tweetie发明下拉刷新手势之后苹果反而把这种手势加进了自己的guidelines。 读英文原版还有一个显然易见的好处就是熟悉专业英语表达，guildlines的措辞显得优美而精确，值得去读读。

译者注：本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。

如下为规范汇总页，里面囊括了许多大家熟知品牌的规范。1.Brand Style Guide Examples

译者注：本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。译文首发于ISUX博客，如在阅读过程中发现错误与疏漏之处，欢迎不吝指出。后续章节会陆续更新，敬请期待。

文章索引译者注：本 文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。译文首发于ISUX博客，如在阅读过程中发现错误与疏漏之处，欢迎不吝指出。后续章节会 陆续更新，敬请期待。

文章索引译者注：本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。译文首发于ISUX博客，如在阅读过程中发现错误与疏漏之处，欢迎不吝指出。后续章节会陆续更新，敬请期待。

你有没有想过，这个世界其实并不是你看的那样？你有没有想过，其实唯心主义和唯物主义的区分，从本质上看其实还是唯心主义？今天咱们简单谈谈交互的演进历史。

交互设计起源于网站设计和图形设计，但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片，而是负责创建在屏幕上的所有元素，所有用户可能会触摸，点按或者输入的东西：简而言之，产品体验中的所有交互。

“设计并非艺术”的观点让我有些困惑，与我一直以来的认知有些不同。我确实认同艺术是独立于现实目的而存在的创意表达方式，而另一方面，设计虽然有着明确的现实目标，但它不同样也是创意的展示形式吗？我目前很难完全认同你的观点，希望进行更多交流。

文章索引状态栏展示了关于设备及其周围环境的重要信息。默认(深色)内容
 

仔细想想，你会发现我们正处于大屏UI 设计的一个有趣的阶段。2015年推出的Apple TV 已经是第四代产品了，但是其他的同类型产品尚且处于第一代或者说早期阶段。发布会上吹出的牛逼最终还是要经过市场验证，而实际状况比起大家预期的结果，更加复杂。到底要如何给Apple TV 设计APP呢？今天的文章，我将为大家分享一下我们为丹麦最大的内容供应商设计APP的经验和相关的资源，也许能帮大家一窥究竟。

文章索引译者注：本章是iOS Human Interface Guideline的最后一章，文末附上全文PDF下载地址。译文如有任何疏漏之处，或任何意见或建议，请不吝指出，翻译组感谢大家长久以来的关注和支持！