高級(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)粘S玫匠R?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)推薦
課程 | 班型 | 費(fèi)用 |
交大南洋 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
水晶石教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
天琥教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
北區(qū)教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
晶網(wǎng)設(shè)計(jì) | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
非凡進(jìn)修學(xué)院 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
火星人教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |