咕噜噜

在实际工作中,我们时常会面临设计需求“只是客户一句话”的情况,在没有任何素材支持或者短时间找不到合适版权图片时,该怎么做?

小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~

图片

图片
图片

在关键词的选择上,需要注意的是要符合逻辑和语义,而不是“硬选一个”。以这个标题『古树红茶』为例,我们提取一个关键字。

 

图片

很明显,通过放大“茶”,不仅逻辑上说得通,而且也会实现聚焦效果。

 

图片

这是一段海报的文案,我们用刚刚提取的“茶”字作为画面的素材,来设计版面。

 

图片

首先我们先在photoshop里输入“茶”这个文字,然后右键“转换成智能对象,接下来对它进行一些修饰。

 

图片

第二步,我们对它进行高斯模糊处理,这里我给到的半径数值是25像素。

 

图片

第三步,可以用波纹处理,这里的数值是-25%。大小:大。

 

图片

第四步,添加杂色,这里的数量是15%,我们选取:高斯分布,单色。

 

图片

最后一步,选取彩色半调进行处理,最大半径我们选取4像素,通道的数值分别是:通道1:108、通道2:162、通道3:90、通道4:45。

 

图片

通过上述步骤,我们就得到了一个具有古朴风格的茶字素材。

 

图片

根据设计好的茶字,搭配合适的字体,上面三组字体相比较更有古朴特点的是宋体字形。所以从搭配的角度来看,第一组字体的气质更符合。

 

图片
设计开始之前,我们可以划分版面的矩形结构,按照这个矩形结构去放置元素的位置。

 

图片

将我们所制作好的“茶”字素材置于最大的矩形中,让它成为画面的主体。

 

图片

接下来把标题放到版面中,竖排文字后所占的比例是灰色网格的二分之一处。

 

图片

对于副标题也是选择竖排的方式,根据版面网格规范置入其中。

 

图片

英文选择意大利斜体,置于茶字的上方,增加画面层次感。

 

图片

将其它文字依旧选择竖排的方式,置入最小的矩形块中,顶部对齐灰色网格的二分之一处。

 

图片

剩下的信息,我们安置在最下方的矩形内,可以添加画面原有的一些装饰符号,作为呼应。

 

图片

最后让我们去掉网格线,填充颜色,这张以大文字为主体的海报就完成了。

 

图片

图片

在这个“冰冷”的数字时代,手写体具有浓厚的“人文属性”,相对也会更有“温度”。而不同的书写工具所传达出的温度不同,给人带来的视觉感受也有差别。 

 

🔽 软件内笔刷工具 🔽

图片
用手绘板连接电脑,我们可以在不同的设计软件内进行绘制。

 

🔽 手绘APP 🔽

图片

当然,我们也可以利用一些APP进行绘制再导入电脑中。

 

图片

例如这幅海报,文字表现如果只用普通字体会无法准确传递它的情感意义,那么不妨让我们换一种表现方式。

 

图片

我们可以利用手绘板等相关的辅助工具进行手写绘制。

 

图片

通过对比可以看出,手写绘制让整体感觉更加富有感情,有一种洒脱的江湖气,也让平淡无奇的海报可以达到情感上的共鸣。(海报来自我们的公众号:《看看他,才知道什么是高手在民间》)

 

图片

在这篇公众号文章内的标题设计上,我们也采用了手写字体。使它们风格一致。并充满人文的情怀。

 

图片

经过悠久历史沉淀的毛笔,是世界艺术宝库中的一件珍宝,毛笔字具有传统的文化内涵,且更容易给人“压迫感”,非常适合表现历史、传统、文化、传承等气质,接下来还是以『古树红茶』为例。

图片

在用毛笔笔刷拼接的时候,我们可以多选择一些笔触素材,从中挑选适合的。

 

图片

拼接的时候要注意笔画的美感与书写走势,这样才能让书法字看上去更自然。

用第一个案例的文案,我们来设计一个书法为主的海报。 

图片

首先我们还是先来划分版面的矩形结构,确定要放置元素的位置。

 

图片

拼接好的茶字素材置于最大的矩形中,成为画面的主体,接下来就是围绕这个主体去放置文字。

 

图片

标题字选择竖排方式,放置在右侧的矩形结构内。因为书法字张扬的特点,会使其周围的负空间较难处理,所以我们可以尽可能让文字成组,减少画面的琐碎感。

 

图片

将大量的文本拆分,重新组合,中间用横线区隔,和右边竖排文字保持二分之一的距离。

 

