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

标签: 视觉设计 | 发表时间:2011-12-19 15:42 | 作者:佳仙人
出处:http://uedc.163.com


在历代的视觉风潮中,绘画与设计在方方面面有着关联(“设计”为外来词,在传统中国中,对应的词是“经营”),很多时候都是你中有我我中有你的局面,西方美术史上的文艺复兴、新艺术运动就是其中最好的例子。身为插画师以及设计师,在这两者之间游走,有着许多体会。其中对于画面“层”的认知,尤为深刻。
一般在视觉中“层”无论在画面抑或设计手法上都呈现出明显而重要的作用,用“层”的概念去看待作品,不需要过多的分析,都能很直观的感受得到画面的逻辑,直接获得视觉上的冲击。平日里我们在评价画面时所说的层次、景深、丰富、清晰啊等词语都包括了“层”的意义。要是说设计思维中的“层”是广义概念,那本次小弟主要是针对“视觉画面”的狭义概念进行小述。

1.用色的浓淡区分

我们来看张画先:

《蒙罗丽莎》

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

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

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

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

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

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

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

2.线条的疏密粗幼

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

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

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

3.图形的多寡大小

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

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

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

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

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

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

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

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

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

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

PS.过分的理性分析会忽略掉对情感诉求的重视,亲们,真情实感也是打动别人的一个点,无论是欣赏作品、分析作品、制作作品,都不可能只靠单一的概念与方法,共勉~

相关 [绘画 设计 概念] 推荐:

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

- - 网易用户体验设计中心博客
在历代的视觉风潮中,绘画与设计在方方面面有着关联(“设计”为外来词,在传统中国中,对应的词是“经营”),很多时候都是你中有我我中有你的局面,西方美术史上的文艺复兴、新艺术运动就是其中最好的例子. 身为插画师以及设计师,在这两者之间游走,有着许多体会. 其中对于画面“层”的认知,尤为深刻. 一般在视觉中“层”无论在画面抑或设计手法上都呈现出明显而重要的作用,用“层”的概念去看待作品,不需要过多的分析,都能很直观的感受得到画面的逻辑,直接获得视觉上的冲击.

ZOMMA 概念店空间设计 / 汉诺森设计机构

- miyizs - 60designwebpick
在仿制成风的当下,几乎没有一个店面设计真正拥有原创精神. 但对于 ZOMMA 这样的年轻原创设计师品牌,无论是设计师导向还是外缘空间形式,汉诺森 Hallucinate 都赋予其原创的活力以及无限衍伸成长的生命力. 在店面设计上,ZOMMA 的门面设计上,汉诺森为其精挑了白色烤漆铁网作为主体,为纷杂的街面注入一份明净,在周围的店面设计中一跃而出.

10个超棒的HTML5素描及绘画设计工具

- Xiujun Ma - ITeye资讯频道
非常适合随手绘制勾勒图像轮廓的一个工具. 这个工具的开发者是Hakim El Hattab. 你会发现用它画素描非常有趣,甚至还可以画3D草图. 带有多种笔刷跟滤镜,能够进行比较精细的创作. 不必安装FLASH 插件就可以使用. 一款小巧好用的绘图应用,非常容易上手. 可以很方便地定义路径的素描工具.

会说故事的概念照片设计创意

- ma - Jackchen Design 1984
概念照片里都描绘一个想法,数字艺术设计师想要传达给观看着的一个可能. 照片用概念里的各种手法夸大或者奇幻了生活中的各种可能,让你可以直观的发散画面里想要表达的结果. 这些寓意明了,给人超现实主义或者幽默搞怪的感觉. The ink represents the fluidity of imagination and creativity through which the artist creates fish, birds, butterflies and the world of his own.

维基百科概念版Logo设计欣赏

- 谢小兔 - Rologo 标志共和国
应英国杂志Viewpoint之邀,著名的品牌设计公司Moving Brands为维基百科(Wikipedia)设计了一款概念版的标识. 这个标识由五条线组成“Wikipedia”的首字母“W”,象征维基百科的五大办站原则(官方称为“维基百科五大支柱”),同时这些线上有九个等长的节点代表维基媒体基金会(Wikimedia)旗下的九个姐妹网站.

系统设计中最重要的概念

- - 搜索引擎技术博客
大约在一年前,我的 程序员生涯遇到了一次转折,起因是我阅读了Eric S. Raymond(后文简称ESR)写的《 Unix编程艺术》一书. 虽然该书写作的时候Web应用程序还未开始流行,但是其中的原则至今仍然适用. ESR在书中试图以UNIX的设计思想与程序员交流,如果你读过之后能够理解,你会在那时发出“啊哈”的感叹,并且对所有的知识瞬间领悟.

数据库设计概念模型要不要建?

- - 博客园_首页
      记得上学时,学习数据库相关课程中要求我们一步一步按照“需求”-->概念结构设计-->逻辑结构设计-->物理结构设计的步骤完成. 但来到公司实际项目中时,我却发现几乎没有一个项目是完全按照这个步骤来建立数据库的. 很多项目基本就是从需求中直接获取信息,然后进入逻辑结构设计阶段最后到片面的物理结构设计阶段,直到数据库可以使用,反复迭代该过程.

网站可用性设计中 不容忽略的30个基础概念

- 马克叔叔 - 互联网的那点事
你不必在每件事情上取得别人的同意. 作为一个专业的Web开发人,你是你访客爱好和需求的倡导者;你必须坚持你对良好的用户体验的理解,确保在复杂的网站架构下你的访客仍可能找到他们的路径. 这意味着在与用户和同事讨论时,你必须能够坚持你的立场,有效地传达自己的想法. 事实上,你的工作就是妥协处理错误的思想和误导的概念,而不是盲从它们.

类O2O概念产品交互设计的几点体会和探讨

- - 互联网的那点事...
开文估计少不了做一下概念的名词解释,我就引用下网络的解释吧,O2O(Online To Offline),. 将线下商务的机会与互联网结合在一起,让互联网成为线下交易的前台. 线下服务就可以用线上来揽客,消费者可以用线上来筛选服务,可以在线成交结算. 特点:推广效果可查,每笔交易可跟踪. 这概念模式无形中给用户提供了更多的选择和便利,也给线下商务带来商机.

专题 | 概念美术设计在动画合作中的作用

- - AnimeTaste·动画精选
创作是归于个人内心忠诚表达的过程——纵然这是我们熟悉的一个基本原则. 但是我不得不提出的观点是,动画创作是可以细分为“个人独立创作”;“团队联合创作”和“工业流程创作”的. 这个递进的层级显而易见不能忽视的一个核心问题是——合作. 有人若是这个时候站出来抬杠说,新海诚呢. 好吧我同意动画短片的创作往往都是个人独立完成的,那么音乐音效你也能独立完成.