Android系統(tǒng)是人們經(jīng)常使用的一種系統(tǒng),自成體系往往都有自己的規(guī)則和要求。對于Android系統(tǒng),也有一些關(guān)于ui設(shè)計的標(biāo)準(zhǔn)。一起介紹一下Android界面ui設(shè)計字體大小的規(guī)范,UI設(shè)計的應(yīng)用技巧。
Android界面ui設(shè)計字號有什么規(guī)格。
設(shè)計者最初做UI設(shè)計時通常是從一個320*480大小的canvas開始的,這種尺寸被稱為mdpi,在android分辨率下,ps的1px等于android中的1dp,同樣,這個時候1點的字就等于android中的1dp。
普通字號:24px,26px,28px,30px,32px,34px,36px等等。記憶是偶數(shù)。字號最低20px。
常見的字型:中文的蘋果色,英文的蘋果色,如果安不上的話,可以用黑爾維卡代替。
1、從標(biāo)題(Title)到小字提示(Caption),中文比英文大1sp,文字風(fēng)格比標(biāo)題大,中文與英文的字體大小相同。
線條高度:為提供合適的可讀性和節(jié)奏感,設(shè)計根據(jù)字體大小和字體大小的不同來確定相應(yīng)高度。無特殊要求,常用的1.25行倍是推薦的。
3、字體顏色:在Android的設(shè)計中很少用到某些色號,他是通過純黑色或者純白色的不透明來控制顯示。
明亮背景上的黑色文本:最重要的文本使用了87%的不透明性;次要文本是低視覺層次文本使用54%不透明性;提示文本(例如輸入框中的文本和標(biāo)簽中的文本)禁用文本或更低視覺層次文本的38%不透明度。
暗背景上的白色文本:在黑色背景和彩色背景上,主文本使用100%不透明度;次文本使用70%的不透明度;其他較低視覺層次文本使用50%的不透明度。
24dpX24dp的小圖標(biāo)尺寸。圖表范圍集中在20dpX20dp區(qū)域。這個小圖標(biāo)也是一個網(wǎng)格系統(tǒng)。直線、間隙盡可能保持2dp寬,圓角半徑2dp。例外情況作相應(yīng)調(diào)整。
圖示的顏色使用純黑色和純白色,調(diào)整透明度:黑色:[54%正常狀態(tài)][26%禁用狀態(tài)];白色:[100%正常狀態(tài)][30%禁用狀態(tài)]。
4、BUTTON按鈕
底端動作條BottomSheets,下動作條是一個從屏幕下緣向上滑動的面板,用于向用戶呈現(xiàn)一套功能。
應(yīng)用界面設(shè)計技巧。
1、使用大小合適的圖像。
對于圖片,很多Android應(yīng)用開發(fā)者都采用了尺寸單一的做法。雖然這樣可以簡化資源管理,但是從應(yīng)用的視覺吸引力來看,這種做法是錯誤的。為了使應(yīng)用呈現(xiàn)最好的視覺效果,應(yīng)該為具體的設(shè)備屏幕設(shè)計不同的圖像。用最合適的圖片來創(chuàng)造最好的用戶體驗。
2、使用合適格式的圖像。
諸如PNG、JPEG、GIF、BMP和WebP等媒體格式(注:Android4.0+版僅支持)。PNG是一種理想的無損圖像格式,但JPEG的渲染質(zhì)量不穩(wěn)定。如有可能,可考慮使用WebP替代JPEG,因為這種格式存儲和下載更加高效。這就是說,如果將它作為一個舊格式的獨立圖片,那么整個應(yīng)用程序就會變得更大,從而減少了使用新格式的好處。
3、使用微妙的動畫、色彩來呈現(xiàn)狀態(tài)變化。
利用精細動畫,在屏幕轉(zhuǎn)場時,控制用戶界面的顏色變化來呈現(xiàn)應(yīng)用狀態(tài)的變化,這會使你的應(yīng)用更專業(yè)。例如,活動間的淡淡出度使得屏幕轉(zhuǎn)換更加自然,改變按下的按鍵顏色能夠突出用戶的動作,并清晰地顯示用戶正在做什么。
4、使用圓角效果軟化UI。
界面控制按鈕,如Button、PageView等,都會在屏幕上呈現(xiàn)矩形的像素形狀,但是這需要處理。對于控制界面,使用圓角效果來軟化用戶界面的外觀,看起來很像網(wǎng)絡(luò)的風(fēng)格,但是用戶卻很喜歡。
5、在3D效果中使用一致的“光線”
如果您在應(yīng)用的控制鍵中使用投影等類似樣式,請確保使用一致的“光照”。換言之,要確保陰影朝向與屏幕一致。用相同的數(shù)字在圖像編輯器中創(chuàng)建同樣的斜度和紋理。
6、使用高對比度配色方案。
如果有一位家庭成員(注:通常是老一輩)第一次在郵件中發(fā)現(xiàn)可以使用有顏色的字體和背景,所以寄給你一封郵件,上面有白色背景和檸檬黃色字體,這類郵件看起來很麻煩。一些用戶在設(shè)計應(yīng)用界面時,可能會使玩家難以閱讀或瀏覽屏幕上的內(nèi)容。用合適的高對比度顏色,可以使屏幕看起來更容易,減輕眼睛壓力。您可以在您的系統(tǒng)資源中使用色彩方案,并在此基礎(chǔ)上執(zhí)行其他工作。
7、大而易讀的字體。
一些字體比其它字體讀起來更容易。字號也是一個重要因素,在保證屏幕功能平衡的前提下,盡量把字體做得足夠大。使用傳真機時,用小于12磅的字體是不合適的。
上面為大家介紹的關(guān)于Android界面ui設(shè)計字體大小的相關(guān)內(nèi)容。對于設(shè)計,不同的界面有不同的規(guī)范和原則,但也要根據(jù)用戶的使用體驗而調(diào)整。
聯(lián)系我們,開啟一場關(guān)于您項目的討論會吧。
?2010-2025 維好維可 | 用戶體驗創(chuàng)新設(shè)計公司-版權(quán)所有
滬ICP備19006116號-1
提交信息后,我們的專屬顧問會在1個工作日內(nèi)與您聯(lián)系。