IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

从绘画看设计“层”的概念

网易用户体验设计中心博客 2011-12-22 22:25:39 累计浏览 1,415 次
本机暂存

原图已失效

     在历代的视觉风潮中,绘画与设计在方方面面有着关联(“设计”为外来词,在传统中国中,对应的词是“经营”),很多时候都是你中有我我中有你的局面,西方美术史上的文艺复兴、新艺术运动就是其中最好的例子。身为插画师以及设计师,在这两者之间游走,有着许多体会。其中对于画面“层”的认知,尤为深刻。

     一般在视觉中“层”无论在画面抑或设计手法上都呈现出明显而重要的作用,用“层”的概念去看待作品,不需要过多的分析,都能很直观的感受得到画面的逻辑,直接获得视觉上的冲击。平日里我们在评价画面时所说的层次、景深、丰富、清晰啊等词语都包括了“层”的意义。要是说设计思维中的“层”是广义概念,那本次小弟主要是针对“视觉画面”的狭义概念进行小述。

    1.用色的浓淡区分

    我们来看张画先:

    原图已失效

    《蒙罗丽莎》

    潘婷:蒙娜丽莎的大波浪发型

    达芬奇(不是那坑爹的家具品牌哦亲,是意大利文艺复兴三杰之一的列奥纳多・达・芬奇先生)几乎是全能型的天才,其中设计与绘画都有异常高的成就,他的作品除了蕴含浓厚的人文主义色彩,也饱含了很多设计的理论,属于学院的理性派别。需求方都趋之若慕登门求作。

    现藏罗浮宫《蒙诺丽莎》是他脍炙人口的作品之一,视觉画面除了用了黄金分割,三远景深技法之外,很明显的就是“层”概念的利用。

    大的解构画面可以分出人物与背景两部分,人物的手放在胸前,身上披着绸缎,绸缎与身上之间的是不同质感的衣裳,头披在前方的头发上罩着轻纱…要是作为元素分析,还可以解构出人物身上不同的“配件”。而背景是意大利的山水,虽然存在着“水平线不一致”的争论,场景也呈现出近景中景与远景的处理,在最远处还有着天空的存在。再把每一件“配件”细分,各自身上都存在着层次的关系。

    把以上绘画元素的解构各成为一个“层”,在电脑上同样能还原《蒙娜丽莎》。

    而在各种“元素”存在的层的情况下,达芬奇先生也巧妙运用了古典绘画的不同色彩,把“元素”们都区分开来。橄榄绿与泥土褐色,青莲与镉黄,赭石与钴绿,都罩染在高级灰一般的层上,加上黑色与金色的对比,呈现出高雅宁静的视觉感受。

    有图那个含笑但是不秃头的也是蒙娜丽莎,不过已经成为了潘婷的代言人了。本来完美的构图,优雅的气氛下,颇有洞察的潘婷只需要稍加修改,添加或者调整了一些“层”,画面的意义就焕然一新了。如此看来这张画的确是不错的写真。话说本座家里的洗发水也是这个牌子哦亲。

    2.线条的疏密粗幼

    原图已失效

    梵高先生,类似困在办公室充满才华却苦逼的设计师,一生饱含激情的舞动着画笔(除了鼠标,现在的设计师也挺喜欢舞动着三国杀),作品以“情感”动人。(但是我们都不会偏执地割耳朵泄愤吧,最多把甲方或者需求方诅咒一顿)

    作为绘画史后期的印象派,画面相对抽象简练。画面除了色块之间的差别,印象派最显著的画风就是小笔触作画以及对比色强烈。在层的关系上也有明显的下了功夫:不同颜色与笔触的向日葵,拉开了同类色的距离;瓶子横向游走的笔触,作为独立的层区分上面自由奔放的葵花;大色块的桌面以及背景,作为安静的大后方被黄金分割了。

    《向日葵》的画面可谓已经相当当代,配合适当的文字图形,就已经是一张很出色的平面设计。在当下各种杂志当道,也时不时看到梵高的向日葵作为封面而闪耀。

    3.图形的多寡大小

    原图已失效

    现藏乌菲兹美术馆的《维纳斯的诞生》是波提切利的代表作,当时是为佛罗伦萨统治者梅第奇的一个远房兄弟绘制的。此画表现女神维纳斯从爱琴海中浮水而出,风神、花神迎送于左右的情景。

    其实这张画的构图相对单纯,技法也很朴素,属于意大利文艺复兴前期的作品。主要以维纳斯为视觉中心向两边延伸的画面。近处有风神花神,于是也有伴随之的风与花,景色有岸边、不同的树木、爱琴海、远山天空什么的,层次很分明却有很融合。

    原图已失效

    作为现代设计,其实这张画面内各种”层”都可以抽取成为设计元素。日本文艺设计类杂志《Pen》在最新一期的封面中就截取了《维纳斯的诞生》中维纳斯的画面,放置在黄金分割的右侧,被夸张了的画面比例关系配上标题什么的就是非常美观的一张视觉。然而在字体与图形的设计配合下,特别是维纳斯作为刊命“PEN”前置的层,就让封面呈现出简单有趣的视觉关系,既凸显了杂志本期“文艺复兴是什么”的主题,又非常当代。

    原图已失效

    原图已失效

    原图已失效

    Nils-Petter Ekwall,一套关于城市书籍的插画,精密的排列,鲜艳的颜色,有趣的构图……插画上的城市看上去就像通话中的世界一样漂亮。尽管画面元素众多,作者通过了透视法把元素安排得层层有致。裁切局部都可以成为一个独立的画面,非常出色。

    ………………………………………………………………………………………………………………..(亲我是传说中的分隔线啊亲)

    其实层的利用,现在已经不只局限在平面的画面上,近期大行其道的3d电影,其实也是视觉中“层”概念的另一个延伸。时至今日,越来越的设计师以及艺术家也在投入“层”的视觉奋斗中。

    Shintaro Ohata,日本艺术家。他擅长表现日常生活中有如电影般的场景,并以其独特的艺术手法著称:将雕塑置于绘画之前,共同组合成一件作品,融合2D和3D的表现力

    原图已失效

    Digital graffiti,超帅气的立体涂鸦,不,这应该叫做为涂鸦雕塑了!街头文化的再一次演变,将屏幕的涂鸦画变成的立体的雕塑。

    个中我们不难用“层”的概念去解构这些作品,另有一番滋味。

    原图已失效

    原图已失效

    原图已失效

    “层”的存在其实是艺术家或者设计师逻辑能力的一种体现,一个专业级别的设计师,对外,除了画面呈现出符合需求的视觉外,对内,源文件以及素材的整理也是非常严谨的。而用”层”的概念去欣赏绘画作品,能清晰解构画面内容,也能进行项目的操作,会让事情顺畅有序,大大的增强了效率。

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 十个最容易犯的用户体验错误及规避方案 (累计阅读 79,500)
  2. 网易微博平面视觉项目执行 (累计阅读 10,034)
  3. 图书馆的世界纪录 (累计阅读 9,508)
  4. 视觉设计前瞻实用性研究(PNVD) 第五期 (累计阅读 7,199)
  5. 概念视觉设计 (累计阅读 5,828)
  6. 用Unix的设计思想来应对多变的需求 (累计阅读 4,914)
  7. 当视觉设计师遇上产品经理、开发工程师… (累计阅读 4,875)
  8. 卡通风格网站设计一览 (累计阅读 4,712)
  9. 如何写简历 (累计阅读 4,590)
  10. 格式塔:转动视觉的魔方 (累计阅读 4,473)