服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

4条捷径,带你走进图形变形记!

日期: 来源:研习设收集编辑:娅一



如果让你为单词设计图形小卡片,你会如何去设计呢?小卡片展示性偏强,需要把它设计的简洁好读。为了更有图形感和统一感,我选择用线框来规范版面:



图形的设计,为了方便信息传达,也要以简约为主。方便起见,今天的文章里我把这种简约的图形设计分为4种类型:构成、分割、出血、单独。这些类别本身并没有严格的界限,彼此之间是互相交集的。





如果想做一张关键词为“湖水”的卡片,可以怎样通俗易懂的呈现画面?我们可以选择画一个含有湖泊的场景,不过这样未免会弱化掉“水”的特性。提到湖水,让我印象最深的,就是夏日暖阳照耀下的波光粼粼的湖面,荡漾着,泛起星星点点的炫光。


直接把上面这种不规则的波纹放到卡片上,未免复杂与凌乱。我们需要先提取规律:


任何事物的发展,都有一种秩序性,相似的形象反复排列,组成一个整体,视觉上会让人觉得井然有序,产生形式美:


把“圆圈的重复构成”放大至出血,来模拟波光粼粼的湖面:


重复构成的优点,是有秩序美,但若毫无变化,则会乏味无趣。于是我添加了星星点点的"水珠",来打破构成的死板:


但是现在依然有种矢量的机械感,需要丰富细节,比如添加纹理来增加“水”的质感:


模拟夏天湖面令人眩晕的反光——添加色彩的错位:


再统一好图形与版式的色彩,一张波光粼粼的《湖水》小卡片就做好了。



上一张卡片属于“构成+出血”,除此以外,“独立的构成图形”也是一个很好的思路,比如像下图这样,几乎不依附于边框,独立存在着的构成图形:


想要做一张关键词为“树”的小卡片,除了放整棵树上去,还可以提取局部的树枝来表达,利用大脑的“完形心理”来补全对整棵树的联想。先画一根树枝,在45度的方向添加一根分枝,打破对称图形的乏味。

一根树枝代表一棵树略显勉强,添加多个树枝则更能体现“树”的属性:


但是,我希望卡片上的图形可以更简单。既然“两个”和“多个”都属于复数,不如用“两个”来代表“多个”,只保留两根树枝,用翻转制造变化,打破重复构成的乏味。


添加纹理来打破矢量图形的机械,为植物增添人文气息:



沿用同样的版式,统一图文的色彩,小卡片《树》完成:





色块的分割能很好地制造对比,简单又很有形式感。比如左右分割,上下分割:


地球自转带来白天与黑夜,是差异很大的两种自然现象,是不是很像南北半球被分割为白色与黑色呢?


反白背景,强化分割:


添加特点,强化印象。夜晚的天空有星星:


白天有灿烂的阳光照射下来:


现在斜线的出现破坏掉了原本横平竖直的安静感,和左边不协调,所以我把线条变为了横线:


这样整体就协调了。搭配上统一的版式,《地球》小卡片就完成了:



“夜晚”这个关键词,让我想到寂静的星空和平静的湖面。刚好可以把它分割为上下两块:


现在画面被分为了“天”和“水”两块,为这两块不同性质的区域添加各自的特点,比如夜空里的星星:


湖水可以怎样表现呢?如果用横线来表现水波纹,那画面里将会充满横向的线条:


显然,我们需要用一些竖线来打破这种乏味。怎样合理的添加竖线呢?我想到了湖边安静伫立着的芦苇丛:


叠加纸纹理,为画面增添人文气息:


现在矢量的机械感还是会让画面显得单调乏味,我们需要丰富细节,错位是一个非常好用的方法:


搭配统一的版式,这张《夜晚》小卡片就完成了:





“出血”是印刷里的专有名词,在这里指代的是,在一个完整独立的图形里裁剪出的那一部分——需要依附于边框而存在着的图形:


“出血”这一类的图形,包括“有场景的图形”、“特写”、“图案”等等。“旅行”这个关键词,就非常适合制作“有场景的图形”,比如一架飞机在山水之间飞行:


之前讲过,卡片上的图形要简洁,这一类带场景的手绘图形,非常适合用线条和色块来粗略的概括:


搭配上统一的版式,一张《旅行》小卡片很轻松就完成了:



提到“爆炸”,大家脑子里已经有画面了是吧?我们来分析一下它的规律:放射状,伴随着烟雾,和喷射的碎片:


成团的烟雾视作圆形,喷射的碎片视作尖角:


把上图整理成简单的几何图形。因为我想用笔触替换线条,为了更流畅自然,我把尖角全部用圆角替代,并放大至出血来营造视觉冲击力:


用粗细对比明显的笔触增加爆炸的动势:


用噪点来表现爆炸过程中“放射”的感觉:


爆炸因为速度太快,所以视觉上是一种动态模糊的呈现过程。给图形的线条添加上模糊的特效,会更加符合“爆炸”的特性:


搭配上版式,一张《爆炸》小卡片完成:





“单独”是4种类型里最简单的一种类型,所以我放到了最后。它指的是在边框内部独立的,不依附于边框而存在着的图形:


