实战演示!如何把拼贴艺术运用到平面设计中? - 优设-UISDC

实战演示!如何把拼贴艺术运用到平面设计中?

2016/06/30 13198

tiles-in-graphic-design-1

编者按:这篇好文有个非常值得学习的厉害之处,学会了保证以后都不会灵感枯竭,特别是对于做电商/平面设计的同学,这可是一个手把手的教学——如何从艺术家的作品风格中汲取创意?来看苏秋嵘同学把拼贴艺术与平面设计结合,具体运用到实战中的过程!

Part 1 发展轨迹

说到起源,拼贴最早是立体主义艺术家提出来的观点并被正式确认。经由立体主义、达达主义、超现实主义等流派的不断尝试和演变下,拼贴手法以全新的姿态出现在现代设计作品中。

在艺术形态千变万化的今天,人们的视觉感受也越来越丰富。拼贴设计,以它断裂、重组、融合等独特的风格表现,逐渐被接受并运用,从而拓宽了其表现的空间。

Part 2 拼贴手法

下面从一些拼贴作品的设计特征、拓展运用等几个方面对拼贴的艺术形式进行了解,并发掘其中审美价值。

关键词:剪贴画、点线面、重复、波普

rc201606301

众多时尚杂志以拼贴的剪贴画形式,以及结合点线面,色块,重复,平衡,波普等元素的运用,为他们一贯的平庸加入了另类的活力。

关键词:复古、混合风格

rc201606302

这组塞尔维亚插画师Becha的作品,利用拼贴画与时尚摄影组合而成的画面呈现出浓厚的混合风格。创意天马行空,用色大胆鲜艳而复古。

关键词:断裂、重构、超现实

rc201606303

包含多种元素的断裂、重构的拼接手法。极具抽象艺术的表达方式超脱现实却合乎基调。

Part 3 实际运用

BB了以上,接下来带来一些拼贴手法与平面设计结合的具体运用实例方法,希望能给大家提供借鉴和启发。

需求背景:

需求背景是为京致衣橱应用商店做介绍图,整体需与衣橱618大促风格相符,并体现大促热闹氛围。

想一想:

根据活动主题和想要用到的表现形式,可衍生以下关键词:

rc201606304

步骤解析:

那如何在以上元素信息繁多的情况下做到主体清晰和整体感呢?我们从空间、变化、形式感3个方面分步说:

第一步:空间

1. 版面划分

首先,需要将版面内容划分成几个区域,之后可以按照排整布局和关键词去寻找模特及产品等。再对元素进行角度、位置、大小的调整。

通过对外边缘加了白色边框,并在留白处加了点缀性元素进行画面的平衡,会有在平面中衍生空间的感觉。

rc201606305

2. 版式布局

在手机端的专题界面排布中,用户所面对的空间可视范围较小,因此要创造出直观的用户体验。文字与元素采用垂直水平构图,能把信息层级罗列得更为规整和明确。以版面中心点开始向外扩张,让用户的视觉关注点聚焦到中间从上往下浏览,从而提高用户体验及讯息传递效率。

rc201606306

第二步:变化

文字区域通过字体、对齐、大小变化、颜色区分的方式让视觉层级更加清晰。

rc201606307

第三步:设计元素及运用手法

以下几张参考是与拼贴与大促活动的范例,我们从中分析其元素构成及设计手法:

rc201606308

1. 元素提取 

基于服饰风尚潮流和拼贴独特风格表现的共通性和主题性,可从以上相似风格参考中提取以下主要元素:

rc201606309

2. 设计手法

由以上例子中归总出三个可复用的处理方式:

a.渐变撞色。

b.几何形运用。

c.元素自由形排版。

3. 颜色选择

饱和度高的颜色更容易受到关注,因此大促主题类的用色会更偏向饱和度高的暖色。

4. 综合得出以下几点

a.素材搜寻及组合

在保持主体突出和版式稳定性的情况下,以所提取元素关键词找到匹配主题风格的素材:

rc2016063010

加入不同材质但符合主题的元素,使画面更具主题效果和趣味性,能够很大程度提升页面的丰富度。并对其以组合分离、断裂、重构的拼接手法合理排布去烘托主题,让画面更具张力。最后以小几何形作为辅助,让人物组合层次更加生动。

b.色彩运用

考虑到本次主题活动的特性,画面具体色调选定如下:

rc2016063011

背景色利用渐变撞色来激发情感和感官元素,突显大促的火热氛围。而大渐变的形式会给整体营造一些远近层次的空间感。

c. 细节优化

细节部分利用光影、撞色渐变、几何元素修饰,让人物组合层次更加生动,从而丰富画面的主题性。

最终效果:

rc2016063012

Part 4 综述

在拼贴中技术和艺术是相辅相成的。观者首先会因为作品本身的视觉冲击力被吸引,但真正的震撼力还是来自于作品中所传达的艺术情感思想。艺术来源于现实。而拼贴是用想象去超越了现实,带给我们更加多元化,新颖有趣的视觉艺术。

注释:

1. 立体主义:运用木纹纸、报纸、墙纸等材料拼贴出不同的块面,将表现具象的物体与画面本身抽象的艺术形态相结合,成为立体主义时期标志性的绘画方式。

2. 达达主义:照片拼接法为达达主义典型的创作手法,把照片剪一剪,戏剧性地粘贴在一起,不同的色彩肌理相互交叠,使画面变得复杂化。

3. 超现实主义:超现实主义在达达主义对拼贴手法的深入推广下,继承了达达主义将现成品融入作品的表现方式,但更注重物质本身色彩与质感的协调。

「那些优秀设计作品背后的故事」

《月熊志》:国际顶尖作品!《月熊志》公益主题网站背后的设计故事

Medium:LOGO改版实战!聊聊MEDIUM 2.0新LOGO背后的设计故事

QQ音乐巅峰榜:字体设计实战!QQ音乐巅峰榜诞生记

原文地址:weibo

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量130万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/tiles-in-graphic-design

sketch UI 界面设计 转场动效 平面设计 交互设计师 设计师 扁平化设计 设计师专访 排版布局 职场 视觉设计 用户体验设计 设计流程 素材下载 配色 web前端开发 海报设计 AI教程 设计理论 产品设计 设计规范 字体下载 神器下载 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里