使用拼图来做设计,原来这么简单!

使用拼图来做设计,原来这么简单!

看看脍炙人口的《版式设计原理与应用》,有PDF下载哟。

获取方式:关注公众号,回复电子书,公众号pm6669999

拼图源于“COLLAGE”一词,指的是在一张图片中添加多张图片组合成独特的风格版面的形式。它经常被运用在制作剪贴的相册,而你也会发现在很多的网页或纸质版面设计中,它也无处不在。

现代拼图设计的流行让很多新兴的工具也发展起来,本帖总结了20个分类下,一系列手工或在线拼图的现代拼图版面。

Ⅰ. 杂志版面设计——视觉组合

在杂志的编辑上,更多倾向于如何更好地提供高阅读性的图片文字排版,才能更好地吸引读者。因此,杂志编辑并不会在文字本身方面花很多的精力。

1.图片与文本相结合

Dash Magazine 杂志封面凭借着创造性的图片文字组合,一直在时尚界引领潮流。其设计师Ashkan Honarvar 将电脑制作的文字因素和模特图片结合起来,巧妙地实现了时尚的现代拼图设计。

2.方格的灵活运用

Pam & Jenny 的此幅现代编辑设计巧妙地运用了方格这一传统元素。虽然整个版面都建立在格子拼接的基础中,设计师将文字跨越方格边界,叠加在其他格中,也使得整个版面形成了一个整体性的组合。在图片的拼接上,这种风格可以很好的吸引读者的眼球。

3.粗体印刷风格与压迫感图片所相组合

尽管这是一个网页版面,但Fleischmarkt 这座艺术新兴殿堂的这幅设计完美的诠释了,如何将杂志编辑版面风格运用在其他现代设计中,来达到杰出的视觉效果。运用一系列工具和软件,可以轻松制作像这样拥有创意图片排版和独特印刷字体设计。在Fotor DESIGN 就可以很好地实现这样的效果。

4.运用凸显的颜色来实现强烈的对比

F5杂志的这张篇幅中的排版充满了现代感和色彩感,是当代电子制作拼图运用于编辑设计领域的杰出典范,整个版面既能很好的吸引读者注意力,也可以让他们更轻松容易地进行阅读。黑白照片与强烈的红色元素引人瞩目,也使读者有更多的想象空间。

5.结合框架组合多个元素进行排版


尽管从严格意义上,Chase Matt的这幅设计并不能被算作为是杂志编辑领域的,但它看起来却十分相似。原因是因为它引人的排版巧妙地将一组图片整合为一体,让它成功地诠释了杂志编辑风格如何融入于其他的设计分支。不仔细看,或许会觉得每一幅图片都是随机地排在整个页面里的,然而事实上他们是运用一个隐形的框架,让整个排版显得干净清爽,利于读者阅读。所有的图片都完美地和圆润的字体搭配起来,并且白色的空隙使得版面主题部分更加凸显。

Ⅱ.季刊版面设计——杰出示例

季刊作为商品广告的重要工具之一,它需要更好地吸引读者注意力并且展示出产品最好的一面。以下五个设计便可以告诉你,如何让报纸上的版面设计更加符合读者的兴趣。

1.运用平面摄影

Loeffler Randall的这幅季刊广告设计便展示出了当代产品潮流,结合平面摄影和格子框架排列,并运用白色的背景作为产品之间的间隔,形成了每个产品间的对比,也给标题留出了醒目的空间,更好地吸引读者。

2.给每张图片独立的空间

分别将四张图片放置在一张图的四个角落,可以更高地显示其间的对比,而BHLDN便运用了这一方法。他完美地制作了这幅拼图,使得潮流风格充分地显示出来。

3.灵活运用透视技巧进行设计

The Karen Walkersunglasses眼镜系列让图片组合更加具有统一性,使得整个版面拥有极简抽象艺术风格。同时,整个版面主要以白色为背景,文字和眼镜保持一致的3D角度,使得产品都拥有足够的展示空间。

4.运用Z字型排版准则

多种样式、不同大小的图片与手绘元素的组合,可以使整个报纸排版拼图更加更够吸引读者。Z字形排版准则,主要是依据读者进行阅读时眼球的运动轨迹,进行的模拟。Banana Republic的这则季刊广告充分地运用了该准则,并完美地展现了极简约主义在现代季刊设计中创意的设计。

5.文字和图片的交换使用

