以灰度、最小色调设计有趣的网站

平面设计 网站设计 颜色理论 品牌推广
2022-02-01 12:36:34

我知道一家企业想要一个网站来匹配他们的品牌,而且他们似乎对颜色过敏。我认为灰度设计看起来很棒,尤其是在印刷品中,但感觉几乎不可能应用于网站设计。

在这种情况下,业务以社交网络和新技术为中心,但我觉得灰度设计相当过时,根本没有反映他们所做的事情,尽管显然那是他们的品牌。(他们说他们追求的是“苹果喜欢极简主义风格和精致”,但也许他们在十年前想到了苹果)今天的公司网站就像冷白米饭一样平淡无奇,(就像你得到的保修文件之一您购买的新小工具)。

我最近收到了一位客户的请求,他要求建筑实践具有相同的外观和感觉,没有颜色。

是什么让网站看起来既现代又有趣,同时又缺乏色彩?

3个回答

屏幕上灰度的挑战是缺乏丰富性。也就是说,如果你坚持使用严格的灰色。当然有灰色的变化,实际上是色彩中性。IOW,它们并非完全没有饱和度。

Albert Munsell有一些关于颜色使用的伟大理论,可能对您有所帮助。特别是,他对色彩平衡的想法浮现在脑海中。在他自己作为画家的作品中,孟塞尔探索了艺术家应该根据颜色的强度仔细平衡颜色的想法。

以这张图片为例。有大量的冷色、中性色,但使场景活跃的却是数量少得多的强烈饱和的暖色调。

这是 Jacques-Louis David 的另一个作品。

在此处输入图像描述

遵循这一原则,您的主要调色板可以由略带色彩的中性色组成。然后,您可以用您认为客户可能会容忍的少量颜色来标点该调色板。事实上,我认为你会达到他们所追求的目标。

在此示例中,左侧的灰色处于零饱和度。在右边,我提高了饱和度以赋予灰色一些生命,但并没有让它变得“多彩”(上帝保佑!)。用强烈的黄色来强调这些灰色中的任何一种,都会给调色板带来一些能量。

我认为孟塞尔会感到自豪

Khoi Vinh 的博客在实践中就是这个想法的一个很好的例子。注意悬停时导航中的颜色火花。

没有颜色......直到你悬停

在这种情况下,我会回到基本的设计元素和原则这些都是工具箱中的工具,所以如果一个工具不可用,那么你必须选择其他一些!想想你如何使用不同的线条、形状、纹理、空间和形式来创造一些没有颜色的有趣的东西。

对比度也是一个很关键的东西。不仅仅是黑色和白色,中间有灰色阴影;思考大与小,纹理与平滑,移动与静止。

如果您看过雕刻艺术(例如,获得一些美国货币的高分辨率扫描件),您会发现人们可以用有限的调色板完成令人惊叹的工作。Lissitzky的艺术也浮现在脑海中……那里有颜色,但他非常擅长处理简约的形状并使它们看起来不错。

如果你拍到一些很酷的照片并好好利用它们,黑白摄影也可以帮助你摆脱困境。

灰度网页设计的问题在于您正在从工作中删除一个关键维度。

如果您只是设计海报或创建插图,这不是一个问题,但网页设计有特定的要求,将您的调色板减少到灰度会非常难以满足设计和可用性要求。

一个很好的例子就是超链接。在灰度网站上,您只能使链接比常规文本更暗或更亮。这使得链接比大多数网站更难看到(即使它们带有下划线)。

最重要的是,如果您对链接使用较深/较浅的阴影,那么您如何处理不是链接的标题?您最终要么无法使用文本颜色来区分不同的文本角色(或指示重要性,例如必填字段),要么最终得到如此多不同的阴影,以至于您的构图看起来一团糟(阴影越多)你使用,每个阴影之间的对比度越小,降低它们的效果,并将文本混合在一起)。

在大多数情况下,我建议设计师不要尝试它,除非它是一个真正的艺术型网站,以媒体/图形为基础,文本内容最少,或者像极简主义的创意个人登陆页面。

我最近亲自参与了 2 个黑色/灰色/白色设计,它们都非常难以开发,但最终仍然相当平庸。(另一方面,这次经历让我更加欣赏色彩在设计中的运用。这就像一只手被绑在背后训练了几个月,然后终于可以再次使用双手了。真是太神奇了一点颜色,即使只是一种颜色,也可以添加到设计中。)