• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 用一篇文章,让你看懂设计史上的3个经典艺术流派

用一篇文章,让你看懂设计史上的3个经典艺术流派

作者:融360-大头 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含艺术流派,设计趋势,设计风格等相关知识,融360-大头希望在学习及工作中可以帮助到您

虽然现在的设计大多是快餐式呈现在大众面前,但是这其中也凝聚了一批批设计师的创意和想法,引领了一个又一个设计潮流,从拟物到扁平再到如今的轻拟物,已然经历了一个小小的轮回,然而这些设计风格的形成,像极了几个世纪前的艺术流派。本文将对几个艺术流派和设计风格进行横向分析,找出他们的相似之处,目的是为了启发大家,从经典发掘闪光,并将之注入到设计中,如果运气好说不定还能开创一个全新的设计趋势哦。

艺术流派和设计风格

为什么会说艺术流派和设计风格非常相似呢,首先我们来对比一下他们的产生及运营方法,这里做了一个表格来简单表述艺术流派和设计风格这两个概念:

我们不难发现,尽管间隔几个世纪,他们的产生和运营方式却非常相似。虽然设计不能被称为纯粹的艺术,但不能否认他们是有内在联系的。也许拟物→扁平→轻拟物这些设计风格的演变和几个世纪前的艺术家们并没有半毛钱关系,但是罗贝尔托·隆基说过:“艺术作品永远都不是单独存在的,它永远都离不开其他的艺术作品。”所以这种事情,谁又能说的清楚呢?

既然说不清,那索性大胆说一说好了。

本人博览群书(《艺术流派鉴赏方法》),终于在艺术流派发展的漫长历史中,寻找到了照亮现代设计的点点星光。

它们就是:新印象主义→立体主义→抽象艺术(按照时间顺序排列)

相信大家对于这三个流派的感受多半是熟悉又陌生的,本次分享我们就从这三个流派出发,寻找他们与现代设计的相似之处,而这之后出现的新造型主义,是否会对未来设计趋势有所预示,本人虽才疏学浅,但也想分析一番。

新印象主义与扁平化设计

说到新印象主义,有这样两个作品不得不提,保罗·西涅克的《早餐》和乔治·修拉的《大碗岛上的星期天下午》。

保罗·西涅克当时在创作《早餐》时的突破点在于将分割画法和点彩融合,分割画法负责构图平衡,点彩负责视觉混合,这是一种非常理性的绘画方式。整个画面安静沉稳,可以挂在任何一个餐厅的墙壁上。

△ 保罗·西涅克的《早餐》

乔治·修拉的《大碗岛上的星期天下午》,本头有幸在国家博物馆看到过这幅画(可惜也不是原作),这幅画中的背景形状细致,人物轮廓规整,整体布局运用力学原理,构图稳定。打破了当时视觉原理束缚,使画面拥有全景既视感。

△ 乔治·修拉的《大碗岛上的星期天下午》

仔细观察这两幅画我们可以发现,新印象主义的这两位代表画家的代表作,在人物造型上与几年前开始流行的扁平化矢量人物非常相似。新印象主义绘画作品中的人物,几乎可以用基本图形分解出来。为了让大家更容易理解,本人将《大碗岛》这幅画中最右边的撑伞女子,用基本图形分解出来,单独呈现,是不是也十分优雅好看呢?

如果我们将整个作品进行分解,得到的画面会极具现代气息,好像这么久远的作品穿越时空回到我们的鼠标下。所以,分析了解新印象主义的作品,对于现在人物图形的设计会有非常大的帮助。有了这些参考,一定会让我们设计作品中的人物看起来更生动自然,具有文艺气息和艺术厚度。

再来看看我们经常在国外设计网站上看到的插图风格。

这种风格的插图越来越多的出现在Behance,Dribbble等设计师网站上,本头也曾效仿过,在开始研究艺术流派之后本头猛然发现,这类图形与新印象主义的绘画风格拥有非常相似的人物表现形式,虽然作者在画这张图时多半没有想到我们修拉老师的《大碗岛》,但如果他能吸收一些,一定能让画面更丰富有趣。

立体主义与轻拟物风格

我们来看立体主义的代表作品,乔治·布拉克的《埃斯塔克的房屋》。乔治机智的把房子和树木简化为几何形,运用颜色过渡对成群的树木和房屋进行区分,这在当时是一种介于平面与立体之间的全新表现形式。

我们不难发现,追随新印象主义之后出现的立体主义与度过扁平化潮流如今正流行的轻拟物渐变风格略有相似,不同的是立体主义存在的目的是全角度表现一个物体,而轻拟物只是粗浅的将扁平化物体扭转至45°角,再稍加一些渐变。虽然粗浅,却也符合当下审美趋势。

假如我们吸收立体主义流派的一些特点,是否能让所谓的假3D作品不那么粗浅呢?仔细观察《埃斯塔克的房屋》,乔治用非常丰富又整体的色彩表现明暗过度,而不仅仅是同色系的明暗过度,艺术作品中对色彩运用的考究,完全值得被用在我们的设计中。

抽象艺术与点线面?

