超全面!创意图形中的实用小套路进阶指南

手绘3年前 (2021)发布 流光
3.7K 0 0

本文由百图记特邀嘉宾-Brenttton大神为大家分享「⾼阶创意图形中的⼩套路」。

超全面!创意图形中的实用小套路进阶指南

△ 分享大纲

本文主要介绍Brenttton大神在创意图形设计过程中创作和优化的思路,希望大家根据这些思路,能去多练习多尝试。

一、结构

超全面!创意图形中的实用小套路进阶指南

我们先来看第一个大的部分——结构。

1. 打散重组——拆解原形,重新组装。

超全面!创意图形中的实用小套路进阶指南超全面!创意图形中的实用小套路进阶指南

例如这两张图,是现在平台上很常见的一些产品包装盒展示手法,它将完整的UI页面进行拆分。然后分解出控件图标字体等元素,又重新排版组合。比直接把一张页面干巴巴摆上去好很多。

这种手法本质上讲就是打破秩序,然后再创造更为合理的秩序。

超全面!创意图形中的实用小套路进阶指南

大家常见的应该是字体设计中的拆分,将文字的笔画打散重组。

超全面!创意图形中的实用小套路进阶指南

前段时间在线答题大战十分火热,很多人应该都玩过,我当时正好赶上这个项目,专门负责主持人的动态背景设计。

超全面!创意图形中的实用小套路进阶指南

当时有一期主题是诗词汉字专场,因为今年是狗年,所以就用到了狗字。但如果说直接把狗字、狗年大吉、狗年旺旺……这些文字直接放上去未免俗套。

然后在打算重组形式的启发下,把这个狗字的笔画进行拆分并且做了三维化处理,增强它的立体感和纵深感;颜色上,采用经典的红黄搭配突出喜庆和大气的感觉;最后背景加了一层淡淡的甲骨文符号,增强整体的文化底蕴。

再给大家看一个工作案例,是一个商业化合作的直播礼物设计,间接用到了打散的形式。

超全面!创意图形中的实用小套路进阶指南

需求方一开始给到一束花的素材,要求不能乱加其他无关的元素,不能做三维化的处理,要尽可能地还原素材本身。那我的任务,就是把这个素材做成一个价值1314元人民币的礼物动画。

通常我们做礼物价格越高,越需要打造很强的氛围感、场景感。于是我只能对其强行拆分和打散,营造热烈的氛围。

超全面!创意图形中的实用小套路进阶指南

整个过程如下:

  • 复制出两个主体放到后面作远景,并模糊处理,突出主体的同时增强氛围。
  • 拆分主体的一部分出来放到画面两个角落作前景,进一步强化氛围,让画面更饱满。
  • 最后给主体加blingbling光效,背景层加万能粒子特效。
2. 分割——对完整的形态进行切割。

超全面!创意图形中的实用小套路进阶指南

△ 相关案例

3. 穿透——用一种物形去穿透另一种物形。

超全面!创意图形中的实用小套路进阶指南

个人感觉穿透是比较小众的一个套路,大家仅作参考即可。

4. 模拟——用一个物形或多个物形模拟另一种形态。

超全面!创意图形中的实用小套路进阶指南

模拟手法在设计中用到的比较多,像QQ浏览器的开屏设计,用鸽子聚集模拟出字母Q的外形。QQ音乐用文字堆叠模拟QQ音乐的logo。

超全面!创意图形中的实用小套路进阶指南超全面!创意图形中的实用小套路进阶指南

我平台上的一些作品,经常会用到这种手法。用动物、山水去模拟字母的形态。

5. 拼置——将两个物形各取一部分拼合成一个新形象。同理于植物的嫁接。

超全面!创意图形中的实用小套路进阶指南

拼置这个手法比较常见,像这两张海报里面都是同样的套路。左侧电影海报将埃菲尔铁塔和手枪结合起来,巧妙地阐述了故事发⽣生的题材和地点;右侧的是一家文具厂商的广告,将铅笔和各种生活中的实际物体结合起来,体现出铅笔栩栩如生的绘制,色彩还原度高。

6. 置换——物形中的某一部分被其他完整的物形所替代。

超全面!创意图形中的实用小套路进阶指南

左侧这张闪屏设计里面就是把风筝的主体替换成了包裹来实现置换的效果。

右侧这张是把具体部分替换成了了一个甜甜圈,寓意也很明显,就是你垃圾食品吃多了,你也会变成垃圾。

此处有一点要注意,置换手法和拼制手法很容易混淆,看起来好像都是把两个物品拼到一块儿,但从形式上来说,两者还是有明显区别的。大家可以通过这两个案例看出,置换手法中被替换的部分的通常是保持完整的;而拼置的物体彼此都是有缺损的。当然大家不必太拘泥于这些条条框框,实际运用中可以灵活处理。

7. 共生——几个物形共用一些部分或轮廓线,相互借用,相互衬托。

超全面!创意图形中的实用小套路进阶指南

这里面有一种特殊的共生,也是平常最多用到的,即正负形,常见于各种logo设计。

二、材质

超全面!创意图形中的实用小套路进阶指南

1. 材质异化——改变物形的材质/肌理,塑造新形象,赋予新的意义。

超全面!创意图形中的实用小套路进阶指南

