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

【设计资讯】网页设计中字体设计要规范

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

扫一扫
手机访问

本文共有1085个文字,预计阅读时间3分钟
导语
海淘科技的【设计资讯】提供网页设计中字体设计要规范。看完下面这张图你肯定能明白,网页设计中字体设计也要规范,来来看看这张图。看了上面这张图你感觉怎么样,是不是阅读

智唯网络的【设计资讯】提供网页设计中字体设计要规范。看完下面这张图你肯定能明白,网页设计中字体设计也要规范,来来看看这张图。

【设计资讯】网页设计中字体设计要规范

看了上面这张图你感觉怎么样,是不是阅读起来非常的难受?那就对了!实际上折磨你眼睛的问题有怎么几个点:

  1. 字体样式很多,杂乱无章
  2. 采用的字体不易识别
  3. 字体和内容的气氛搭配

如何避免这样的结果发生呢?总语:通过字体设计规范可以帮助你做出符合要求的设计。

一、字不过三

许多设计者们讲过,字体颜色不能超过三个,其实在同一个APP或者在一个设计作品中的字体也不要过三种样式,一般情况下,在每个设计之中采用一到两个字体样式就可以了,,然后通过对字体大小或颜色来强调重点文案。

【设计资讯】网页设计中字体设计要规范

浏览过上面这张图中的三个界面设计,有什么感想,这三个界面的设计规律是,使用字体的大小来划分出界面内容中的等级关系的。第一张“蚂蚁花呗”中的banner图,只用了一种字体来区分主标题和副标题的关系。则网页设计同样的道理,采用一种字体即可,使用文字的大小来对比同样可以做出很好的构图与设计。

【设计资讯】网页设计中字体设计要规范

文字的样式使用太多,会让别人觉的你不够专业!

二 、字与背景的层次要分明

42a2573d51436ac7253f9a8bcedd.jpg


5e98573d514d6ac7253f9a6306fc.jpg

查看过上面两张Banner图有没有发现了同样的问题,字体与背景融合在一起了,在阅读时怎么可能会方便。这样的大广告图是不可能达到广告的效果?同样在做移动端页面的时候也是同理,选择一个下面亮面模糊的背景,用户在使用光量很强的时候不可能看的清楚。

【设计资讯】网页设计中字体设计要规范

所以,便于阅读与便于使用才是用户的最基本(根本)的诉求!

三、字体样式与气氛要匹配

【设计资讯】网页设计中字体设计要规范

看到上面这张图,你的第一个感觉就是不是,看不懂!认真看一下才得知是眼部精华油。汉字的风格与图片或者海报整体的设计风格不一致,就不会带动用户们的想购买的冲动。接下来我们看一下下面这张图。

【设计资讯】网页设计中字体设计要规范

我们通过结合文案的内容,在图片设计风格中使用比较明快刚劲的设计风格,字体风格选用比较刚劲有力的造字工坊劲黑体。这个气氛都非常的匹配,用户代入感也非常的强。

【设计资讯】网页设计中字体设计要规范


活动banner图中的气氛是这个活动设计的重中之重,挑选合适的字体样式,才能加强目标人群的购买欲与点击欲。

以风格分类常用的字体有以下几种类型

1.平稳型字体

平稳型字体

方正兰亭系列的字体样式,是网站建设中网页设计的要使用字体,这个字体的特征是稳重而细腻,并且富有时尚科技的感觉。再来看一下下面的这张苹果(吃的苹果哦,嘻嘻)网页的设计,就知道了。采用方正兰亭超细的字体的感觉,是不是很高端!

【设计资讯】网页设计中字体设计要规范

【设计资讯】网页设计中字体设计要规范

方正兰亭系列字体,使用在科技产品的网站之中,同样合适。因为它具有稳重和有科技感嘛。

平稳型字体

2.刚劲有力型

【设计资讯】网页设计中字体设计要规范

张海山的字体属于刚劲有力类型的,年轻有力。

【设计资讯】网页设计中字体设计要规范

3.可爱型字体

可爱型字体

可爱型字体实属方正经黑字体。

3.可爱型字体

汉仪小麦字体设计则是给人搞怪的感觉,有木有... ...

佛山网站建设优化公司 智唯网络

专业建站,免费排名「快速上首页」5年建站优化经验

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

上一篇:wap网站设计规范及wap网站设计欣赏

下一篇:网站重新设计的核心是UX和UI

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

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

  • 售后无忧

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

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

截屏,微信识别二维码

微信号:13825575516

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

优化二维码打开微信