软件
用户界面设计
灰色(颜色)

为什么现在的很多设计类软件都是灰色暗色系的?

比如PS AI 3D Rhino等
关注者
155
被浏览
31,385

18 个回答

首先,用户用这几款创意表现软件是为了更好的更专业的进行创作。

所以软件的界面要最大程度的服务于用户创作。这是前提。

我截了几个AI软件内可以设置的界面亮度效果图:

大家可以取色试试,在这几个界面中使用的颜色都是无任何倾向(RGB完全相等)的纯灰色。


1. 为何使用纯灰:

使用纯灰色的理由很简单,纯灰色绝对中立,可以起到色彩倾向标杆的作用。不会对用户创作产生颜色误导和干扰,反过来说还能对用户创作起到参照作用。

比如我在设计中使用一个偏蓝的深灰色背景,当我的软件界面是纯灰,并且我知道这一点时,那么偏蓝的深灰在纯灰衬托下色相的表现会更加明显,易于察觉。

如果Adobe为了所谓的界面个性化效果吧界面搞成带颜色倾向的颜色(例如刚刚的偏蓝深灰),那么当我在设计中使用偏蓝深灰的时候就会感觉困惑,对颜色的清晰把握会失去平衡和客观性。

例如下图:


左侧是纯灰底色,右边是偏蓝底色,中间的深色块都是偏蓝深灰。

左侧能感觉到深色块偏冷背景纯灰反而被衬托的发暖,所以能很快明白这个颜色是有倾向的。

右侧都处于蓝色倾向中,反而不易确认深色块是否有颜色倾向,倾向什么色调。


2. 为何使用明度较低的颜色:

还记得曾经PS的界面都是亮灰色,很多人觉得那也没什么不好,有人说深灰色按钮不清楚,文字不清晰等等,认为不如亮灰色好用。这种观点我并不太同意,我反倒觉得深灰色是更好的。

深灰降低所有界面的明度让界面元素相对弱化一个层级,目的是更避免去影响创作内容。
更重要的是,深灰色甚至黑色的界面能更大程度的衬托深色内容。

显示器的亮度是有限的,而且亮色到了刺眼的程度,相信大家不会再刻意把显示器亮度调的过高,而微妙的深色也是设计必不可少的部分,在深色范围内有对比,有层次有渐变的时候,周围环境如果是深色,则有助于辨识到这些细节的变化和层次。

请看下图:


还是左右两个例子。两边是两种界面颜色,深色与浅色。中间的深色小方块是一模一样的。

在左侧背景下我相信大家都能看到,这个小方块是偏蓝并且有渐变的。(没加边框所以陷进去了,为的是大家看背景色对内容的影响,请不要说显示的不清楚哈哈)

但在右侧浅色背景的界面下,整个小方块感觉就是一个黑色,这就是对比的影响。并不是说大家看不出右侧小方块的颜色倾向和渐变,而是说,在以上两个情况下,还是深灰色底色能更好衬托出暗部细节。


综上两点,就是现在这类视觉表现软件大多采用深色,纯灰色作为背景的原因。



PS: 上图如果看不清色相 可能是您显示器的缘故啊……


PPS: 大家有说暗色是为了保护眼睛,可能有这方面考虑,但我认为这不是主要原因。

如果我们讨论的是一款文本编辑软件为何设计界面为深灰色,那么基本上第一个想到原因就是保护眼睛,因为文本编辑的界面是需要长时间盯着的,而且内容单调枯燥就是文字。

而图片设计和视频设计软件,你的设计作品本身就可能是鲜艳的,明亮的,刺眼的。如果你在做一个大红色的设计,你的PS界面是什么颜色,对你的眼睛保护还重要吗?用这些软件的时候经常也要在一个画布的各个区域滚动,画面中的颜色是很多变的,这时候一个界面的深色很难起到一个保护眼睛的作用。所以我认为选择深灰色主要是我回答的两个原因。保护眼睛只是一个“暗色不刺眼”的属性而已,恐怕并不是选择深灰色做界面颜色的初衷。谢谢。

------------------------------------------------不务正业分割线------------------------------------------------------

反观其他行业软件的例子,比如做音乐的FL Studio

它的界面就可以为了突出软件自身的“科技感”,使用很多冷灰色,而且在各种插件中使用不同的颜色作为区别。