说到抽象艺术,必须祭出我们的抽象派大神康定斯基了。他的《玫瑰灰》与《红黄蓝》就是将点线面元素运用到极致的画作。看不懂?不要紧,康定斯基就是要我们放弃无谓的猜测、揣摩与思考,在色彩、线条的舞动中,尽情体会艺术的纯粹与美丽。但是从另一个维度去看,康定斯基又极其理性的将几何形状抽离出画面,用浮动的活跃元素体现运动效果,同时构图也非常讲究。

△ 康定斯基《红黄蓝》

△ 康定斯基《玫瑰灰》

康定斯基的作品现在看来依然充满时尚感,或许是因为点线面是构成画面永恒的元素,驾驭了点线面,就能够变化出无穷的画面。现在的招贴画,海报设计,也越来越多的运用到点线面元素,但大多不作为主体,而作为填充画面空白处的元素,即便如此,也能够提升整体的活跃感。

聊到这里,本头觉得是时候强行展望一下未来设计趋势了。

按照套路,我们首先需要一个艺术流派加持,那么在新印象主义,立体主义和抽象艺术这三个流派之后出现的新造型主义必须是不二之选。

单说新造型主义,也许大家并不熟悉,那我们来看下图:

△ 蒙德里安《黄,红,蓝的构成》

大家一定见过吧,蒙德里安的这幅《黄,红,蓝的构成》(其实还有黑白灰)已然成为了一个经典logo,在时尚界和建筑界纵横多年,也曾在多年以前踏足UI界,只不过最后随着某些品牌一起销声匿迹了。下图是曾经微软公司为手机系统设计的界面,配色和布局基本是仿照《黄,红,蓝的构成》来设计的,用户可以根据需要移动模块进行布局。

虽然这个设计被微软放弃了,但是,本头认为这种蒙德里安式的设计理念不应该被放弃,在移动设计已经完成了一个拟物,扁平,轻拟物循环之后,蒙叔重返战场的时刻终于到了!

大家千万不要小看这幅《黄,红,蓝的构成》,事实上,许多朋友在看到这幅画时都会产生“什么鬼,劳资也能画”的傲慢心态,为了消除这种心态,我们近距离观赏一下这幅作品。

在距离足够近的情况下,我们可以看到这幅画的每一个色块都是突出画面的,并且在不同平面上,而分割这些色块的黑线看起来就像钢条一般坚硬,色块甚至被勒出了一条毛边。所有这些细节,都是非常难临摹的。

回到这幅画本身,蒙叔看似在画格子,其实他画的是对立与平衡,他让三原色(红黄蓝)和三非色(黑白灰)形成对立,将画面分解到极致。我们可以看到,这幅画中没有任何一个部分是完全对称的,却能让观者同时能感受到一种精神上的平静和宇宙间的平衡。这些特点都和我们现在温和平淡的设计截然不同。

最后

新造型主义是在新印象主义,立体主义和抽象艺术之后出现的,它吸收了之前流派的特点并继续进化,才有了现在我们所看到的蒙德里安,那么对应到现在,我们如果想跳出拟物,扁平,轻拟物这个循环,也许可以借助蒙德里安的艺术,找到新的突破口,在界面,海报,动态图形等设计领域创造一个全新的风格,让《黄,红,蓝的构成》重新引领设计圈潮流,而看到这篇文章的你,也许就是设计界的蒙德里安。

看这篇文章,遍览今年最流行的设计风格合集:《优设年度盘点专题!2017年最受欢迎的设计风格合集》

欢迎关注微信公众号:「 融360RUX」

「风格总结好文」

  1. 《没灵感?这里是最全的15个设计风格总结!》
  2. 《没灵感?这里是最全的12个LOGO设计风格总结!》

您可能想查找下面的文章:

  • 用一篇文章,让你看懂设计史上的3个经典艺术流派

相关文章

  • 2017-08-06div垂直居中的N种方法 单行/多行文字(未知高度/固定高度)
  • 2018-08-23实例解析!如何成为有交互和视觉思维的UI 设计师?
  • 2018-11-02解决checkbox复选框选中传值,不选中不传值的方案
  • 2018-08-2320年前的Windows 98,有一套不俗的新用户引导流程
  • 2018-08-23你知道按钮设计的7个基本原则吗?
  • 2018-08-2336氪产品总监:求职应该怎么问答+面试官是如何打分的
  • 2017-08-06提高网站访问速度的六种方法
  • 2018-08-23想让作品从80分到100分?你需要这3个包装作品的小技巧!
  • 2017-08-06支付宝新首页的几点前端实践小结
  • 2018-08-23UCAN2017回顾!阿里UED大学负责人:我们如何做人才的增值?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 交互设计中的“无意识错误”:如何帮助用户防错?
    • 对于这5个UX设计迷思,你需要知道它们的答案
    • 想让用户忍不住浏览下去,这5种设计策略需谨记
    • 春节专题!App 设计系列之模态弹窗与非模态弹窗
    • 超详细的《Design Systems》读书笔记
    • 高手说我的图标不止好看,还有这4个作用!
    • 想自学插画?9个必备的手绘插画教程神器
    • 高手进阶技巧!全方位深入理解 Sketch 库(中)
    • 如何搭建Web端布局框架?来看滴滴设计团队的超全经验总结!
    • 每天刷抖音停不下来?原来是用这3个设计让你上瘾!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有