高級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)粘S玫匠R娮煮w,例如 " PingFang SC(蘋方-簡)"、" Helvetica Neue "、" STHeiti(華文黑體)"、" Microsoft Yahei(微軟雅黑)"、"Simsun(宋體)",之后得到你想要字體就非常簡單了.
以上就是小編簡單的介紹,希望對你有所幫助,還有更多關(guān)于相關(guān)的訊息,歡迎咨詢,驚喜多多,收獲多多。
課程咨詢
咨詢老師:張老師
咨詢電話:021-64320836
咨詢微信:2504994244
相關(guān)推薦
課程 | 班型 | 費用 |
交大南洋 | 白天班/晚班/周末班 | 點擊了解 |
水晶石教育 | 白天班/晚班/周末班 | 點擊了解 |
天琥教育 | 白天班/晚班/周末班 | 點擊了解 |
北區(qū)教育 | 白天班/晚班/周末班 | 點擊了解 |
晶網(wǎng)設(shè)計 | 白天班/晚班/周末班 | 點擊了解 |
非凡進修學(xué)院 | 白天班/晚班/周末班 | 點擊了解 |
火星人教育 | 白天班/晚班/周末班 | 點擊了解 |