关于中后台系统设计的4个原则
最近几个月一直在做中后台系统的交互和视觉设计,也找了很多国内外的参考资料,今天翻译的是behance上的一篇文章,链接将附在文章底部。
创新互联建站长期为上1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为云和企业提供专业的成都做网站、成都网站制作,云和网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。第一次投稿,如有不足,还请各位看官多见谅。
目录
运用好线条元素
文字设计比你想象得更重要
充分利用空间和比例让你的设计锦上添花
交互应点到即止
在设计中后台系统时别把用户想得太笨,真正笨的用户如果没有设计师的指导完全不会使用产品。用户的大脑需要通过后台系统去思考和决定该做什么,并且设计师也无法去引导聪明的用户。
和所有典型的企业产品界面一样,中后台系统需要在有限的空间里展示尽量多的信息。用户不但要能够实实在在的看到数据,更重要的是能在查看数据后作出正确的行为。
01.运用好线条元素
数据的分级是中后台系统设计过程中最困难的部分,而能利用好线条你就能牛逼哄哄的解决一大半问题。
中后台系统最起码包括主要控制器(导航条)、重要数字指标显示区域以及列表这三个部分,而且每一部分都包含着诸多不可忽视的细节。
我们可以运用面来做视觉元素将一些优先级高的数据区别开来,接下来就可以想办法对详细数据进行区别,而线通过自身特有的韵律来辅助阅读成为我们可用的最好设计元素。当你把注意力放在某些信息上时,线条元素会扮演一个辅助集中注意力的角色,隔绝无关元素。
由于数据信息是最为重要的,线条不应该吸引过多的注意力,因此我们通常都用一个像素的线条。当然,降低用户对于线条元素的注意不是意味着越模糊越好,只有相对显眼的线条才能帮助到用户阅读。
02.文字设计比你想象得更重要
在保持阅读清晰的前提下,尽量降低字重,因为在中后台系统里,经常会遇到大段文字挤在一起的情况,如果字重太高,开发出来你哭的地方都没有。另外,为了确保信息的易读性,请使用非衬线字体。
03.充分利用空间和比例让你的设计锦上添花
在消费品的设计中添加色彩和ICON是我们常用的视觉设计的惯用招数,但是,在中后台系统的设计中,对颜色和ICON的运用要谨慎一些,以免造成多余的认知障碍。
由于文字能够传达清晰准确的信息,无疑是更好的设计元素。通常会有两种场景会用到ICON,要么是为了帮助用户快速导航,要么就是能够产生类似编辑这种直接通用的暗示。能够谨慎的使用颜色和ICON,你设计的界面就不至于乱糟糟的。充分的利用好空间和比例,别让界面元素过于拥挤,那么你也能设计出高逼格的中后台系统。
04.交互应点到即止
在中后台系统的设计中,使用拖拽等交互方式是大忌,就连双击和右键都尽量少用。用户虽然都想着提升工作效率,但他们大部分却都是懒癌晚期。就和打游戏一样,老司机能够飞快地使用键盘操作,而菜鸡只能拿鼠标乱戳,如果菜鸡完全没有想成为老司机的动力,那他们离开了鼠标就几乎就是废人一个。
并且,如果他们的麒麟臂一旦习惯了拿鼠标戳,就根本停不下来。对于这部分菜鸡用户来说,拖拽这种高级交互行为是不存在的。
这四条设计原则很有可能没法让你的设计水平突飞猛进,但是我们也得意识到,展示正确的信息哪怕展示的方式不对也比金玉其外败絮其中要更好,所以,在做设计之前我们首先要做的还是先去做用户和相关利益者的分析,了解到底该展示些什么信息,以及为什么。
以上。
本文由@王刚原创发布。未经许可,禁止转载。
题图来自PEXELS,基于CC0协议
本文标题:关于中后台系统设计的4个原则
网页路径:http://hbruida.cn/article/cjoood.html