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

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

uimaker
UI设计师 / 江苏 南京

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

关键词

整体编排的方式并不难,居中构图的方式,将字体设计放置于版面正中心。主要提一下三个点,为了增加整体的层次感。先是把四周的配色调整为红蓝撞色;第二步是把灰色的底色增加了白色的线框;最后导出图片之前,把整体又叠加了一个倾斜的线条纹理。

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

乏了~咱们换一个题目来做。“物相”,艺术家想表达的是“关于存在与感知的哲学思考”。所以这版字形,我们可以稍微灵活一些,对结构笔画不必太拘泥。

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

结构相对灵活的字形,每个人都有不同的习惯。我一般是习惯以手稿尝试的方式,或者是参考古籍书法的来源变形。尽量让结构笔画的变形是相对符合手写感,避免连接生硬违和之类的问题即可。

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

前一个版本考虑到后面版式的调性是想做偏文雅一些的,以及想做一个文字上下错落作为主体的形式。于是我把字体的编排方式改为上下,并且将笔画调细。圆形笔画的加入也是考虑到后面编排中可以作为元素的辅助使用而增加。

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

我们将文字信息层级划分清楚后,在基础编排的时候尝试结合元素以及排版调性的尝试。当我们基本定下文字组以及调性后,咱们就可以尝试整个版面的搭建了。(实际在执行中,我们经常是构图方式与调性同时交叉进行)

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

最后版面的搭建,我们以上下的横向四栏作为构图基础。文字组合交叉秩序化编排的形式来做。在整体版面搭建中,为了与字形和主题呼应而引入了两个红色圆圈的结合,以及印章元素的加入。实际上都是为了丰富版面的细节和整体层次关系。

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

作为良心uimaker.com/uimakerhtml/uistudy/">教程必须再来一个案例!~我们再来做一个新的案例,主题是“声音棱镜”,是一个感官实验室的艺术项目。

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

我们先来搭建一个基础字形,这个时候并没有考虑太多关于主题的表达。主要是处理好整体的结构以及笔画的曲线空间结构。

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

为了跟主题结合,表达棱镜散射的视觉观感。于是将笔画做了锋利的穿插和切割,我们在做这种效果的时候,只需要在合适的地方增加锚点,直接拖动锚点就能得到类似的效果。

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

 收藏