现代艺术史上的网络设计灵感

帕特里克麦克尼尔 经过 帕特里克麦克尼尔  |  7月28日,2011年

在我上一篇文章中,我介绍了艺术简史以及它的原则如何适用于现代网络设计的贸易。

在这里,我将继续主题,但专注于现代设计动作(主要是20世纪),具有教导我们和灵感的课程。

现代设计的挑战是有几十个动作,它们都在纠结的混乱中彼此重叠。

事情不再像一个世纪长的文艺复兴或巴洛克时期一样简单。为了保持可管理,我选择了一些动作来审查这里。

 

艺术和工艺品运动

我们将开始我们的旅程 艺术和工艺品运动始于1860年左右,蓬勃发展,直至1910年蓬勃发展。运动强调工艺和简单性,对用于创造工作的实际材料敏感。

从根本上说,运动是对现代机器时代的直接反应,它以其风格和装饰挑战。专注于简单,功能和工艺,艺术和工艺品运动提供了现代设计师可以绘制的许多东西。

批准,从根本反对现代机制的运动中绘制原则,并将其应用于Web开发具有明显的问题。但让我们看看我们想到了什么。

专注于目的和技术简单,这一时期的设计师们沉重装饰和模式,同时仍然参加整体质量和风格。这些元素是如此基础,从这一天的一本书致力于他们, 饰品的语法.

 

装饰,模式和细化

这个页面来自 哥特的本质如Kelmscott Press印刷的,显示出艰苦的工艺和一种从根本上反对批量生产的美学。我们如何将其应用于网页设计?飞跃相当困难,但我认为我们在这里有一个胜利者:

尽管一个网站在最基本的水平上代表了一种技术,但这个特殊的网站是艺术和工艺品风格和网络之间的奇妙桥梁。

对于初学者来说,它对它具有显着的手工感觉。背景最有可能 曾是 手工制作,在转换为数字矢量格式之前。该网站清楚地反映了主题(即佩容版),它本身就与工艺直接联系起来。大多数情况下,除了改进之外,缺乏图形或装饰,真正使这适合这种风格。

另一个有趣的,虽然非常不同,但例子是 zaarly.,它包装了一个不同的视觉冲头。该网站将现代功能与面向工艺风格相结合。手工渲染的插图和自然色板将此设计连接到有形的手工艺品。在许多方面,设计师距离寒冷的无菌技术的设计距离,用于创造它,而是为了个人,自然的感觉。

然而,本网站肯定不会避免现代工具,并与其Facebook,Twitter和Google地图集成。事实上,没有现代化的应用和相关性,美丽的设计将无用。

让我们考虑这种风格的影响。人们可能认为它是随机决定的。我建议经过精心计算。它代表了比那样的完全不同的方法 Craigslist.,一个Zaarly的竞争对手。通过使网站个人和更少的“数字”,设计师试图在完全不同的水平上吸引人们。该设计具有非常明确的目的,这些产品完全符合艺术和工艺品运动的理想。

 

艺术nouveau

艺术Nouveau运动左右左右受欢迎,最常见的是其对时代架构的影响。风格捕获了花卉和植物元素,具有风格的流动线。这种元素的组合使得从这个时期开始艺术相对容易识别。

美丽的海报 Maude Adams作为arc的Joan 经过 阿森很多 体现了Nouveau的所有核心原则。清晰可见是花卉图案和流动的线条。通过用于创建它的技术突出了这幅画的风格,而不会分散绝对美好的结果。这就像其他更多程度化的动作的现实和装饰元素的组合(印象主义, 例如)。

我不能偶然发现现代设计中的艺术Nouveau元素的更好典范 idesign.一家网站。顶部的流动元件是对该时段最明显的参考。投入其他元素,包括公鸡,自行车和手,你对20世纪初有很清楚的致敬。

虽然与艺术Nouveau的连接很清楚,但现代触感就是让网站真正出色的东西。最重要的是页面顶部的简单动画。像这些这样的小元素走了很长的路要能把页面带到生活中。

 

Bauhaus.

Bauhaus. 是一所德国学校,从1919年到1933年跑。它对现代设计以及几乎所有形式的艺术作出了巨大影响,特别是商业艺术。

由于大多数运动所做,鲍豪斯风格与其前辈呈现出毫无痛苦。缺席是艺术和工艺品的装饰和装饰和艺术Nouveau款式。在其位置是设计和功能的合并,这在许多方面是真正的极简主义的诞生。协调函数和设计的尝试非常类似于今天的网络设计社区的用户体验努力。

巴塞罗那椅子 以上是设计的 Mies Van der Rohe是Bauhaus的一名董事。简单的椅子完美地捕获了美学。它被简化和令人难以置信的时尚,但完全旨在执行其功能,这是今天仍在使用的原因,80年。

寻找最低纲领关的网站是 非常简单,但找到了那些也拥抱鲍豪斯风格的人是一个更困难的塔德。 设计的身份 它有效吗。该网站显然拥有极简主义,但更深入。

 

功能和设计

在保持BAUHAUS风格中,设计的身份有一个简单的网站,并确保其功能非常好。页面标题显示了简单的品牌“ID”。从那里,我们有一个简单的清晰菜单栏;用户立即知道如何浏览网站。它遵循惯例,同时运行精美。

