字體知識,文字使用的小經驗
好長時間沒發(fā)帖,凈想過年了,過年哈,倒騰工作總結和年貨是大事。
這幾天有人問我說:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想學點直接能拿來用的,這個要求過分嗎……”
這個,好吧,那就直接說說能用的知識:字體字號。
也許你會說:字體字號?也太Low了吧,這個誰不知道重要呀。
對于這個問題,我想說:會和熟練,是兩回事。一個App,不同部分的字體字號你能準確地說出來嗎?
很多剛做APP界面的設計師,經常會因為字號,字體顏色,間距而困擾。
拿到設計需求后,開始進行設計,不知道從何去調整界面的字號和行間距等。容易碰到的問題是頁面和頁面的字號調著調著就大小或顏色不統(tǒng)一了。并且容易導致設計稿反復得修改。設計出來的效果圖文字左右間距層次不齊,導致與預期不符等。
這小節(jié)我將和大家理一理界面中常用的字體,字號,字體顏色及間距對齊的一些小經驗。希望能對大家有些幫助。
一、成也字,敗也字在設計師的職業(yè)生涯中,至少一次甚至多次在工作中因為字體不協調栽跟頭。在實踐的過程中我們會慢慢發(fā)現一些規(guī)律或者經驗規(guī)范。接下來我將和大家一起聊聊在界面設計中的那些常規(guī)字體的使用規(guī)范。
我們常常會聽到,這也太LOW了吧。∧隳芙y(tǒng)一一下字體嗎?
不明確而繁瑣的字體搭配會導致整個畫面失調?梢赃@樣說,字體可以成就設計也可以毀掉設計。
問題的關鍵有:
-
字體樣式太多,導致頁面雜亂使用的字體不易識別字體樣式和內容的氣氛或規(guī)范不匹配
怎么避免這樣的結果發(fā)生呢?
通過設計經驗可以幫助你做出更好的版式,了解不同平臺的常用字體設計規(guī)范。
在每個項目設計中只使用1-2個字體樣式,而在品牌字有明確的規(guī)范的情況下,只需要一種字體貫穿全文,通過對字體放大來強調重點文案。字體用的太多,越顯得不夠專業(yè)。
不同的樣式的字體,形狀或系列最好相同,保證字體風格的一致性。
字體與背景的層次要分明,確保字體樣式與色調氣氛相匹配
二、界面中文字使用的規(guī)則在不同平臺的界面設計中規(guī)范的字體會有不同,像移動界面的設計就會有固定的字體樣式。網頁中會有常用的幾個字體,在這我和大家分別介紹一下。
以下是在72像素/英寸下的規(guī)范
移動端常規(guī)字體IOS:常選擇華文黑體或者冬青黑體,尤其是冬青黑體效果最好。
Android
英文字體:Roboto
中文字體:Noto
移動端常用的的字號有哪些呢?
導航主標題字號:40-42px
我一般設計就用40px,偏小的40px字號,顯得精致些。
學習 · 提示
相關教程