底板类型,只是众多创意方法的其中一种。
这种类型的优点是效果氛围丰富, 自身的风格调性比较明确。常常用在大型活动主文案、或是比较复杂的画面中,能很好地串联元素跟文字之间的联系。
这种类型都有什么要点和制作方法呢?等我依次给大家分享
特点
我们先来看一些同类型作品的样例:
1.底托
很清晰的一点,这种风格最主要的一点就是有一个经过设计的字体底托以让字体清晰,不受画面其他元素影响。
2.重量感
字体厚度、底托厚度、高光、阴影
3.主题感
主题感很强,这种方法设计出来的字体往往会有很强的主题倾向性。也就是风格指向。不用看见搭配的画面 也能知道传达的是个什么样的氛围。
主题感怎么找?
1.分析需求
第一步我们要做的就是分析需求,提取关键词,明确设计目标,我们才能顺利地往后执行。
我们看看这个需求,首先,这是一个漫画LOGO需求。我们应该先了解故事剧情并收集整体一些画面风格,从这些画面中提取可以提炼视觉元素的关键点出来:
观察漫画内容,我一共提取出了下面6个关键词:
然后把他们转化提炼成视觉元素。
2.提炼视觉元素
我们挨个关键词提取视觉元素,
比如科技感:
科技感的特征一般由科技线条构成。
装甲:
这个漫画里就有,直接仿造画风就可以。
灯光:
能量:可以做成类似能量护盾,或者闪电的样式。
以上就是我们视觉元素的提炼了。接下来就是具体的执行。
执行
底板类型的我们第一要做的当然是底板了,我想到的是可以用机甲的元素做底板,把文字承托在上面。
1.制作底板
底板要注意两个点
(1)排版
我们可以先做一个大概的排版
要注意底板不要太大也不要太小,字体在底板上占80%左右的面积比较合适。
(2)造型
造型这里也是比较重要的,我们可以多观察漫画里的视觉元素来做。比如我这里是参考的战机:
它整体的一个机翼造型还是蛮酷的,我们大概秒回一个剪影出来
还是蛮帅的。
放上字体看看比列结构,跟着排版调整一下:
注意控制占比在80%左右。
(3)层次
底板如果只有一层的话,就会显得有点单调,层次不够。也就做不出厚度来。
参考了下底板类型的层次是怎么做的,总结了三种出来:
厚度增加层次:
做出字体的厚度和,底板的厚度来增加层次感,比较稳定厚重。
元素穿插点缀增加层次感:
刻画一些贯穿前后空间的元素, 可以增加层次感和统一性。
层次堆叠:
这种就比较直观,就是一层一层的去堆叠累积,以增加层次感。
我们可以结合起来使用:
所以我们可以在不变动大型的情况划分一下,划分些大的层次出来。
这样就丰富多了,其他的一些厚度啊之类的,可以在上色的时候再添加。
(4)配色
我同样参考下样例:
总结几个点:
1.底板颜色要和字体形成对比,才能凸显文字。
2.一般底板使用暗色。文案使用亮色,或白色。第四个那种使用同色系的可能就有点区分不开,字体不够突出。
方向:
字体:使用白色
底板:暗色
白色好说,暗色怎么找呢?检查了一遍视觉参考,发现有一个飞船颜色挺好的。
刚好又是暗蓝色,这不是符合我们的要求吗?
用到底板上看看:
感觉不错啊!
(5)刻画细节:
把我们提炼的视觉元素拿出来用上
飞船上的线路缝隙,手掌上圆形的灯。
添加下看看:
精致多了。
这里要注意添加细节的两个目的:
1.让我们的元素象形意义更明确,简单说就是画啥像啥。让人一眼能看出来你这个是什么。
2.层次,有凸起的地方(灯光,厚度),有凹陷的地方(比如缝隙,线路)。增加细节上的层次感。
2.文字制作
1.结构
我们看下现在的效果,如果直接放文字就会显得很薄,字体压不住底部。轻飘飘的感觉,我们上面总结的参考中都会给字体增加厚度来压住底部,我们可以试试,给文字再增一层底板,来增加厚度:
是不是就整体多了?
所以字体结构,分了字体本身和字体底板两部分来组成。
2.字型
字型肯定是要做的,但因为字体设计单独一个门类,我这里就不细讲了。
我们参考一些比较英朗科技感的参考来做就可以,展示一下:
3.细节
提取科技线的元素:
添加到字体表面刻画出科技感:
4.一个亮点
在字体上提取一个笔画,做特殊效果,使其与别的笔画有明显的视觉差异:
这里我是把“灵”字中间那一横提取出来做了发光灯灯光的效果,使之成为一个视觉亮点。
3.添加特效
最后我们把字体放上去,整体加上一些前面提炼出来的闪电能量类的效果:
这样我们的logo就制作完成了。
总结
当我们要做某一种类型视觉的时候,不要光看表面的东西。好看或者不好看,什么也学不到。可以总结提炼他们的特点出来去深挖研究,理解里面深层次的逻辑,这样我们才能进步得快。
然后要去学习挖掘提炼某一种类型视觉元素,把他们融合应用到我们的项目中去。把控好每一处细节,才能出优秀的作品。
希望对大家能有所帮助和启发,谢谢。
原文地址:菜心设计铺 (公众号)
作者:慢热
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司