随着C4D的兴起,3D材质的添加和肌理的改变非常简单。

2. 拟人化——给无生命的物体添加肢体或表情,使其灵动有趣。

超全面!创意图形中的实用小套路进阶指南

这个手法网上的现有资料都没有提到,但我们在设计中经常用到,也是非常容易出效果的一种手法,很有趣味性,特别是那种萌表情的添加特别容易唤起人的情绪反应。我将它总结到材质这块,就是把物体的无生命材质替换成有生命力的材质。

三、比例

超全面!创意图形中的实用小套路进阶指南
1. 夸张缩放——对人们主观经验上熟悉的事物进行尺度体量上的夸张变化。

超全面!创意图形中的实用小套路进阶指南

UC浏览器这张开屏就是把手夸张地放大到足以囊括整个宇宙和星球,从而带给人震撼的视觉体验。

一定是夸张的缩放而不是微弱的改变,必须要达到一定的量变,从而形成质变的观感。简而言之,就是对比越强烈效果越好。

四、空间

超全面!创意图形中的实用小套路进阶指南

1. 开启——将一个物形局部/整体开启,显露出藏在其中的另一个物形或空间。

超全面!创意图形中的实用小套路进阶指南

开启的部分往往是打开新世界的一个入口,可以是一扇门,或一扇窗。

超全面!创意图形中的实用小套路进阶指南

这是给百万赢家项目做的一个主持人动态背景板,其中也是用到了开启的手法。当时这期的主题是记忆大师。那和记忆最直接相关的就是大脑了,首先直接借用了了我之前的奇幻星球作品风格,打造了一个外太空的奇幻记忆大师星球。然后用开启的这种手法,让他大脑内部的空间呈现出来,并添加闪电的形式,去表现大脑在记忆时那种高速运转的状态。

2. 矛盾空间——在⼆维空间中呈现三维空间中不可能存在或难以再现的想象空间。

超全面!创意图形中的实用小套路进阶指南

大家比较熟悉的应该就是曾经风靡一时的游戏——纪念碑谷,其中就是用到矛盾空间的手法。这种手法本质上就是利用人的视觉关注中心,它有一定的局限性,对同一物体在不同的视觉区域,它采用不同的透视角度进行不同的空间界定,从而营造出这种空间扭曲的错觉效果。

3. 异影——主要以影子作为想象的着眼点,具体表现形式有投影/倒影/镜像。

超全面!创意图形中的实用小套路进阶指南

异影图形最大的优点就在于可以将事物不同时间状态、因果关系、正反面还有现象与本质等不同的元素巧妙地结合在一起,就能在静态画面中很好地去讲故事。

结语

  • 这些套路不只是适用于图形设计,目前所有视觉领域的创意设计都和这些套路脱不了干系。创意的核心就是想象,联想,我们要做的就是找到事物的特征部分,然后去改造其可塑部分。今后大家再去看优秀作品的时候就要有意识地分析该作品有何亮点,用到了哪一种套路或是套路的变种,看看自己能不能举一反三想出更好的套路。这样不断地去刻意练习,那大神之路指日可待。
  • 任何行业任何领域发展到最后都是术与道的结合。套路、技法之类虽说是术的层面,但我们也不能忽视,必须勤加练习,日益精进。当然要想上升到道的层面,必须跳脱出术的框架,养成积极乐观的心态,真正的热爱生活,热爱工作,才有可能发现更多美的事物,做出有思想有灵魂的作品。

「绘制吸睛的插画,来看这些教程」

  • 《超实用!多色彩渐变插画的核心技巧总结》
  • 《描边风设计中,最容易犯的8种问题分析》
  • 《看着高大上的2.5D插画,轻松5步就可以做出来!》

欢迎关注作者微信公众号:「SA九五二七」

超全面!创意图形中的实用小套路进阶指南

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

大家好,我是娅一。初次见面,给大家带来一篇既简单又能出效果的教程。 既然简单,那么在上手前让我们先轻松愉快的欣赏下两...
扁平插画
在过去的三个礼拜,我研究了科技创新对设计产生的影响和变化,并输出了以下三份设计趋势报告,得到了很多设计朋友的支持和认...
插画设计
画插画可以用哪些构图方式?他们的优缺点是什么?本文总结了9种常见的构图方式,帮新手快速入门。 框式构图 对角线构图 向...
插画
画插画可以用哪些构图方式?他们的优缺点是什么?本文总结了9种常见的构图方式,帮新手快速入门。 框式构图 对角线构图 向...
插画
@糖糖糖就是糖 :这是自学水彩系列总结的第四集——水彩颜料常见问题和自用测评。 ​一直有朋友问我对于初学者有没有什么水彩颜...
手绘
本文教你用仿型和破型的思路,掌握各种插画风格。 不管是 UI设计中还是营销活动中,插画都有很高的出场率,原因并不复杂:插...
仿型
本篇文章给大家带来一位国外插画大神的成长经验,希望对你有所帮助。 Katarzyna Dziaduś作品链接:https://dribbble.com/kat...
彩云译设计
大家好,我是没有肚肚的杜杜~今天给大家分享下我在绘制人物插画的时候对人体结构的一些理解和小经验~以及我的字母女孩们的...
人物插画