赞助商
立即赞助

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

字体设计3年前 (2021)发布 流光
3.6K 0 0

案例实操(进阶篇)

实操一

首先需重新调整简化笔画:

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

这两字笔画相对简单,难点“子”的转折笔画的处理:

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

其他笔画可以按照一案例的方法拼接完:

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

后找到两字笔画连接处,组合一文字组:

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

实操二

下来计笔画比较复杂的“配色”字,首先还是需要重新调整和简化笔画:

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

难点解析

因“配”字为左右结构,笔画较多,需要合的好左右的空间例;

第二个难点在于“配”字中心笔画的理,如果按照字的笔画来拼显得十累赘,这是把笔竖画简化为一个点,这既不响文字的识别,显得更简洁。

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

下图为“色”字难点解析:

  • 分和之前的处方式相似,同处在于上的横线采方向的笔画拼接,营空间感;
  • 留出缺让字体更透气;
  • 后一笔拉笔画让文字重稳。

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

最后要考虑的是如何将两个字的笔画巧妙的连接起来。此案例处方法是把“配”字左边最后一笔和“色”第一笔连接,还需要留缺口,避免字包围得太死产生透气感。

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

掌握方法后就可举一反对它字体进行设计:

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

应用效

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

案例实操(终极篇)

后试增加难度设“版式攻略”四字。此案例难点于既需考虑单字的设,还需考虑四字的组合效果。

首先按照之前的步骤先把笔画整和简化,进行拼接:

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

不断尝试寻找笔画连接处,让四个字能组合为一个整。

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

还需要简化部分比累赘的笔画,“版”字中的“反”,“略”字中的“田”。

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

应用效果

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

欢迎关注作者的公众号:「艺海拾贝Design」

让视觉更有张力的矛盾空间字体,是如何设计的?(下)

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

「空间陈列法」是说先构建一个空间,然后将主体元素用合适的形式陈列出来。 这是随着手机兴起而真正流行起来的一招,因为PC...
Banner设计
内容转载自Details(微信号:Detail) 就在上周,纽约设计工作室&Walsh 发布了一套特供平面设计师的「Designer Emoji」。...
emoji表情
下面俩啤酒海报,哪个感觉更廉价? 这还用说嘛,当然是B了,因为有帅哥呀~(跟大猫一样帅!) 正经点!好吧,因为B出现了...
平面设计
作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师,也在团队里带过众多 UI 设计师和实习生,所以深刻认识到无论于团队还...
UI
上半部分我在站酷分享了交互设计师的产出物和我是如何学习交互设计的(阶段一 | 扎根),总体反馈还不错,并收到许多读者的「...
交互
懂了文字跳跃率!,在排版中可不得了。 下面两个版面哪个给人平静安稳的感觉? 那必须是「平平淡淡A」呀,毕竟名字暴露了一...
平面设计
最近发现有很多童鞋关心如何从UI进阶到UX的问题。那么我以一个非科班出身的UI到大厂资深UX的经历,不带黑话用4k字作文给大家...
ui设计
下半年,往往是电商设计师最繁忙的季节,双11、双12、双旦节等重量级节日接踵而来。 不过,有意思的是,与双11、双12活动...
中国风