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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

課程咨詢

咨詢老師：張老師

咨詢電話：021-64320836

咨詢微信：2504994244

相關(guān)推薦