恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
解析字体设计的几种方法
0.0°
2017-08-15 原创文章 经验/观点 举报 4884 2 22 0

关于字体


现代设计中的汉字设计,是作为传达信息的符号与表现对象之间的形式关系,不仅仅是字体造型,兼有内在含义基础加入艺术的视觉元素进行处理,生动形象地表达了文字的深层含义。字体具有可读性和识别性,是现代视觉信息传达的重要语言之一。


字体设计主要分为两类,第一类是logostyle(标识字体或创意字体)设计,标志字体主要用于标识设计、企业形象识别系统中的标准字、广告上。这一类设计只要求对少数几个文字进行创意呈现。而另一种,是应用字库字体设计,如报刊书籍的内文字体,一套字库至少要包含七千个字。这一类字体的工程量比较大,创作也要很长一段时间。


汉字的结构是方形态,但每个汉字都有其不同的特征,不同的汉字造型传递着不同的情感意义。单从方正结构上讲,具有高度严谨的比例,体现着严谨、庄重、理性的构成特点。从组合方式上看,有独体字,有合体字;合体字又有左右结构式,也有上下结构;有包围结构,也有半包围结构;有的是由两个偏傍组成,也有的是由几个偏傍组成。汉字的这些结构特征具有稳定性,稳定之中又有美和变化。


字体分析


字体设计的发展趋势越来越呈多元化发展,当代字体设计的发展趋势,主要体现在:个性化、抽象化、符号化、图形化、装饰化、立体化、形象化这七个方面。

Image title


类比诸多的字体可以看出,大部分的字体设计给人简洁、干净、易于识别、大方的视觉感受。表现形式多样,但大多趋向个性化和图形化。


怎么设计


在字体设计中,我们可以根据字体想表达的情感进行设计,比如有力的、柔美的、潇洒的、动感的……


在实际操作过程中,设计字体无非通过改变以下三种情况来实现:

Image title


字体分析


以卞之琳《短章》中的“你站在桥上看风景”这句话为例:

Image title


1、结构

可以看到设计前的字体结构比较稳重和方正的,设计后的字体结构显得细长且字体重心偏上。


可以粗暴的理解成:先把字体拉长~再拉短~

(此方法只试用部分字体结构变形的设计当中,正常设计下不要随便拉长压扁字体)

Image title



可以看到这样的字体结构是比较细长的了,但是我们还要继续打破这种结构。字体的结构重心还是在中间位置。

Image title


字体的结构重心很重要,这个重心决定了字体后面的变形。这个结构变形就确定好了!!!

Image title


2、字形

字形的设计可以说是关键部分,笔划形状关系到字体说表现的情感。我们可以简单例举下字体常见的几种字形:

Image title


不同的字形可以表达不同的情感,比如黑体给人时尚,宋体给人感觉比较雅致,楷体给人清秀的感觉。


在设计这几个字的时候,主要想体现雅致的感觉。所以采用了宋体,同时保留了它的基本特点:横细竖粗。

Image title


3、笔划

笔划是字体的一个细节体现,这个细节也不能忽略其重要性。它可以丰富整个字体的,带有多变的情感体现。


笔划的粗细可以表达不一样的情感,比如粗一些的笔划可以表现力量感,细的笔划可以表现时尚感。

Image title


笔划除了粗细的变化,还有起笔、收笔、转折承接等变化。

Image title


除此,部分字体的笔划上还可以做适当的断笔或连笔。

Image title


设计解析


根据确定的字体结构、字形和笔划,最终的字体设计成果。


我们再根据字体的结构、字形和笔划来分析这几个字体:

Image title

Image title

Image title




总结


以上内容是小乔做字体的一些想法和心得,理论性可能还不够严谨,由于时间关系也没办法更为细致的展开说明。


关于字体设计,我想说的是不要着急,练好基本功,可以先从临摹开始,然后慢慢一点点从临摹中学到自己的一些经验,希望这篇文章多少能对大家有一定的帮助。


以上部分字体设计来源网络优秀设计师的作品,如侵犯到你的版权,请立即联系本人处理。

更新:2017-08-15

收藏

2人已收藏

  • 19

    作品

  • 94

    粉丝

  • 0

    关注

  • 超实用!网站导航栏设计形式总结
  • 前端设计师如何提高UI界面中的阅读性
  • 如何设计一个交互好转化率高的表单
  • 前端设计师必收的5款免费响应式布局测试工具
相关标签
字体设计

    猜你喜欢

      2017-08-15 原创文章 经验/观点 举报 4884 2 22 0

      解析字体设计的几种方法

      0.0°

      你确定要举报解析字体设计的几种方法

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年08月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      22
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录