图片

左下角比较空,我们可以将其余文字置入左下方的空白处。

 

图片

我们把装饰性的文字放到画面的角落作为点缀。

 

图片

最后填充颜色,一张古色古香颇具文化感的海报就完成了。

 

图片

 

图片

首先我们在AI里用钢笔工具按照字体笔划画出我们所需要的文字的路径。

图片

选择笔刷来替换路径,为了让字体不那么呆板,我们可以选择不同笔刷进行拼接。

 

图片

在笔刷达不到我们理想的状态时,我们可以调整笔划的位置,增加路径的数量和笔刷的粗细来达到我们想要的效果。

 

图片

通过不同笔刷的变化就可以拼接出一个新的文字素材。

 

图片

用它就可以设计一个茶包的包装。

 

 

图片

图片

插播一个关键点——图形化的标题字作为视觉元素呈现时,大家还是要适当“克制”下自己滔滔不绝的创作欲望,我们一定要保持文字的识别性,否则如果观看者要靠猜的话,就很难说是一个合格的作品了。 

 

图片

图片

简单的图形也可以表现具体的形象事物,例如花朵、山丘等等。设计师要学会通过直线、曲线、三角形、矩形、圆等简单的图形组合,来设计出简洁、有力的形象,图形越简单反而越隐晦,有种犹抱琵琶半遮面的感觉,越简单也越能给人以联想,值得探索玩味。

 

图片

例如看到这个字。我们先找出一个不容易影响识别的笔划。

 

图片
可以通过联想找出最接近它的物体。例如这片相似度很高的茶叶。

 

图片
确定好参照物后我们可以用圆来进行绘制。

 

图片
只是做细微的变化就可以把平淡的文字图形化。进而变成一个可以利用的素材。

 

图片

最后置入标题和其他辅助性文字,一个茶包装就完成了,是不是很简单呢。

 

 

图片

 

图片
此类方法需要有全局考虑的意识,对字体、跳跃率、文字组、颜色和留白等信息进行整合,对设计师文字编排能力的考验很大。在海报的表现上,文字组的数量上可以是一个或多个。

 

图片

首先我们观察文案,将文案大致分为几个不同的层级。

 

图片

划分好矩形结构后,在最大的举行内确定放置标题的位置。之后再把副标题置入进来。

 

图片

放入产品介绍的文字内容,这里我们先简单做一个两端对齐的文字组。文字组下方对齐灰色网格的二分之一处。

 

图片

在右侧矩形内放置次要信息,为了打破画面都是横向内容的这种呆板印象,右侧文字我们可以竖排。

 

图片

段落型文本也是次要的信息,我们将它分组放在最下方,与上方两端对齐组合之间留有一个灰色的网格距离。

 

图片 

现在来看版面的字号对比不够明显,层级关系不够清晰,并且版面视觉中心的位置显得很空,所以我们可以将标题拆散并放大,将“茶”字拿到下方。英文同样放大竖排,填充到空白的矩形内,增加它的图形感。这样即使拆分了汉字信息也不影响人们阅读。

 

图片 

接下来可以进一步优化字体,选择一款具有手写感的黑体字形,这样更符合茶文化,英文同样要与之匹配。

 

图片 

最后,用两根线条拼成一个茶叶的形状,填补画面的负空间,让版面更加饱满且更加丰富。

 

图片

给画面填充颜色,这样一张以文字组合为主的海报就完成了。

 

图片

原文地址:研习设(公众号)

作者:研森KENMORI

转载请注明:学UI网 » 没有素材怎么办?自己造!

登录收藏
 
你可能喜欢的:
新手学习字体设计的高效三步法新手学习字体设计的高效三步法
这样拆解1件作品比看100件都有用这样拆解1件作品比看100件都有用
领导要的”潮流感“,这么做我看行!领导要的”潮流感“,这么做我看行!
AI & PS 夏日魔法篇AI & PS 夏日魔法篇
一次教你16种宋体字的变化!一次教你16种宋体字的变化!
设计策略|源源不断的创新思路(激进篇)设计策略|源源不断的创新思路(激进篇)
设计策略|源源不断的创新思路(渐进篇)设计策略|源源不断的创新思路(渐进篇)
你的标题设计给海报减分了你的标题设计给海报减分了
【字体设计】品牌标准字怎么设计?【字体设计】品牌标准字怎么设计?
还在为没灵感发愁?那是没学过移花接木这招!还在为没灵感发愁?那是没学过移花接木这招!