如何把拼贴艺术运用到平面设计中?
文章来源:优设网 这篇好文有个非常值得学习的厉害之处,学会了保证以后都不会灵感枯竭,特别是对于做电商/平面...
需求背景:
需求背景是为京致衣橱应用商店做介绍图,整体需与衣橱618大促风格相符,并体现大促热闹氛围。
想一想:
根据活动主题和想要用到的表现形式,可衍生以下关键词:步骤解析:
那如何在以上元素信息繁多的情况下做到主体清晰和整体感呢?我们从空间、变化、形式感3个方面分步说:
第一步:空间
1. 版面划分
首先,需要将版面内容划分成几个区域,之后可以按照排整布局和关键词去寻找模特及产品等。再对元素进行角度、位置、大小的调整。
通过对外边缘加了白色边框,并在留白处加了点缀性元素进行画面的平衡,会有在平面中衍生空间的感觉。2. 版式布局
在手机端的专题界面排布中,用户所面对的空间可视范围较小,因此要创造出直观的用户体验。文字与元素采用垂直水平构图,能把信息层级罗列得更为规整和明确。以版面中心点开始向外扩张,让用户的视觉关注点聚焦到中间从上往下浏览,从而提高用户体验及讯息传递效率。第二步:变化
文字区域通过字体、对齐、大小变化、颜色区分的方式让视觉层级更加清晰。第三步:设计元素及运用手法
以下几张参考是与拼贴与大促活动的范例,我们从中分析其元素构成及设计手法:1. 元素提取
基于服饰风尚潮流和拼贴独特风格表现的共通性和主题性,可从以上相似风格参考中提取以下主要元素:2. 设计手法
由以上例子中归总出三个可复用的处理方式:
a.渐变撞色。
b.几何形运用。
c.元素自由形排版。
3. 颜色选择
饱和度高的颜色更容易受到关注,因此大促主题类的用色会更偏向饱和度高的暖色。
4. 综合得出以下几点
a.素材搜寻及组合
在保持主体突出和版式稳定性的情况下,以所提取元素关键词找到匹配主题风格的素材:加入不同材质但符合主题的元素,使画面更具主题效果和趣味性,能够很大程度提升页面的丰富度。并对其以组合分离、断裂、重构的拼接手法合理排布去烘托主题,让画面更具张力。最后以小几何形作为辅助,让人物组合层次更加生动。
b.色彩运用
考虑到本次主题活动的特性,画面具体色调选定如下:背景色利用渐变撞色来激发情感和感官元素,突显大促的火热氛围。而大渐变的形式会给整体营造一些远近层次的空间感。
c. 细节优化
细节部分利用光影、撞色渐变、几何元素修饰,让人物组合层次更加生动,从而丰富画面的主题性。
最终效果:
如果你有什么意见和建议,请加微信账号:canglijing或直接微信平台留言,如果想投稿或者平台合作,请将意见发至邮件:13761084336@163.com,谢谢。
NAR排版设计
微信号:narshejipaiban
文章来源:优设网
Part 3 实际运用
BB了以上,接下来带来一些拼贴手法与平面设计结合的具体运用实例方法,希望能给大家提供借鉴和启发。需求背景:
需求背景是为京致衣橱应用商店做介绍图,整体需与衣橱618大促风格相符,并体现大促热闹氛围。
想一想:
根据活动主题和想要用到的表现形式,可衍生以下关键词:步骤解析:
那如何在以上元素信息繁多的情况下做到主体清晰和整体感呢?我们从空间、变化、形式感3个方面分步说:
第一步:空间
1. 版面划分
首先,需要将版面内容划分成几个区域,之后可以按照排整布局和关键词去寻找模特及产品等。再对元素进行角度、位置、大小的调整。
通过对外边缘加了白色边框,并在留白处加了点缀性元素进行画面的平衡,会有在平面中衍生空间的感觉。2. 版式布局
在手机端的专题界面排布中,用户所面对的空间可视范围较小,因此要创造出直观的用户体验。文字与元素采用垂直水平构图,能把信息层级罗列得更为规整和明确。以版面中心点开始向外扩张,让用户的视觉关注点聚焦到中间从上往下浏览,从而提高用户体验及讯息传递效率。第二步:变化
文字区域通过字体、对齐、大小变化、颜色区分的方式让视觉层级更加清晰。第三步:设计元素及运用手法
以下几张参考是与拼贴与大促活动的范例,我们从中分析其元素构成及设计手法:1. 元素提取
基于服饰风尚潮流和拼贴独特风格表现的共通性和主题性,可从以上相似风格参考中提取以下主要元素:2. 设计手法
由以上例子中归总出三个可复用的处理方式:
a.渐变撞色。
b.几何形运用。
c.元素自由形排版。
3. 颜色选择
饱和度高的颜色更容易受到关注,因此大促主题类的用色会更偏向饱和度高的暖色。
4. 综合得出以下几点
a.素材搜寻及组合
在保持主体突出和版式稳定性的情况下,以所提取元素关键词找到匹配主题风格的素材:加入不同材质但符合主题的元素,使画面更具主题效果和趣味性,能够很大程度提升页面的丰富度。并对其以组合分离、断裂、重构的拼接手法合理排布去烘托主题,让画面更具张力。最后以小几何形作为辅助,让人物组合层次更加生动。
b.色彩运用
考虑到本次主题活动的特性,画面具体色调选定如下:背景色利用渐变撞色来激发情感和感官元素,突显大促的火热氛围。而大渐变的形式会给整体营造一些远近层次的空间感。
c. 细节优化
细节部分利用光影、撞色渐变、几何元素修饰,让人物组合层次更加生动,从而丰富画面的主题性。
最终效果:
如果你有什么意见和建议,请加微信账号:canglijing或直接微信平台留言,如果想投稿或者平台合作,请将意见发至邮件:13761084336@163.com,谢谢。
NAR排版设计
微信号:narshejipaiban