APP界面設(shè)計(jì):如何選符合產(chǎn)品氣質(zhì)的字體

0 評論 13828 瀏覽 48 收藏 8 分鐘

不管是中文還是英文,文字不僅是傳達(dá)信息的載體,也是設(shè)計(jì)中的重要元素,設(shè)計(jì)過程中盡量保證文字的閱讀性,在嚴(yán)謹(jǐn)中尋求突破。經(jīng)過藝術(shù)設(shè)計(jì)的字體,可以使信息更形象、更美感的銘記于你心中。

隨著移動端扁平化設(shè)計(jì)推進(jìn),越來越多的設(shè)計(jì)師不滿足于僅僅是色塊、圖標(biāo)和系統(tǒng)字體的枯燥組合,而把更多的心思投入到精益求精的視覺設(shè)計(jì)中。

iOS 系統(tǒng)當(dāng)中的APP設(shè)計(jì)字體:

常選擇華文黑體或者冬青黑體,尤其是冬青黑體效果最好。

iOS7字體設(shè)計(jì)規(guī)范以及APP設(shè)計(jì)中英文字體下載

Android系統(tǒng)當(dāng)中的APP界面設(shè)計(jì)字體:

英文字體:Roboto

中文字體:Noto ? (Android 5.0 Lollipop 思源黑體字體)也是目前安卓系統(tǒng)當(dāng)中使用的最新字體,之前的字體還有如下Droid字體。字體設(shè)計(jì)也比較優(yōu)雅。

APP界面設(shè)計(jì) APP設(shè)計(jì) UI設(shè)計(jì) APP字體設(shè)計(jì)

Android移動APP設(shè)計(jì)字體規(guī)范詳解

下面我們就來看看一些比較好的符合產(chǎn)品氣質(zhì)的字體和app。

優(yōu)雅的APP案例欣賞:Yahoo 天氣 – 最優(yōu)雅的天氣APP

APP界面設(shè)計(jì) APP設(shè)計(jì) UI設(shè)計(jì) APP字體設(shè)計(jì)

Yahoo Weather! 不論是在布局、字體和色彩的運(yùn)用上都顯得精致細(xì)膩,滑動時高斯模糊的處理更是流暢平滑。值得去下載學(xué)習(xí)。

好的字體在文本的易讀性上起了決定作用,卻不止于此,它也傳遞出設(shè)計(jì)師分享的意圖。它是整個用戶體驗(yàn)的重要部分。

從另一方面講,缺乏好的字體,是整個產(chǎn)品不專業(yè)的表現(xiàn)。文字是主要界面的基礎(chǔ)元素。

第一部分:如何來選擇更符合產(chǎn)品主題氣氛的字體與字形:

案例1 ?戰(zhàn)爭氣質(zhì)

APP界面設(shè)計(jì) APP設(shè)計(jì) UI設(shè)計(jì) APP字體設(shè)計(jì)

原型/圓體、哥特體

左圖字體所傳達(dá)的氣質(zhì):趣味、活潑;

顯得對這部戰(zhàn)爭類型的電影所表現(xiàn)的氣質(zhì)格格不入。

右圖字體所傳達(dá)的氣質(zhì):哥特、凌厲;

采用了具有裝飾性的襯線字體,襯線字體的特點(diǎn)在于線條交接處和末端具有明顯的粗細(xì)變化和裝飾,使字體氣氛感覺犀利,加上紋理質(zhì)感處理,便有了神話意境和哥特式驚悚的味道,很好的襯托出電影本身的氣質(zhì)。

案例2 ?文藝氣質(zhì)

APP界面設(shè)計(jì) APP設(shè)計(jì) UI設(shè)計(jì) APP字體設(shè)計(jì)

原型/宋體

上面兩張電影海報應(yīng)用的字體都是宋體,宋體的衍生有很多,又長有扁,有胖有瘦。一般用于書籍印刷。而在電影界上這類型字體多用于文藝片,正如案例中,兩部都是文藝溫馨的愛情片,運(yùn)用宋體進(jìn)行排版處理,既顯得清新又文藝。

案例3 ?女性氣質(zhì)

