最近几个月一直在做中后台系统的交互和视觉设计，也找了很多国内外的参考资料，今天翻译的是behance上的一篇文章，链接将附在文章底部。

第一次投稿，如有不足，还请各位看官多见谅。

目录

1. 运用好线条元素
2. 文字设计比你想象得更重要
3. 充分利用空间和比例让你的设计锦上添花
4. 交互应点到即止

在设计中后台系统时别把用户想得太笨，真正笨的用户如果没有设计师的指导完全不会使用产品。用户的大脑需要通过后台系统去思考和决定该做什么，并且设计师也无法去引导聪明的用户。

和所有典型的企业产品界面一样，中后台系统需要在有限的空间里展示尽量多的信息。用户不但要能够实实在在的看到数据，更重要的是能在查看数据后作出正确的行为。

01.运用好线条元素

数据的分级是中后台系统设计过程中最困难的部分，而能利用好线条你就能牛逼哄哄的解决一大半问题。

中后台系统最起码包括主要控制器（导航条）、重要数字指标显示区域以及列表这三个部分，而且每一部分都包含着诸多不可忽视的细节。

我们可以运用面来做视觉元素将一些优先级最高的数据区别开来，接下来就可以想办法对详细数据进行区别，而线通过自身特有的韵律来辅助阅读成为我们可用的最好设计元素。当你把注意力放在某些信息上时，线条元素会扮演一个辅助集中注意力的角色，隔绝无关元素。

由于数据信息是最为重要的，线条不应该吸引过多的注意力，因此我们通常都用一个像素的线条。当然，降低用户对于线条元素的注意不是意味着越模糊越好，只有相对显眼的线条才能帮助到用户阅读。

02.文字设计比你想象得更重要

在保持阅读清晰的前提下，尽量降低字重，因为在中后台系统里，经常会遇到大段文字挤在一起的情况，如果字重太高，开发出来你哭的地方都没有。另外，为了确保信息的易读性，请使用非衬线字体。

03.充分利用空间和比例让你的设计锦上添花

在消费品的设计中添加色彩和ICON是我们常用的视觉设计的惯用招数，但是，在中后台系统的设计中，对颜色和ICON的运用要谨慎一些，以免造成多余的认知障碍。

由于文字能够传达清晰准确的信息，无疑是更好的设计元素。通常会有两种场景会用到ICON，要么是为了帮助用户快速导航，要么就是能够产生类似编辑这种直接通用的暗示。能够谨慎的使用颜色和ICON，你设计的界面就不至于乱糟糟的。充分的利用好空间和比例，别让界面元素过于拥挤，那么你也能设计出高逼格的中后台系统。

04.交互应点到即止

在中后台系统的设计中，使用拖拽等交互方式是大忌，就连双击和右键都尽量少用。用户虽然都想着提升工作效率，但他们大部分却都是懒癌晚期。就和打游戏一样，老司机能够飞快地使用键盘操作，而菜鸡只能拿鼠标乱戳，如果菜鸡完全没有想成为老司机的动力，那他们离开了鼠标就几乎就是废人一个。

并且，如果他们的麒麟臂一旦习惯了拿鼠标戳，就根本停不下来。对于这部分菜鸡用户来说，拖拽这种高级交互行为是不存在的。

这四条设计原则很有可能没法让你的设计水平突飞猛进，但是我们也得意识到，展示正确的信息哪怕展示的方式不对也比金玉其外败絮其中要更好，所以，在做设计之前我们首先要做的还是先去做用户和相关利益者的分析，了解到底该展示些什么信息，以及为什么。

以上。

原文地址：https://www.behance.net/gallery/54874727/Dashboard-design-principles

本文由 @王刚 原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自PEXELS，基于CC0协议