浅谈专题海报中的主题字设计及实例解析

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

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:香沫咖啡奶茶

关键词

先说个关于字体的八卦

前两天有个娱乐新闻,说小鲜肉井柏然因为字写得好看,被某字库看中,以1000元/字的价格买断版权,3000字被卖300万,创造了中国明星字体入库的历史。明明可以靠脸的娃,居然也可以卖字为生,看完这样的八卦,除了羡慕嫉妒恨,还是羡慕嫉妒恨,好吧,先别恨了,字写得不好看没关系,借助软件还是可以设计出漂亮的字体,让我们一起先从最基础的字体设计学起吧。

设计学真的是一门博大精深的学问,就算是其中的一个小小的字体设计,,也分很多种类型,今天我们先聊的是海报设计中的主题字设计。

一个成功的专题海报,最重要的是第一屏的设计,而第一屏的设计中最核心的就是主题字设计,简洁明了有创意的主题字可以让观者不用往下看,就能大概了解你想要传达给他的核心思想。

主题字设计三原则:

一、形式与内容统一

与主题内容保持高度统一,不要与主题分离

二、可读性

一目了然,不要过度设计

三、艺术性

有一定的艺术性和美感,不是字体的简单堆砌

一起来欣赏那些设计精妙的海报主题字

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

'

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

浅谈专题海报中的主题字设计及实例解析

看完上面高大上的优秀字体设计作品,是不是有些心痒痒、手痒痒呢?

好吧,下面,实例uimaker.com/uimakerhtml/uistudy/">教程来啦!

↓↓↓↓↓↓↓↓↓

- - -摇摇乐活动的主题字设计- - -

一个App活动,晃动手机,会有意想不到的惊喜

浅谈专题海报中的主题字设计及实例解析

Step1. 沟通

和需求方充分沟通,理解设计初衷,并绘制草图

Step2.参考

参考同类产品的UI设计中的主题字设计

Step3.关键词联想

摇、晃动、手机、金币、开心、愉悦

Step4. 字体设计

在字体设计中充分融入联想的关键词

最核心的字体艺术加工步骤来啦,请接招

01. 打开ILLUSTRATOR 选定基本艺术字体(这里我使用的字体是华康海报体)

浅谈专题海报中的主题字设计及实例解析

02. 右键选择字体,将字体创建轮廓

浅谈专题海报中的主题字设计及实例解析

03. 右键选择创建为轮廓的字体,选择取消编组

浅谈专题海报中的主题字设计及实例解析

04. 选定单个字后,对字体进行变形

浅谈专题海报中的主题字设计及实例解析

05. 按住ctrl+T,单击字体轮廓上的锚点,旋转曲线进行字体变形(变形的目的:让字体有被摇晃过变形的波浪感)

浅谈专题海报中的主题字设计及实例解析

06. 经过变形的字体

浅谈专题海报中的主题字设计及实例解析

07. 经过旋转、重组、用画笔绘制装饰细节——基础艺术字完成

浅谈专题海报中的主题字设计及实例解析

08. 打开PS新建画布,导入字体,进行字体润色,添加投影效果,如下设置

浅谈专题海报中的主题字设计及实例解析

09. 复制字体图层,清除图层样式,填充白色,向上向右各移动6px;

浅谈专题海报中的主题字设计及实例解析

10. 选中黑色字体图层,反选,再选择白色字体图层,删除掉选中的部分;透明图改为10%;

浅谈专题海报中的主题字设计及实例解析

11. 调整字体颜色,增加掉落的金币做点缀,至此完成完整的主题字设计

浅谈专题海报中的主题字设计及实例解析

 收藏