APP界面設(shè)計(jì) APP設(shè)計(jì) UI設(shè)計(jì) APP字體設(shè)計(jì)

原型/細(xì)線體、襯線體

字如其人,女性的特點(diǎn)是細(xì)致優(yōu)雅、苗條細(xì)長;常被用作化妝品、女性雜志、藝術(shù)等女性主題領(lǐng)域。

案例4 ?男性氣質(zhì)

APP界面設(shè)計(jì) APP設(shè)計(jì) UI設(shè)計(jì) APP字體設(shè)計(jì)

原型/黑體

作為強(qiáng)現(xiàn)代感的無襯線字體—黑體,給人感覺粗壯緊湊,頗有力量感,可塑性很強(qiáng),對比案例3的細(xì)線體,即可表現(xiàn)為陽剛有力的男性氣質(zhì),也可以變成纖細(xì)優(yōu)雅的女性氣質(zhì)。

案例5 ?歷史文化氣質(zhì)

APP界面設(shè)計(jì) APP設(shè)計(jì) UI設(shè)計(jì) APP字體設(shè)計(jì)

原型/書法字體

書法字體具有很強(qiáng)的設(shè)計(jì)感與藝術(shù)表現(xiàn)力,運(yùn)用好的話往往是點(diǎn)睛之筆。各式各樣的書法字體有著自己獨(dú)特的細(xì)膩的特點(diǎn),把握好這一點(diǎn),既能給電影增加文化內(nèi)涵,也能襯托出電影的氣質(zhì)。

從以上5個方面,算是給大家點(diǎn)睛了一下。希望大家可以自己多去觀察和了解這些字體的氣質(zhì)。才能很好的用在我們的移動app界面上。

如今,字體是移動設(shè)計(jì)師的重要武器之一,恰當(dāng)?shù)淖煮w運(yùn)用,可以使產(chǎn)品的定位和內(nèi)容的情感有加倍的表達(dá)。因?yàn)橄到y(tǒng)默認(rèn)的字體太少或者太丑了??梢怨┰O(shè)計(jì)師發(fā)揮的就是內(nèi)嵌字體。

內(nèi)嵌字體就是 設(shè)計(jì)師設(shè)計(jì)在圖片上 或者是把字體當(dāng)中圖形化的一種使用。

所以,內(nèi)嵌字體,成為了一些追求完美的App設(shè)計(jì)師的一個解決方案。

當(dāng)然,有些時間設(shè)計(jì)師也要學(xué)會根據(jù)產(chǎn)品的氣質(zhì)去改變字體。重新設(shè)計(jì)下字體。

第二部分、APP案例詳解:簡書APP

APP界面設(shè)計(jì) APP設(shè)計(jì) UI設(shè)計(jì) APP字體設(shè)計(jì)

作為一個「交流故事,溝通想法」的的寫作平臺App,簡書為了優(yōu)化閱讀體驗(yàn),選擇了思源黑體作為內(nèi)嵌字體,使用戶發(fā)布的不管是簡體中文、繁體中文、還是日文韓文,都能有比較理想的表現(xiàn)。食色的產(chǎn)品概念是和「生活家」們一起,發(fā)現(xiàn)與分享城市中的美食,所以選擇了細(xì)膩精致的方正蘭亭纖黑作為主要的界面字體。

用戶第一次使用,就能感受它與其他產(chǎn)品在氣質(zhì)上的不同。

除了內(nèi)嵌簡潔親和的非襯線體之外,諸如像Lohas樂活這樣小清新和強(qiáng)調(diào)自然生活感的產(chǎn)品,則會選用了田氏宋體舊字形或者方正蘭亭刊宋之類的,既能體現(xiàn)古韻,又相當(dāng)簡練質(zhì)感的襯線字體來表達(dá)產(chǎn)品定位和氣質(zhì)。

以上這些關(guān)于移動app字體設(shè)計(jì)知識,希望對各位有所幫助。

 

作者:25學(xué)堂

來源:http://www.chinaz.com/design/2015/1027/462541.shtml

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@站長之家,作者@25學(xué)堂

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!