【连载】精致感 - 产品思维与设计思维（17）

2017-03-25 23:10:00

精致是一种视觉感受，让用户产生精致的感觉，能够潜移默化的提升主观满意度，更好的传达品牌诉求。我们都想让产品看起来更精致，但是具体应该如何判断和把握呢？特别是对于没有设计经验的产品决策者和参与者，更需要获得一些线索，将精致的感觉落到实地。

营造精致感，最重要的是细节。产品都是由一个个细节堆积而成，对于细节的精确把握和控制，在各种各样的产品中都同样重要。例如奢侈品的包包，浮在上层的是品牌，而落实在产品中的，是强调一个个细节的做工。当买到一个 LV 的包时，发现上面有线头出来，会有什么样的感觉？立刻会将你的感受从 LV 专卖店降低到服装批发市场。

对于互联网产品，细节上的精致最需要重视的是两个方面：精确和正确，丰富和细腻。

细节的精确和正确，体现在界面上，我们常常看的是位置和尺寸。界面如何赏心悦目？是由一个个精确到像素的细节构成的，带给人的是视觉上的舒服。合格的设计师，都能够一眼看出一个像素的差别，这就是所谓「像素眼」。很多时候，人们不会关注到这些精细的地方，不会知道哪里的阴影角度不对，哪里差了一个像素没对齐，但是最终就会觉得是不好看。精确到像素级，是保障界面效果的起码要求。

对于对称、平衡和完美的偏好是人类的本能，像素级别的打磨，正是为了满足这种本能，营造出「舒服」的视觉感受。具体来说，我们常常需要注意的是对齐、间距、位置关系、连接处的过渡、阴影的方向等等。

界面元素在屏幕上的排列必须有秩序，左对齐、右对齐、居中对齐，等等，有序的组织在一起。间距也是同理，界面左右两边的间距要看看是不是一样，元素与元素之间的间距，应该也是有规则的，相同类型的元素，间距的分布一般情况下也应该是相同的。不同元素从左向右、从上到下的排列，也应该都是有道理的。

而丰富和细腻，则意味着是否考虑了细节的光影效果？在图标上、在色块里，哪里需要有高光？在按钮的某个地方，是否需要加一条1像素的线？哪里的边缘需要修饰一下？哪个圆角需要处理？

在很多关于乔布斯的书籍和影视作品中，都有一个细节，就是乔布斯执意要在系统的界面中采用圆角。在图形用户界面技术尚不完善的时代，实现圆角是一项挑战。让计算机画圆、画曲线，现在看起来天经地义，但是背后是一系列的公式和算法，计算机图形学是一点点积累起来。然而最可贵的、却也是真正能体现乔布斯产品感觉的，正是对于这样微小细节的坚持。

对于界面的动效，细腻往往体现在对于时间、节奏和加速度的把握上。一个在运动中的界面元素要停止，是猛的停下来？还是有一个逐渐减速的过程？需要多长时间？运动轨迹该是什么样？在「把玩」产品时，这样的小细节同样能够感受到产品的细腻与否。尽管用户并不能系统的说出这样的区别，但是最终他们能够感到精致与否。

精确和正确，丰富和细腻，同样还体现在内容之中。

写文章的人遣词造句，往往都要字斟句酌，而现在的互联网产品，内容往往直接决定了用户数据，决定了购买与否，这里面的精确和正确更值得重视。用户对于内容的吸收是一层层展开的，有些内容是入口，引导用户进入，然后为用户传递更多的内容。产品运营中常犯的错误是自嗨，表达了自己能够理解的内容，用自己的语言，而非用户的语言，造成误解。

在某个网上银行系统里，很多地方都使用了「交易」这次词。用户为网银换了一套界面皮肤，然后在记录里就出现了「交易成功」。用户就有些晕了，为什么换个皮肤还要收费？原来，「交易」是内部的术语，银行将各种操作都成为「交易」，但是用户可不这么理解。精确和正确，就是要使用用户能够看得懂的内容，使用用户的语言说话，避免一厢情愿。

人们对于内容的丰富和细腻的需求是与生俱来的。在互联网发展的今天，还有越来越多的观众涌向电影院，就是因为电影院的内容表现和体验更好。

数年前，在网络带宽还比较小、网速比较慢的时候，某个互联网服务要为用户提供手机图片内容。他们发现，用户对在手机上看图片内容有强烈的需求，但是因为网速慢，下载的时间比较长，怎么能让用户的体验更好呢？提升速度的最直接办法，就是压缩图片，减少图片的大小。于是他们这样做了，但是结果是用户大量流失，根本不买账。因为用户就是奔着高清图片来的，现在虽然速度提升了，但是图片的清晰度却变差了，为什么还要再使用呢？

很多产品的问题在于缺少有品位的图片和视频编辑，而不仅仅是内容的数量本身。丰富和细腻的图片和视频，无论是在清晰度、封面的选择、排版、景深等等，都有非常多的要点，既需要专业能力，也需要审美的意识。

乔布斯早年在字体课上的学习，对于之后自己产品审美的形成很有帮助。好的产品决策者，都需要培养自己的美感，培养自己对细节的重视，不妨试试先从观察产品中一个像素的差别、一张图片内容的好坏开始。

这是我正在写的系列连载文章，关于产品设计和用户体验设计的思维方式。在过去的10年里，我一直希望探索产品背后的本质规律，为做互联网的人们（产品经理、设计师、工程师、运营、管理者等等）找到一个可以共通的思维框架，当我们一起讨论问题时，能够有共同语言，这会是产品语言或者设计语言。
如果你是一个管理者，你提的需求可以不是「简单大气国际化」，而是更具体的「界面需要体现出层次，区分优先级」，如果你是一个产品经理、设计师、工程师、运营，也能够为每一个产品和设计决策找到依据。这是战术层面上的战略思考，通过一些具体的点来帮助我们更好的改进产品、改进产品的用户体验、运营效率甚至推广、传播和变现效率。
专业是一种力量。