赞助商
立即赞助

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

手绘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九五七」

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

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

相关文章

文章作者 Yihui Liu 是一名 UI/视觉室内设计师和插画师,热爱以人为本的设计。通过在北京的学习和工作后,于德国魏玛包豪斯大...
UI插画
不少人问我「今年要怎样学手绘鸭?我要画出什么样风格,才会受到很多人的喜欢呢?」 今天就让Behance大神告诉你! 前不久,...
优优教程网
本篇文章给大家带来一位国外插画大神的成长经验,希望对你有所帮助。 Katarzyna Dziaduś作品链接:https://dribbble.com/kat...
彩云译设计
什么是等距图形?等距图形的发展历史?如何快速做出等距图形?这篇总结全都有了! 一. 等距是什么? 等距视图是指,绘制物体...
2.5D
@糖糖糖就是糖 :这篇文章给大家分享一下在画好线稿的重要性,并总结了一些常见问题。选择合适的构图,画好线稿是一张画的开...
手绘
@糖糖糖就是糖 :这是自学水彩系列总结的第五集——自用留白液测评和常见问题。 之前在 B 站画了一套海洋系列的画,经常用到留...
手绘
编者按:本文从概念落地、色彩叠加方法、细节刻画和审查画面四个维度教你如何绘制多色彩的渐变插画。 欢迎关...
插画
@糖糖糖就是糖 :谢谢大家喜欢上一篇的内容《自学水彩没你想的那么难,说说我是怎么自学的》,文章推荐了十本自学书籍。我会...
手绘