雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

安卓界面ui設(shè)計(jì)字體大小有什么講究,安卓界面ui設(shè)計(jì)的注意事項(xiàng)

Time: 2022-01-06

  在我們常用的手機(jī)里,很多都是安裝的安卓系統(tǒng)。那對(duì)安卓系統(tǒng)的界面ui設(shè)計(jì)有什么了解嗎?今天就讓faceui為大家介紹安卓界面ui設(shè)計(jì)字體大小有什么講究,安卓界面ui設(shè)計(jì)的注意事項(xiàng)。

  安卓界面ui設(shè)計(jì)字體大小有什么講究

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

  常見的字體大小:24px、26px、28px、30px、32px、34px,36px等等。記住是偶數(shù)的。最小字號(hào)20px。

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

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

  2、行高:為了提供適當(dāng)?shù)目勺x性與節(jié)奏感,Material Design根據(jù)不同的字號(hào)大小與字重規(guī)定了對(duì)應(yīng)的行高。沒有特殊要求下,建議使用常用1.25行倍值。

  3、字體顏色:在安卓設(shè)計(jì)中很少使用某種色號(hào)控制,他是通過(guò)純黑或純白不透明度控制它的一個(gè)顯示。

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

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

  小圖標(biāo)尺寸是24dp X 24dp。圖形限制在中央20dp X 20dp區(qū)域內(nèi)。小圖標(biāo)同樣有柵格系統(tǒng)。線條、空隙盡量保持2dp寬,圓角半徑2dp。特殊情況相應(yīng)調(diào)整。

  圖標(biāo)的顏色使用純黑與純白,通過(guò)透明度調(diào)整:黑色:[54% 正常狀態(tài)] [26% 禁用狀態(tài)];白色:[100% 正常狀態(tài)] [30% 禁用狀態(tài)]。

安卓界面ui設(shè)計(jì)字體大小

  圖片來(lái)源于網(wǎng)絡(luò)

  4、按鈕BUTTON

  底部動(dòng)作條Bottom Sheets,底部動(dòng)作條是一個(gè)從屏幕底部邊緣向上滑出的一個(gè)面板,向用戶呈現(xiàn)一組功能。

  安卓界面ui設(shè)計(jì)的注意事項(xiàng)

  五不要:

  1、不要照搬其他平臺(tái)上的UI設(shè)計(jì)。應(yīng)該讓用戶感覺是在使用一個(gè)真正的Android軟件在你的品牌顯示和平臺(tái)整體觀感之間做好平衡。

  2、不要過(guò)度使用模態(tài)進(jìn)度條和確認(rèn)對(duì)話框。

  3、不要使用固定的絕對(duì)定位布局。

  4、不要使用px單位使用dp如果是文本使用sp。

  5、不要使用太小的字體。

安卓界面ui設(shè)計(jì)字體大小

  圖片來(lái)源于網(wǎng)絡(luò)

  九要:

  1、所有資源都要針對(duì)高分辨率屏幕創(chuàng)建??s小總比放大好。

  2、需要點(diǎn)擊的元素要夠大。

  3、圖標(biāo)設(shè)計(jì)要遵循Android的準(zhǔn)則。

  4、要使用適當(dāng)?shù)拈g距margins, padding。

  5、要支持D-pad和trackball導(dǎo)航。

  6、要正確管理活動(dòng)activity棧。

  7、要正確處理屏幕方向變化。

  8、要使用主題/樣式、尺寸和顏色資源來(lái)減少界面冗余。

  9、要和視覺與交互設(shè)計(jì)師合作。

  以上就是faceui為大家介紹的關(guān)于安卓界面ui設(shè)計(jì)字體大小的相關(guān)內(nèi)容??梢哉f(shuō)安卓系統(tǒng)是大眾用得最多的操作系統(tǒng),對(duì)安卓界面ui設(shè)計(jì)也是非常關(guān)注的。

合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

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