高級(jí)UI交互設(shè)計(jì)課程：

什么是著陸頁(yè)（Landing Page），著陸頁(yè)的目標(biāo)

講解著陸頁(yè)的概念，介紹著陸頁(yè)如何實(shí)現(xiàn)轉(zhuǎn)化目標(biāo)

著陸頁(yè)的內(nèi)容、布局、配色、創(chuàng)意。

案例了解著陸頁(yè)中如何確定內(nèi)容及轉(zhuǎn)化入口

學(xué)習(xí)著陸頁(yè)的布局技巧，內(nèi)容區(qū)域的位置及重要性

如何根據(jù)頁(yè)面的主題進(jìn)行色彩的選擇

案例學(xué)習(xí)著陸頁(yè)的主題如何發(fā)揮創(chuàng)意吸引用戶

著陸頁(yè)案例分析、創(chuàng)意過(guò)程

使用案例學(xué)習(xí)著陸頁(yè)是如何從無(wú)到有完成設(shè)計(jì)的整個(gè)創(chuàng)意過(guò)程

UI設(shè)計(jì)元素離不開(kāi)字體，各種各樣的字體設(shè)計(jì)支撐起起個(gè)整個(gè)UI設(shè)計(jì)作品，在眾多的UI設(shè)計(jì)作品中，字體的樣式有很多，經(jīng)常會(huì)遇到有人問(wèn)這個(gè)是什么字體，如果回答不上了，那對(duì)于一個(gè)UI設(shè)計(jì)者也是一個(gè)不小的打擊。

然而字體的種類(lèi)繁多,尤其是對(duì)國(guó)內(nèi)設(shè)計(jì)師們來(lái)說(shuō)不太熟悉的西文字體,體系更為龐雜,想一眼認(rèn)出所用字體是非常困難的.因此如何方便快速知道某個(gè)地方用的是什么字體就成為了設(shè)計(jì)師經(jīng)常需要做的事情.

下面就介紹關(guān)于網(wǎng)頁(yè)中的文字識(shí)別方法或者是查詢思路,希望看過(guò)之后能有所啟發(fā),以后就不用到處求人認(rèn)字了.

Web Font 網(wǎng)頁(yè)上的字體

網(wǎng)頁(yè)上的字體識(shí)別為簡(jiǎn)單,我們只需要找到瀏覽器調(diào)用的字體文件的名稱(chēng)就可以了,很多瀏覽器都提供了代碼檢查的模式來(lái)找到我們想要的字體信息,當(dāng)然這個(gè)功能一般來(lái)說(shuō)是提供給前端開(kāi)發(fā)使用,對(duì)于設(shè)計(jì)師們來(lái)說(shuō)不太友好.不過(guò)好在有各種 "哪里不會(huì)點(diǎn)哪里" 的瀏覽器插件,普通用戶也可以方便地知道網(wǎng)頁(yè)上使用的字體.

此類(lèi)瀏覽器插件很多,比如 WhatFont;FontFace Ninja;CSS Peeper.推薦挑剔的設(shè)計(jì)師們使用顏值更高的 CSS Peeper.

簡(jiǎn)單介紹一下 CSS Peeper,它不僅能識(shí)別字體,還可以快速識(shí)別網(wǎng)頁(yè)中的各種元素的屬性,比如說(shuō)大小、色值甚至是圖片資源,強(qiáng)烈推薦網(wǎng)頁(yè)設(shè)計(jì)師們使用.

點(diǎn)擊 CSS Peeper 插件圖標(biāo)后可激活插件本體,之后就可以點(diǎn)擊網(wǎng)頁(yè)上的字體進(jìn)行識(shí)別.

需要注意的是,識(shí)別出來(lái)的字體名稱(chēng)顯示在 FONT-FAMILY 內(nèi),但是一般情況下這里顯示的是一大串字體的名稱(chēng),那么如何知道我們點(diǎn)擊的字體使用的是其中的哪一個(gè)呢?這里就需要介紹一下瀏覽器的字體調(diào)用規(guī)則.

瀏覽器調(diào)用字體文件的規(guī)則是根據(jù) FONT-FAMILY 部分字體名稱(chēng)的排列順序來(lái)的,也就是說(shuō)優(yōu)先使用排在前面的字體.由于中文字體中包含了英文字母,因此通常情況下,瀏覽器會(huì)優(yōu)先使用中文字體中的字母來(lái)取代英文字體,而這往往是我們不希望看到的,所以一般都會(huì)把西文字體優(yōu)先排在 FONT-FAMILY 列表前面.

在了解了瀏覽器的字體調(diào)用規(guī)則后,再排除 FONT-FAMILY 列表中一些我們?nèi)粘Ｓ玫匠Ｒ?jiàn)字體,例如 " PingFang SC(蘋(píng)方-簡(jiǎn))"、" Helvetica Neue "、" STHeiti(華文黑體)"、" Microsoft Yahei(微軟雅黑)"、"Simsun(宋體)",之后得到你想要字體就非常簡(jiǎn)單了.

以上就是小編簡(jiǎn)單的介紹，希望對(duì)你有所幫助，還有更多關(guān)于相關(guān)的訊息，歡迎咨詢，驚喜多多，收獲多多。

課程咨詢

咨詢老師：張老師

咨詢電話：021-64320836

咨詢微信：2504994244

相關(guān)推薦