黑马程序员技术交流社区

标题: 【上海校区】网页设计的常用字体规范 [打印本页]

作者: 梦缠绕的时候    时间: 2018-10-22 09:38
标题: 【上海校区】网页设计的常用字体规范

一.字不过三!


很多大神说过色不过三,其实在同一个APP或在同一个设计作品中字体也不要过三种样式,一般在每个项目设计中使用1-2个字体样式就够了,然后通过对字体大小或颜色来强调重点文案。



看到上图中的几个界面,都是通过字体的大小来区分出界面内容中的层级关系的。

其中包括了蚂蚁花呗的banner里只用了一种字体来区分主标题和副标题的关系。

其实网页也是一样,使用一种字体样式,通过字体大小的对比也能做出高逼格的构图和设计。



讲真!字体用的太多,会显得你不够专业!



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



看完上面两张Banner图是不是发现了同样的问题,字体和背景融到一块去了,在阅读的时候非常的不方便

这样的Banner如何才能达到广而告知呢?


包括做移动界面也是一个道理,选择下面这样的一个背景,用户在光照很强的时候能看清吗?



所以易读性和易用性是用户的根本诉求!


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


看完这个图


第一个感觉就是看不懂!仔细看才知道是眼部精华油。

文字的风格和整体的设计风格不一致,没有带动用户的购买欲。


我们再来看看下图



结合文案内容,设计风格采用了比较明快刚劲的设计风格,字体也选择了比较刚劲有力的造字工坊劲黑体。气氛匹配,用户代入感强。




活动banner的气氛非常重要,选择合适的字体样式能加强购买欲和点击欲。



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


1.平稳型字体




作者: 不二晨    时间: 2018-10-25 11:01

作者: 魔都黑马少年梦    时间: 2018-11-15 16:47





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2