雷火电竞首页-中国电竞赛事及体育赛事平台

聯系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

安卓界面ui設計字體大小有什么規范,UI設計應用技巧

Time: 2021-08-19

安卓系統是人們常用的一種系統之一。自成一派的系統往往都有自己的規則和要求。在安卓系統中,對于ui設計也有一定的標準。今天就讓faceui為大家介紹安卓界面ui設計字體大小有什么規范,UI設計應用技巧。

  安卓界面ui設計字體大小有什么規范

  設計師在做UI設計的時候通常最初是建立320*480這個尺寸的畫布開始的,這個尺寸的畫布在android分辨率的分類中稱為mdpi,在這個尺寸下,ps里的1px就等于android中的1dp,同樣,這個時候1點的字就等于android中1sp。

  常見的字體大?。?4px、26px、28px、30px、32px、34px,36px等等。記住是偶數的。最小字號20px。

  常用字體:中文用蘋方黑,英文用San Francisco,如果安不上也可以用Helvetica代替。

  1、從標題(Title)到小字提示(Caption),中文比英文都大1sp,比標題大的文本樣式,中文與英文采用相同大小的字號。

  2、行高:為了提供適當的可讀性與節奏感,Material Design根據不同的字號大小與字重規定了對應的行高。沒有特殊要求下,建議使用常用1.25行倍值。

  3、字體顏色:在安卓設計中很少使用某種色號控制,他是通過純黑或純白不透明度控制它的一個顯示。

  亮色背景上的黑色文本:最重要的文本使用87%的不透明度;次要文本也就是較低視覺層次文本使用54%不透明度;提示文本(例如輸入框里的文字和標簽里的文字)禁用文本或者更低視覺層次文本使用38%不透明度。

  暗色背景上的白色文本:在黑色背景和有色背景上主要文本都使用100%不透明度值;次要文本使用70%的不透明度;其他更低視覺層次的文本使用50%的不透明度。

安卓界面ui設計字體大小

安卓界面ui設計字體大小(圖片來自網絡)


  小圖標尺寸是24dp X 24dp。圖形限制在中央20dp X 20dp區域內。小圖標同樣有柵格系統。線條、空隙盡量保持2dp寬,圓角半徑2dp。特殊情況相應調整。

  圖標的顏色使用純黑與純白,通過透明度調整:黑色:[54% 正常狀態] [26% 禁用狀態];白色:[100% 正常狀態] [30% 禁用狀態]。

  4、按鈕BUTTON

  底部動作條Bottom Sheets,底部動作條是一個從屏幕底部邊緣向上滑出的一個面板,向用戶呈現一組功能。

  UI設計應用技巧

  1、使用大小適當的圖像

  在圖像方面,許多Android應用開發者采用的是大小單一的做法。盡管這會使資源管理變得更為簡單,但就應用的視覺吸引力而言,這是個錯誤的做法。要讓應用呈現出最佳的視覺效果,那么就應當針對具體的設備屏幕設計不同的圖像。最適當的圖像才能構建出最棒的用戶體驗。

  2、使用適當格式的圖像

  媒體格式比如PNG、JPEG、GIF、BMP和WebP(注:僅Android 4.0+版本支持)。PNG是無損圖片的理想格式,而JPEG的呈現質量并不穩定。如果可行的話,可以考慮使用WebP來替代JPEG,因為這種格式在存儲和下載時效率更高。也就是說,如果將其作為與較老格式同時使用的獨立圖片,那么應用整體規模會變大,這就削減了使用新格式的優勢。

  3、運用微妙動畫,顏色來呈現狀態改變

  在屏幕轉場時運用微妙動畫以及UI控制顏色變化來呈現應用狀態改變,這會讓你的應用更顯專業感。比如,活動間的淡入淡出使屏幕轉變更為自然,改變被按動的按鍵顏色會突顯正在發生的用戶動作,清晰地呈現出用戶正在做的事情。

安卓界面ui設計字體大小

安卓界面ui設計字體大小(圖片來自網絡)


  4、用圓角效果來軟化UI

  Button、PageView等用戶界面控制按鈕在屏幕上都會呈現矩形的像素形狀,但這需要進行處理。在控制界面上,使用圓角效果來軟化用戶界面的外觀,這顯得很像Web的風格,但確實很受用戶喜歡。

  5、在3D效果中使用一致性的“光照”

  如果你在應用的控制按鍵中使用投影和其他此類樣式,確保要使用一致性的“光照”。換句話說,要確保陰影在屏幕上的朝向一致。在圖像編輯器中使用相同的數值來創造相同的斜度和紋理。

  6、使用高對比度配色方案

  當某個家庭成員(注:往往是老一輩的人)首次發現可以在郵件中使用帶顏色的字體和背景,于是發送給你一封使用白色背景和檸檬黃色字體的電子郵件,這樣的郵件閱讀起來相當費勁。有些人在設計應用的屏幕時,可能會讓玩家難以閱讀或導航屏幕中的內容。使用適當的高對比度顏色,會讓屏幕更易于查看,緩解眼睛的壓力。要將配色方案作為系統資源的一部分,以此為基礎來開展其他工作。

  7、使用大型和易讀的字體

  相比其他字體,有些字體確實閱讀起來更為容易。字體大小也是個重要因素,在保持與其他屏幕功能的平衡性的前提下,盡量將字體制作得夠大。就像在使用傳真機時,使用小于12磅的字體并不合適。

  以上就是faceui為大家介紹的關于安卓界面ui設計字體大小的相關內容。不同界面對設計的規范和原則不同,但是也要根據用戶的使用體驗進行調整。


合作咨詢

上海(總部)

上海市浦東新區郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開