欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

浅谈页面字体设计

发布时间:2017:09:03 12:33:01 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1403个文字,预计阅读时间4分钟
导语
前几天看见一位朋友(皮皮)发了自己的字体练习,如下图:对于这位朋友的评价是:态度很好,设计里面也有一些自己独特的想法,但是按照这种练习方式,即使做再多的练习也不会有质

前几天看见一位朋友(皮皮)发了自己的字体练习,如下图:


浅谈页面字体设计浅谈页面字体设计浅谈页面字体设计浅谈页面字体设计

对于这位朋友的评价是:态度很好,设计里面也有一些自己独特的想法,但是按照这种练习方式,即使做再多的练习也不会有质的飞跃,因为对字体设计的基本认知还不够!

其实经常会有这样的情况出现:一个好的(或坏的)字体设计,让我们去评价,可能我们说不出哪里好,哪里坏,只能凭感觉,,而由于经验有限,感觉又不一定准,如果好坏都分不清,就更别说自己创作了,肯定是碰运气的。

今天我们就来解决这个问题,聊聊如何入门字体设计,大纲如下:

先放弃复杂的字体设计效果

记住这个能让你兴奋的知识点

强调两个注意事项

我们来一起设计个字体吧

1. 先放弃复杂的字体设计效果

最近每篇文章我都有强调基础,大家不要被别人优秀的作品给弄迷糊了,那些优秀的作品背后都是深厚的基础功底和没日没夜的练习,如果你还没有经历过这些,那就请先做好基础的字型,再去搞复杂的变化。

例如这种字体先尽量不要尝试:


浅谈页面字体设计

△ Der炎作品


浅谈页面字体设计

△ 陈小发作品

前期我们根本驾驭不了。

最多最多尝试做下面这种横平竖直的就可以了:


浅谈页面字体设计浅谈页面字体设计

△ Der炎作品

但是如果不明白原理,想做好基础字体也不容易,所以我们要先掌握其中的原理,做好基础,再说其它的!

继续往下看吧!

2. 记住这个能让你兴奋的知识点

如果你懂得放弃,那我们的问题就简单了很多,其实做好基础字型并不难,只要记住一个知识点就够了,这个点有很多说法,但是意思都是一样的,就是要让字体饱满!

啥是饱满?举个例子吧!

先画好字体的范围框(黄色):


浅谈页面字体设计

饱满就是让字体尽量撑开整个黄色区域,我们先来看看不饱满是什么样的:


浅谈页面字体设计

分析如下:


浅谈页面字体设计

绿色区域都是还可以向外伸展的地方。

伸展过后的样子如下:


浅谈页面字体设计

这样就会显得饱满很多了。

这个知识点非常非常非常重要,大家一定要勤加练习去消化它!

我们可以去多看看那些优秀的字体设计,看看是不是都很饱满,也画几个外框,观察他们是不是都撑的很开:


浅谈页面字体设计

3. 强调两个注意事项

设计的字体一定要符合实际字体的规律

做字体设计是要有基本原则的,就是尽量符合实际字体的规律,例如一个土字,明明是上橫短,下橫长,但你非要做成一样长,那就有歧义了,你这个字到底是“士”还是“土”?

再例如这面这个“害”字:


浅谈页面字体设计

中间的三个横,本身命名是中间最短,但如果你非要把它设计成最长的,那就一定不会好看,不信你试试:


浅谈页面字体设计

不用试了,就不好看,哼!

虽然说要饱满,但也别过头了!

那很多朋友可能知道了做字体要饱满,就开始不会变通,让字体饱满到死,例如下图:


浅谈页面字体设计

我们一定要谨记,饱满的同时还要考虑平衡,就是每块负行之间的平衡,我们看现在绿色的负行就比黄色的负行大太多,有点过分了,如下图:


浅谈页面字体设计

当然也会有些大神故意做这种很特殊的效果,但对于新人来说,前期还是走稳点比较好,哈!

4. 我们来一起设计个字体吧

根据这一个点,我们来一步一步做个简单的字体设计-“时钟”。

先找个默认字体做参考,如下图:


浅谈页面字体设计

我们先根据默认字体,搭建一个基础字形,如下图:


浅谈页面字体设计

大家思考下,根据那个知识点,觉得哪里不够饱满,看看和我想的一样不(绿色部分就是可以优化的、撑开的地方):


浅谈页面字体设计

通过对绿色部分的调整,得到下图:


浅谈页面字体设计

切记先做好横竖,不要急着拐弯。

接下来给字体加点属性,比如圆润可爱点,那就把直角变成圆角:


浅谈页面字体设计

如果觉得基础字形可以了,那就想想如何加点小创意,例如时钟可以想到表盘和指针,那时钟的指针是不是可以和字体相结合呢?如下图:


浅谈页面字体设计

这样就差不多得到了一个简单的基础字体设计,稍加修饰,如下图:


浅谈页面字体设计

前期可以先不加创意,就把基本的骨架搭好即可!

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:带拖动轨迹的页面图标菜单设计

下一篇:7种主流网页设计风格赏析

  • 18894 文章总数
  • 2307364访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信