Bauhaus.的另一个特征是使用SANS-Serif字体。毕竟,字体可以完美地对其功能完美地进行,而无需所有这些额外的 Serifs., 耳朵和武器!!更不用说,Sans-Serif字体在自己的权利中可以非常漂亮。

最后,请注意使用颜色的颜色如何。在Bauhaus风格中,Stark颜色组合几乎不存在。身份设计使用颜色来区分链接,但否则,颜色仅用于装饰的字幕。

 

国际印刷风格

又称瑞士风格,国际印刷风格起源于20世纪50年代瑞士。在表面上,它体现了鲍豪的功能和最小的风格。当您深入挖掘时,您会发现专注于排版,几何设计和电网系统。

从这个运动中出现了一些最大的名字: 保罗兰特, 马克塞林格。 Miedinger和Eduard Hoffmann创造了 Helvetica. 字体,其中一些可能听说过。


(图像: 乔克里尔)

来自Neue Grafik杂志的上面的示例举例说明了国际印刷风格。注意几乎完全依赖于排版,强制遵守网格和左侧合理的文本。

焦点实验室在国际风格中的网站不是100%,但在这种情况下,这使它成为一个更好的例子。毕竟,这种比较旨在展示现代艺术的这些思想如何适应当前的需求和美学。

在焦点实验室的网站上清晰可见,被精致排版为风格元素。该类型不仅是传达信息:它是页面上的主要设计元素(即使它不是非常Helvetica)。

此外,网格对页面的有效性至关重要。虽然可能是一个子列详细信息,但所有文本都是左对齐的,非常符合风格。该网站是现代网络设计的令人惊叹的典范,并证明我们可以利用任何风格以满足我们的需求。

 

流行艺术

流行艺术 也来自20世纪50年代。它起源于英国,找到了向美国的方式。 安迪·沃霍尔 也许是最着名的支持者。

我们再次看到艺术运动挑战传统。波普艺术包括漫画书籍,名人照片,家庭物品等日常物品。

波普艺术的最早例子之一是这种拼贴画 理查德汉密尔顿,标题为 这是什么让今天的家园如此不同,所以有吸引力? 这种50年代生活的不同元素的合并是一种令人震惊的,也许是令人震惊的,展示这种风格。

寻找利用流行艺术风格的网站很难,但他们确实存在。一个是 mixbits.com.:

也许这个和波普艺术风格之间的最大区别是MixBits.com实际上是为了使用,而不仅仅是看。但是,界面确实携带样式的元素。流行艺术旨在实现以外的目标是改变我们对艺术的看法吗? MixBits.com的界面挑战我们对Web应用程序应该是什么样子的期望。它效果很棒。

我们不知道这件背后的灵感 鹈鹕酒店在网站上,但这里的视觉似乎似乎唤起了理查德汉密尔顿的拼贴画。商业考虑将设计师保持汉密尔顿所做的方式粘贴在一起的日常物品,但是在这个页面放在一起的方式有一些拼贴画。

 

朋克

不是每个人都认为20世纪70年代的朋克岩石现场在现代艺术和设计中的里程碑。但它的影响力很大,而且相当持久。更不用说,它形成了与鲍豪斯的极简主义对比。

其中一些主要功能是拼贴,坚韧不拔的视觉效果,令人震惊的内容,强烈的鲜艳色彩,如荧光粉红色和黄色。最令人难忘的产品之一是这款专辑封面 性手枪' 单身的 上帝保佑女王:

这张专辑艺术完美地体现了朋克摇滚乐:令人震惊的图形,拼贴和低产值。让我们考虑几个网站设计,看看这种风格如何生活。

 

幸运的是,采用这种美学的许多设计师都不会放弃过程中可用性的原则。采取上面显示的两个例子, Serge Seidlitz.的网站和更商业的方法 彪马谈话。授予,这些网站都不是“朋克摇滚”。最少又冒犯,并且既不是一个无线的感觉。尽管如此,网站仍然是风格,即使在大量现代化时也是如此。

是朋克摇滚精神是勇者。这个目前的半朋克乐队的网站缺乏冒犯性,但它肯定有水平喧嚣的感觉。它适合乐队。

如果您正在考虑采用这种风格,请考虑其对观众的影响。例如,彪马谈话利用伪朋克风格与年轻的受众联系,尽管用户不会足够大,以便第一手经历朋克运动。不要让风格决定项目。相反,利用现代技术和方法,并确保您的网站与当前受众相关。

 

结论

试图解开过去100年中发生的无数艺术运动将是令人难以置信的。随着沟通的全球化,风格与压倒性的点交织在一起。但这不是艺术史上的课程。相反,我的目标是揭示我们今天在网上专用的一些风格的起源。

今天的网络设计师利用数十年的想法,如果不是几个世纪,那么老了。任何时期的真正创新者都能够利用过去的思想,适应现代需求,并创造出塑造未来代代设计师的新方法。

我希望这个简短的各种艺术运动介绍展示了探讨过去的力量。考虑到其他人所做的事情,从不抑制创造力。相反:了解其他人所学的课程有助于我们使他们的想法适应新的风格。

 

您是否在今天的网站上看到了任何其他20世纪的款式突出显示?