深圳网站制作专业品牌! 联灿科技-深圳企业网站专业服务商 加入收藏
用户名: 密码: 注册
深圳市联灿科技有限公司深圳做网站,找联灿! 深圳网站设计热线 深圳网页设计在线咨询
技术交流
网站设计
网站优化
行业动态
 
深圳做网站,找联灿!
深圳市联灿科技有限公司成立于二零零四年,是家专业提供深圳网站制作深圳网页设计深圳网页制作深圳网站设计深圳网站开发、域名注册、虚拟主机、企业邮箱等服务的正规深圳做网站的公司,迄今已累积客户逾千家,在业界具有相当的知名度,在深圳网站建设市场上树立了良好的口碑。
业精于专,值得您的信赖!
销售热线:0755-26955674
查看更多联系方式
网站设计
从绘画看网页设计中“层”的概念

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

1.用色的浓淡区分

我们来看这张画:

《蒙娜丽莎》

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

达芬奇几乎是全能型的天才,其中设计与绘画都有异常高的成就,他的作品除了蕴含浓厚的人文主义色彩,也饱含了很多设计的理论,属于学院的理性派别。需求方都趋之若慕登门求作。

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

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

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

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

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

2.线条的疏密粗幼

梵高先生,类似困在办公室充满才华却苦逼的设计师,一生饱含激情的舞动着画笔,作品以“情感”动人。

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

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

3.图形的多寡大小

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

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

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

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

………………………………………………………………………………………………………………

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

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

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

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

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

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


上一篇:网站设计中提升用户体验必杀技–心理学原理
下一篇:互联网产品设计中如何创建用户画像

技术交流 最新上线
网站制作中关于图片优化的15个原则
网站进行改版时应该注意哪些方面?
多方面入手有效提升网站的用户体验
谷歌网站管理员博客:五个常见的SEO错误
揭示黑客在社交网站上的五大攻击手法
Foshan Green Pipe Technology 网站制作完成
色源实业有限公司深圳网站制作完成
Dongguan Yicheng Innovation 网站设计完成
鸿翼能科技有限公司深圳网站制作完成
AGS technology limited 深圳网站制作完成
 
网站首页 | 公司简介 | 新闻动态 | 超值套餐 | 经典案例 | 常见问答 | 技术支持 | 联系方式 | 留言反馈
Copyright © 2004-2017 LINKCHANT TECHNOLOGY LTD, All Rights Reserved. 粤ICP备05037094号
联系电话: 0755-26955674  电子邮箱: sales@linkchant.com
联灿科技: 深圳网站制作公司 | 深圳网页设计公司 | 深圳网页制作公司 | 深圳网站设计公司 | 深圳网站建设公司 | 深圳网站开发公司 | 深圳做网站的公司