3个平面设计技巧学会动态字体海报

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:胡晓波工作室   作者:刺猬

关键词

咱们这次用大家最喜欢的方式来分享,上来就是实操。

3个平面设计技巧学会动态字体海报

3个平面设计技巧学会动态字体海报

在开始正式动手前,咱们先把思路大概屡一下。既然是字体海报,首先咱们肯定得有字体设计,我们在设计字体部分的需要适当的考量到在版面应用时候的可能性,在案例中咱们会详细解析;第二个步骤通常是对字体的效果进行调整或者增加形式感,主要是考虑到字体作为主体在海报的表现度问题;最后一步才真正落到如何将字体通过结合文字组以合适的构图呈现版面

3个平面设计技巧学会动态字体海报

咱们直接开始第一个案例实操,先来看一下基本信息。

3个平面设计技巧学会动态字体海报

这个海报是以“空间”作为主题,艺术家更多的想表达“假如空间是张白纸”这么一个概念。我们以这个概念为基础,尝试字体部分的设计。

3个平面设计技巧学会动态字体海报

第一个我们尝试简单一些的基础字形,基于白纸的概念也是比较正常入手方式,不加修饰直白表达。所以做了相对规整秩序的基础字形,另外就是规整字形在版面编排的时候更加容易入手。基础较差的同学可以考虑参考常用的标题字,垫底也无妨,注意合理即可。

3个平面设计技巧学会动态字体海报

在做基础字形的时候,我们一般需要注意两个部分的问题,一,就是笔画的粗细设定。常规的是基于视觉平衡,我们把竖笔设定稍粗一些,横笔相对细一些;如果有倾斜角度的笔画我们需要适当调整粗细,让整体协调。

3个平面设计技巧学会动态字体海报

第二个问题就是结构问题,在这边我们做的是完全的秩序化处理,将字体笔画四周物理对齐。笔画之间间距尽量秩序化,能对齐的尽可能对齐!至于笔画的位置摆放,零基础的同学可以多参考字库的处理。

3个平面设计技巧学会动态字体海报

基础字形总觉得少了些设计感,我们尝试将空字做了部分的笔画变形。在做笔画变形时候,我们可以先从笔画内部的小部分设计变化,比如空字中撇捺的处理方式,在整体结构不变化的基础上增加了设计感。

3个平面设计技巧学会动态字体海报

我们也可以做更大的结构变化,这种类型的相对整体难度较大,会涉及到结构与笔画的协调。一般是先从手稿尝试开始,选定方向后优化细节,,咱们不做展开。

3个平面设计技巧学会动态字体海报

我们先尝试一个基础效果,做一个类似渐变的效果,实现方法及其简单。直接复制,然后用剪切蒙版选取保留的部分即可。

3个平面设计技巧学会动态字体海报

字效搞定后,我们接下来进入版面的编排。我们先把文字组部分,划分好层级关系,搭配合适的中西文字体,并尝试加入颜色和在版面编排中丰富细节的小元素。

3个平面设计技巧学会动态字体海报

 收藏