當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

字體知識,文字使用的小經(jīng)驗

來源:未知 作者:不詳 學(xué)習(xí):2066人次

好長時間沒發(fā)帖,凈想過年了,過年哈,倒騰工作總結(jié)和年貨是大事。

這幾天有人問我說:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想學(xué)點(diǎn)直接能拿來用的,這個要求過分嗎……”

這個,好吧,那就直接說說能用的知識:字體字號。

也許你會說:字體字號?也太Low了吧,這個誰不知道重要呀。

對于這個問題,我想說:會和熟練,是兩回事。一個App,不同部分的字體字號你能準(zhǔn)確地說出來嗎?

很多剛做APP界面的設(shè)計師,經(jīng)常會因為字號,字體顏色,間距而困擾。

拿到設(shè)計需求后,開始進(jìn)行設(shè)計,不知道從何去調(diào)整界面的字號和行間距等。容易碰到的問題是頁面和頁面的字號調(diào)著調(diào)著就大小或顏色不統(tǒng)一了。并且容易導(dǎo)致設(shè)計稿反復(fù)得修改。設(shè)計出來的效果圖文字左右間距層次不齊,導(dǎo)致與預(yù)期不符等。

這小節(jié)我將和大家理一理界面中常用的字體,字號,字體顏色及間距對齊的一些小經(jīng)驗。希望能對大家有些幫助。

一、成也字,敗也字

在設(shè)計師的職業(yè)生涯中,至少一次甚至多次在工作中因為字體不協(xié)調(diào)栽跟頭。在實踐的過程中我們會慢慢發(fā)現(xiàn)一些規(guī)律或者經(jīng)驗規(guī)范。接下來我將和大家一起聊聊在界面設(shè)計中的那些常規(guī)字體的使用規(guī)范。

我們常常會聽到,這也太LOW了吧!你能統(tǒng)一一下字體嗎?

不明確而繁瑣的字體搭配會導(dǎo)致整個畫面失調(diào)。可以這樣說,字體可以成就設(shè)計也可以毀掉設(shè)計。

字體知識,文字使用的小經(jīng)驗

問題的關(guān)鍵有:

    字體樣式太多,導(dǎo)致頁面雜亂使用的字體不易識別字體樣式和內(nèi)容的氣氛或規(guī)范不匹配

怎么避免這樣的結(jié)果發(fā)生呢?

通過設(shè)計經(jīng)驗可以幫助你做出更好的版式,了解不同平臺的常用字體設(shè)計規(guī)范。

在每個項目設(shè)計中只使用1-2個字體樣式,而在品牌字有明確的規(guī)范的情況下,只需要一種字體貫穿全文,通過對字體放大來強(qiáng)調(diào)重點(diǎn)文案。字體用的太多,越顯得不夠?qū)I(yè)。

不同的樣式的字體,形狀或系列最好相同,保證字體風(fēng)格的一致性。

字體與背景的層次要分明,確保字體樣式與色調(diào)氣氛相匹配

二、界面中文字使用的規(guī)則

在不同平臺的界面設(shè)計中規(guī)范的字體會有不同,像移動界面的設(shè)計就會有固定的字體樣式。網(wǎng)頁中會有常用的幾個字體,在這我和大家分別介紹一下。

以下是在72像素/英寸下的規(guī)范

移動端常規(guī)字體

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

字體知識,文字使用的小經(jīng)驗

Android

英文字體:Roboto

中文字體:Noto

字體知識,文字使用的小經(jīng)驗

移動端常用的的字號有哪些呢?

導(dǎo)航主標(biāo)題字號:40-42px

我一般設(shè)計就用40px,偏小的40px字號,顯得精致些。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!