Net-a-Porter 的这幅季刊设计极具视觉冲击性,它巧妙地运用了电子拼图设计,通过给订阅读者发送季刊邮件,使得产品得以更好的展示。其间,文字和图片交换使用让各个部分都分隔出来,副标题也更加显目。

Ⅲ.宣传册的版面设计灵感——激起读者兴趣

宣传册设计旨于充分展现设计质量和有价值的产品信息。下面五个宣传册设计,都具有极高的阅读性、并且引人注目。

1.建立明显具有对比性的版面

Silo Theatre 宣传册上保留古色古香的风格,细微的背景颜色和拥有强烈对比的图片组合,以及引人注目的字体设计都很好的吸引了读者。在整个布置中,与表演相关的肢体动作展示出Silo Theater 大剧院具有挑战性且极具观看性的演出。

2.运用图片的布置来讲述故事

该宣传册来源于第500届澳大利亚Reconciliation Action Plan(RAP)活动,该活动旨于宣传、提高人民意识,认识到澳大利大土著居民生活中所收到的不公平。通过对土著艺术品的展示,以及联合起来故事的讲述,该设计作品完美地表现了土著文化的艺术价值。

3.在设计拼图中运用几何元素

Aleix Artigal 是一名拥有创造性的图片设计师,她希望她的此幅作品能够很好的引导旅游者参观世界上最大的Nouveau 艺术长廊。该作品运用了极具魅力风格的电子拼图,几何元素的运用使得每个部分的内容都得到未完整的实现,整个图片都可以勾起读者对于Nouveau 艺术长廊的好奇心。

4.运用宣传册的不同页面来建立整个构图框架

Open Helsinki宣传册的简约设计风格让所有的图片都可以很好地引导读者去相应的旅游页面。文字和图片组合都完美地与宣传册不同页面相契合。

5.建立多幅图片的对称排列

宣传册上的每一版图片都讲述了全新的故事和多样的内容,并且运用不同的色彩表现出独特的视觉效果。然而,整个宣传册作为一个整体,建立了多幅图片的对称排列。

Ⅳ.唱片封面设计——音乐韵感与图片设计的融合

CD封面设计主要是要通过视觉效果反映出整个音乐氛围,而以下5则设计都很好的诠释了该点。

1.运用不同质感的图片拼图

Anna Katrin Karlsson 是以为以光学设计为主要方向的设计师,由她设计的这幅CD封面结合了多种材质且互相具有强烈对比的图片素材。色彩感丰富的图片与简约的标题形成强烈的反差,十分吸引眼球。

2.破碎镜面风格的拼图

这张复古Tegan and Sara的唱片封面可以用FOTOR的拼图功能轻松制作。将主图片和背景图片叠加起来,并进行裁剪,使其拥有不同的图片大小、对比度等参数,从不同的角度展示同一个主体。

3.运用图片组合模板来达到抽象拼图排版

像这样一张极简约主义风格的唱片封面也可运用FOTOR 拼图模板进行制作。运用不同的图形组合来制作出抽象的视觉效果。

4.大胆运用撞色和抽象元素

Studio Pilote 运用大胆的糖果色和黑白撞色效果拼接,设计出复古、抽象的作品,这样的作品能够最大程度上吸引读者注意力。

5.将显目大胆的图纹与简约主义相结合

经常位于最热卖榜的专辑,封面都采用了多样的色彩和强烈对比的图纹来制作出整个震撼性的设计。Akatre Studio巧妙地运用没有任何装饰的字体以及多样的图片相结合,打造了一张完美的CD封面。

看了以上20个拼图设计案例,你有没有get到新的设计灵感呢?快来与我们一起分享吧~设计愉快~

-end-

来源:版视(id:designb)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容

  • 版面设计是艺术与技术的高度统一体,决定版面设计效果的因素有很多,其中比较重要的一项就是视觉度。版面的视觉度关系到版...
    93091cdf8ebb阅读 1,040评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,057评论 25 707
  • 屈源芝妈妈亲子日记第473天 8月10日,星期五,晴 最近女儿每天都会坚持练英语口语,已经坚持十一天了,真的很厉害...
    月儿贝贝阅读 263评论 0 1
  • 天阴沉,身体也沉重,一个月最不舒服的两天,快过去吧! 一杯香茗,几个闲人,度过这慵懒的一天。 ...
    琳琅红木阅读 100评论 0 0
  • 手如柔荑,肤如凝脂,领如蝤蛴,齿如瓠犀,螓首蛾眉,巧笑倩兮,美目眇兮。 那是我第一次见到她。胸无点墨的我,蓦然想起...
    李爹阅读 335评论 23 15