您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
03 年貨字體圖片(UI設計師必備技能:常用字體規范)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-06-02 10:03:19【】9人已围观
简介發現新大陸發現新財富的典故,共同開發共同受益。主題為“演繹”的海報設計創意說明:海報主體是一段膠片,膠片讓人聯想到電影、表演、演繹,喻為中部是一個很好的舞臺,讓每一位有志之士大有所謂,調動投資者的表現
UI設計師必備技能:常用字體規范
作為一個UI設計師,界面規范真的很重要,我們也許能把ios各個模塊數據如數家珍,但是字體呢,正文字體多大字號?標題多大字號?哈哈,別發蒙,今天小編給大家帶來滿滿的的干貨,原文來自@王鐸(MICU設計)帶來的界面設計常用字體規范,大家看完果斷。
作者:王鐸(MICU設計)
好長時間沒發帖,凈想過年了,過年哈,倒騰工作總結和年貨是大事。
這幾天有人問我說:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想學點直接能拿來用的,這個要求過分嗎……”
這個,好吧,那就直接說說能用的知識:字體字號。
也許你會說:字體字號?也太Low了吧,這個誰不知道重要呀。
對于這個問題,我想說:會和熟練,是兩回事。一個App,不同部分的字體字號你能準確地說出來嗎?
很多剛做APP界面的設計師,經常會因為字號,字體顏色,間距而困擾。
拿到設計需求后,開始進行設計,不知道從何去調整界面的字號和行間距等。容易碰到的問題是頁面和頁面的字號調著調著就大小或顏色不統一了。并且容易導致設計稿反復得修改。設計出來的效果圖文字左右間距層次不齊,導致與預期不符等。
這小節我將和大家理一理界面中常用的字體,字號,字體顏色及間距對齊的一些小。希望能對大家有些幫助。
一.成也字,敗也字在設計師的職業生涯中,至少一次甚至多次在工作中因為字體不協調栽跟頭。在實踐的過程中我們會慢慢發現一些規律或者規范。接下來我將和大家一起聊聊在界面設計中的那些常規字體的使用規范。
我們常常會聽到,這也太LOW了吧!!你能統一一下字體嗎?
不明確而繁瑣的字體搭配會導致整個畫面失調。可以這樣說,字體可以成就設計也可以毀掉設計。
問題的關鍵有:
1.字體樣式太多,導致頁面雜亂
2.使用的字體不易識別
3.字體樣式和內容的氣氛或規范不匹配
怎么避免這樣的結果發生呢?
通過設計可以幫助你做出更好的版式,了解不同平臺的常用字體設計規范.
在每個項目設計中只使用1-2個字體樣式,而在品牌字有明確的規范的情況下,只需要一種字體貫穿全文,通過對字體放大來強調重點文案。字體用的太多,越顯得不夠專業。
不同的樣式的字體,形狀或系列最好相同,保證字體風格的一致性。
字體與背景的層次要分明,確保字體樣式與色調氣氛相匹配
二.界面中文字使用的規則在不同平臺的界面設計中規范的字體會有不同,像移動界面的設計就會有固定的字體樣式。網頁中會有常用的幾個字體,在這我和大家分別介紹一下。
以下是在72像素/英寸下的規范
移動端常規字體
IOS:常選擇華文黑體或者冬青黑體,尤其是冬青黑體效果最好。
Android
英文字體:Roboto
中文字體:Noto
移動端常用的的字號有哪些呢?
導航主標題字號:40-42px
我一般設計就用40px,偏小的40px字號,顯得精致些。
在內文展示中字號大小又是多大呢?
大的正文字號32px,
副文是26px,小字20px
在內文的使用中,根據不同類型的App會有所區別。
像新聞類的APP或文字閱讀類的APP更注重文本的閱讀便捷性,正文字號36px,會選擇性的加粗。
而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px
26px的字號還會用于劃分類別的提示文案,因為這樣的文字希望用戶閱讀,但不要搶過主列表信息的引導。
36px的字號還經常運用在頁面的大按鈕中。為了拉開按鈕的層次,同時加強按鈕引導性,選用了稍大號的字體。
(見下圖中的退出按鈕)
大家注意了,在選用字體大小的時候一定要選擇偶數的字號,因為在開發界面的時候,字號大小換算是要除以二的。這個詳細緣由大家可以網上查詢,我就不在這一一的介紹了。
常用字號的大小基本就這幾個,根據版式設計需要也會采用異樣大小的字號來特殊處理。這種更高的要求設計師的全局把控能力了。
網頁端常用的字號有哪些呢?
網頁中文字字號一般都是宋體
很赞哦!(63956)
相关文章
- 09 mp3 download youtube apk download(system是什么文件夾可以刪除嗎)
- 09 youtube music download windows 10 english us version(電影2r什么意思)
- 09 soft music on youtube(推薦被埋沒的歐美歌曲)
- 03 youtube下載電腦版買粉絲是什么呢(如何從網上下載視頻呢?)
- 09 youtube mp3 download windows 10(怎樣才能學好python語言?)
- 09 skin 買粉絲s on youtube(求希斯萊杰的英文介紹)
- 09 youtube music 買粉絲s love songs 80s and 90s(Bob Dylan的英文介紹)
- 09 youtube music 買粉絲 listen(大家來幫忙推薦好歌 高分)
- 03 youtube下載網站哪個好做生意是(想做跨境電商我需要具備哪些條件?想做amazon,產品已經選好了。請問大家有什么好的建議?提點建議吧。)
- 03 youtube下載電腦版推薦頁面設計模板css(初學者怎么學習Python)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:新疆博尔塔拉精河县
工作室:小组
Email:[email protected]
热门文章
站长推荐
09 new music youtube 2020(播個跑步的歌曲)
03 youtube下載電腦版網站論壇數據分析(怎么給網站引來流量?/)
03 youtube下載電腦版買粉絲下載文件軟件為了(如何將視頻下載到電腦上?)
09 youtube movies 買粉絲 to watch on youtube(九年級英語上第一單元測試卷)
03 youtube下載電腦版教程入門視頻教程1(請問網上有否免費學習電腦技術的買粉絲)
09 youtube music app download pc 買粉絲 download(幫忙翻譯一段IPHONE廣告)
09 youtube music 買粉絲s 買粉絲untry 2020 playlist new artist grammy award(求一首關于鬼步的英語介紹)
03 youtube下載電腦版買粉絲登錄兩種方式訪問(youtube每次打開需要重新登錄)