Element

编者按：想做一份看起来比较专业的交互稿非常容易，但想做一份优秀体验的交互稿就不简单了。想进阶成资深交互设计师，这个环节必不可少。今天这篇好文总结了10个方法，让你的交互稿体验更棒，赶紧来学！

网易UEDC-葛锐：作为一个互联网公司的设计师，经常会被产品或者资深设计师说：“你们怎么没有产品思维 ！”那么一些设计师本人也发现，工作了几年后，自己的作用很有限，设计能力也遇到了瓶颈，很难再提升。那么带来的比较直接的结果就是：晋升慢，提薪少，话语权少，越来越被忽视。

@龙爪槐守望者 ：鉴于国内交互设计 名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计 发展，做出一点微小的贡献。

这两年随着自媒体时代到来，越来越多的设计师开始注重个人品牌运营，比如发作品到各大平台，总结项目经验，翻译国外文章等等。无论哪种方式，对提升国内设计学习氛围都大有裨益。

控件作为组织界面最基础的元素，相信大家都不会陌生，今天想谈谈这个不起眼的话题。文章从现实的控件过渡到软件界面，再用三大输入法的控件作为实际案例解说，全文干货满满，来收！扩大词汇量有助于提高你在某种语言上的表达能力，扩大「设计词汇量」可以帮助你更好地进行设计。但要记住，界面设计真正的艺术在于：解决正确的问题。

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设计师翻译整理，非发文者一人之作。

之前的一系列文章，为大家介绍了iOS和Android规范中，各种弹出物的用法，罗列如下：

挤压和拉伸
预期
登台
连续动作和姿态对应
缓进缓出
弧形运动
次要动作
时序
夸张
立体刻画
吸引力

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

最近在一边工作一边读书的同时，也在思考交互设计是什么以及互联网交互设计师在团队中的定位等一些问题。谈到交互设计仿佛就是“一千个读者就有有一千个哈姆雷特”的感觉，每个人都会说出一套它们自己对于交互设计的理解。

想了解用户体验（UX）并进一步学习？美国的UX达人Witney Hess列出了20本UX爱好者必读的20本书。你可以收藏这个书单。

提高视觉冲击力的方法非常非常多，我将结合下我的平面设计经验，总结归纳一下我所学习到的平面设计理论。我一直觉得学习平面设计不能只着眼于平面，应该让眼光开阔些，所以我下面的一些例子会从传统平面海报，绘画，建筑，电影等各个方面来分析设计原则。

著名的艺术家 Edgar Degas 曾经说过，艺术并不是你所看到的东西，而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受，在这一点上，它和艺术是共通的。作为目前设计的大趋势，扁平化设计，无疑也具备着同样的特征。

此文意在帮助设计师快速而统一地完成界面布局。尤其对尺寸固定的移动界面有帮助，但对响应式web设计也有帮助。与一般的设计指南相比，此文更适合一边设计一边阅读。

极简风格能帮助用户简化操作，兼容性好，载入页面快等等优点，不过虽然看起来简单，我们需要考虑的东西可一点都不少。这一次，就让我们一边学习简约风格的原则，一边将它应用到实际网站制作中去吧。

把你的工作当作一门手艺，因为总有一些你能改进的东西。靠激励自己成为一个更好设计师。