为什么它可以这么做?其实就因为用这个软件创作的是音乐,和颜色毫无关系,即使它把颜色改成荧光橙色,也绝不会影响任何功能和对音乐的表现。当然只可能会有很多人无法接受觉得太刺眼而已。

编辑于 2014-07-15 22:56

1.用灰色是为了明亮;

2.突出重点,暗室中一个蜡烛能照亮房间,并能让你突出地看到每一个你想看到的东西,并将不想看到的东西忽略;

3.灰色能让你视线所及成为重点。(好比你画草图不会用彩色,那样会掩盖一些东西;好比彩排的时候不会穿花衣服,那样也会让你难以分辨);

4.沉浸式的思考环境;

5不知道谁开始使用了灰色,但我记得老的影片是灰色的,中国的水墨画也有用灰色来表现的,在彩色时代到来之前,灰色应该是主旋律吧,所以灰色总有一种沧桑之感;

6.越来越发现在网页设计的越来越亮,(扯远了)总感觉苹果是始作俑者,在iOS7中的设计,真的影响了不少设计者,但我真心觉得,纯白色加上灰色实在是太亮了,这种从外亮到内心的颜色不知会使用多久,但这种设计给人一种很烦躁的感觉。尤其是你现在所阅读的网页。还是觉得适当有些材料的质地的颜色会让人比较舒服。所以,个人比较喜欢安卓最新的操作系统的理念。感觉那种设计更亲切,苹果这种风格略激进…

---

光线的变化,黑色,白色,黑色到白色却有极其多的层次。

图片Google自:

blog.modernsensibility.com
编辑于 2014-07-16 00:34

喜欢灰黑色的界面,这样你可以视觉集中到你所要操作的图形图像中去,就好比相机的取景器,只有四周暗了,你才会更集中,灰色界面的调整是一种追求“专业级”的精神。不用取景器(灰黑界面)拍照的摄影师(设计师)一定没有专业精神

发布于 2014-07-15 20:06

电视墙背景太艳影响看电视。设计软件也一样

编辑于 2014-07-15 17:48

你真的不觉得整天盯着蓝哇哇界面的Photoshop工作眼睛会瞎吗?

编辑于 2017-08-02 11:19

我觉得对于我这种偶尔使用PS的人来说,唯独的好处就是保护视力,你不觉得满眼的白屏幕看着眼睛痛吗?

发布于 2014-07-14 20:34

为了给使用者更大的创作空间。

Android 4.4 状态栏将 4.0 时代引进的经典蓝色改为灰色也是出于这种考虑,给使用者更大的创作空间,不受系统本身特性的影响。对于设计软件来说使用者就是设计师,Android 的“使用者”是 application 开发者。让使用者沉浸在自己的作品开发、设计当中,不被高调的系统颜色所影响

那些说保护视力的都还挺靠谱,说 B 格的太不靠谱了,你造什么是 B 格吗?:)

编辑于 2014-07-16 08:40

其实白色是非常刺激视觉的,只是现在生活中白色用的多都习惯了。

发布于 2014-07-16 03:41

因为这样不费眼 长时间看了会舒服一些

发布于 2014-07-15 21:41

3dMax 每天用十几个小时

Maya 每天用十几个小时

Photoshop 每天用十几个小时

VisualStudio 每天用十几个小时

Unity3D 每天用十几个小时

WebStorm 每天用十几个小时

就是为了:保护视力!保护视力!保护视力!

编辑于 2017-07-11 09:54

白色太晃眼看久了的话看啥都是暗的。另外背景照明太强的话,白底的看着很不清楚。

发布于 2014-07-15 23:29

凸显出来工作区域吧

发布于 2014-07-15 23:22

为了显示这些软件的高上大,凸显用户的高端感

发布于 2014-07-15 17:08

灰色是一种更加能衬托出另一种颜色的色调 不管什么颜色在灰色的衬托下会更加鲜明

发布于 2014-07-15 16:50

灰色不会影响作品的效果~对比白色他可以很好的突出作品

发布于 2014-07-15 16:13

因为显得沉着 冷静 高档

发布于 2014-07-15 15:31

黑白灰只有明度变化不吃色

发布于 2014-07-15 13:41

省电啊

发布于 2014-07-15 22:55
( 为什么?)