“小岛”这个关键词,会让人想到海洋里一小片不规则的孤立区域,直接用一个四周留白的色块来表现就好了:

简单的图形,为避免单调,很适合用笔触来增加更多细节:

最后添加一个呆萌的表情,让整个图形有一个视觉焦点:

统一版式的色彩,《小岛》小卡片很轻松就做好了:



“救命”让我联想到一个崩溃的小人,大头朝下大喊“ Please help me!”


这里要注意,简化的图形要有一定的规律才会耐看,可以用相同的圆形去切,让图形的外部是对称的:


确定了主形象,接下来就要丰富构图了,用几何形状填补负空间:


丰富细节,继续填补负空间,让图形变得整体起来:


搭配上版式,《救命》小卡片就做好了:



今天为大家概括了展示性的小卡片可以怎样设计图形,简单分为4大类:构成、分割、出血、单独。快去试试吧!



往期文章推荐








由于微信公众号更改了推送机制,推文不再按照时间线推送,为了以后能及时观看到我们的教程和文章,看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章,这将是对我们最大的鼓励和支持。


相关阅读

  • 收藏!两会双语热词卡片

  • 两会时间开启,你知道两会用英文怎么说吗?“人大代表”“政府工作报告”“部长通道”如何表达?全国两会学习笔记单词卡片↓↓跟上潮流,收藏学习。 (来源:人民日报 责编:李佳芯)
  • 主业难做?做副业一定要懂的跟对人!

  • “找工作真的太难了!”是啊,本来35岁中年危机就够愁人了,现在还要65岁才能退休,“60岁我再找工作,还有人要吗?”要知道,很多中年人早已经活得灰头土脸:房贷、生活开支、孩子学费,完全
  • 【每日一练】103—纯CSS实现的一款炫酷卡片效果

  • 作者 | 杨小爱写在前面我们经常会在各大平台看到很多产品的卡片效果,以及一些个人单页网站上的个人资料介绍时,也会用到各种卡片效果来展示信息,这种卡片式的设计,可以帮助我们
  • 送你一套,Excel函数卡片,你要不要?

  • 你好朋友,我是小黑课堂Excel职场课主理人刘大侠。函数公式作为Excel的灵魂之一,是我们学习Excel的重点和难点。目前,包括测试版在内的Excel函数已经累计到504个了,有没有被这个
  • 墙裂干货,从主体和编排看版式设计!

  • ···大猫设计,专注设计干货······大家好,我是大猫,本周给大家带来一篇版式设计的文章,本期的侧重点在于主体和编排。其实做一个相对来讲比较合格的版式,无非就是这两点,即
  • 聊聊B端常见的功能入口设计

  • 1.功能入口概述不论是在设计中还是生活中,入口对于我们来说都很重要。比如当你需要进入到一个空间时,你需要知道门的位置并清楚如何打开它。比如下图中左侧的门就非常明显,而右
  • AE简单几步做个毛玻璃卡片UI动效

  • 前言哈喽,各位小伙伴~大家平常肯定有遇到,用其他的设计软件绘制毛玻璃效果,不是无法导入AE,就是导入AE之后效果变得很诡异。呐,今天墨染哥就给大家分享一个动效教程《AE简单几步
  • 两小时做的春节海报,能好看吗?

  • 写前叨逼叨:小制作也能出佳作。创作时间是影响一件设计作品质量高低的重要因素,但并不是决定性因素,有些非常耗执行的作品确实需要花很多时间,但用时很长并不代表质量就一定高,也
  • 2022.4 | 时间自由并不是真正的自由

  • 每个人都有自由时间,或多或少。拿上班族来说,有的工作清闲,自由时间多;有的工作忙,比如创业团队,自由时间相对就少。如果是自由职业者,那几乎每天都有大把自由时间。自由时间的多寡

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 4条捷径,带你走进图形变形记!

  • 如果让你为单词设计图形小卡片,你会如何去设计呢?小卡片展示性偏强,需要把它设计的简洁好读。为了更有图形感和统一感,我选择用线框来规范版面:图形的设计,为了方便信息传达,也要以
  • 不负人民丨春天的约定

  • 草木蔓发,春山可望。一年一度的全国两会即将召开,这不仅是一场民主团结奋进的盛会,更是扎实推进中国式现代化的大会。今年是全面贯彻落实党的二十大精神的开局之年,新一届全国人
  • 需求太朦胧,设计师如何拆招?

  • (#)大家好,欢迎浏览《设计师的策划修炼手册》第五期。商业设计归根结底是一个为他人服务的过程,大部分的设计师都需要满足公司或客户的各种需求,为需求而做设计。但现实情况中,
  • 图表设计 | 让你快速掌握信息图解化!

  • 好的版面设计,一定要给人良好的阅读和观感体验。大篇幅的文字往往会带来巨大的阅读压力,非常不利于信息的传达。一段文本信息当我们为文字信息搭配与之相应的图片后,阅读观感即
  • 北京3月5日出行提示!拥堵时段、地段→

  • 刚刚,@北京交警 发布3月5日出行提示:3月5日周日,尾号不限行。预计上午至中午时段东、西、北部城区环路、联络线以及京承、京藏、京开等高速公路车流量大,东、西二环,东、北三环,建