上海UI字体设计培训班_UI识别字体元素

高级UI交互设计课程：

什么是着陆页（Landing Page），着陆页的目标

讲解着陆页的概念，介绍着陆页如何实现转化目标

着陆页的内容、布局、配色、创意。

案例了解着陆页中如何确定内容及转化入口

学习着陆页的布局技巧，内容区域的位置及重要性

如何根据页面的主题进行色彩的选择

案例学习着陆页的主题如何发挥创意吸引用户

着陆页案例分析、创意过程

使用案例学习着陆页是如何从无到有完成设计的整个创意过程

UI设计元素离不开字体，各种各样的字体设计支撑起起个整个UI设计作品，在众多的UI设计作品中，字体的样式有很多，经常会遇到有人问这个是什么字体，如果回答不上了，那对于一个UI设计者也是一个不小的打击。

然而字体的种类繁多,尤其是对国内设计师们来说不太熟悉的西文字体,体系更为庞杂,想一眼认出所用字体是非常困难的.因此如何方便快速知道某个地方用的是什么字体就成为了设计师经常需要做的事情.

下面就介绍关于网页中的文字识别方法或者是查询思路,希望看过之后能有所启发,以后就不用到处求人认字了.

Web Font 网页上的字体

网页上的字体识别为简单,我们只需要找到浏览器调用的字体文件的名称就可以了,很多浏览器都提供了代码检查的模式来找到我们想要的字体信息,当然这个功能一般来说是提供给前端开发使用,对于设计师们来说不太友好.不过好在有各种 "哪里不会点哪里" 的浏览器插件,普通用户也可以方便地知道网页上使用的字体.

此类浏览器插件很多,比如 WhatFont;FontFace Ninja;CSS Peeper.推荐挑剔的设计师们使用颜值更高的 CSS Peeper.

简单介绍一下 CSS Peeper,它不仅能识别字体,还可以快速识别网页中的各种元素的属性,比如说大小、色值甚至是图片资源,强烈推荐网页设计师们使用.

点击 CSS Peeper 插件图标后可激活插件本体,之后就可以点击网页上的字体进行识别.

需要注意的是,识别出来的字体名称显示在 FONT-FAMILY 内,但是一般情况下这里显示的是一大串字体的名称,那么如何知道我们点击的字体使用的是其中的哪一个呢?这里就需要介绍一下浏览器的字体调用规则.

浏览器调用字体文件的规则是根据 FONT-FAMILY 部分字体名称的排列顺序来的,也就是说优先使用排在前面的字体.由于中文字体中包含了英文字母,因此通常情况下,浏览器会优先使用中文字体中的字母来取代英文字体,而这往往是我们不希望看到的,所以一般都会把西文字体优先排在 FONT-FAMILY 列表前面.

在了解了浏览器的字体调用规则后,再排除 FONT-FAMILY 列表中一些我们日常用到常见字体,例如 " PingFang SC(苹方-简)"、" Helvetica Neue "、" STHeiti(华文黑体)"、" Microsoft Yahei(微软雅黑)"、"Simsun(宋体)",之后得到你想要字体就非常简单了.

以上就是小编简单的介绍，希望对你有所帮助，还有更多关于相关的讯息，欢迎咨询，惊喜多多，收获多多。

课程咨询

咨询老师：张老师

咨询电话：021-64320836

咨询微信：2504994244

相关推荐