㈠ Android UI規范是什麼
從事UI設計行業的朋友都知道,每一張設計稿都是有規范尺寸的,並且IOS的和Android還不同,IOS UI設計規范為375*667 1x的尺寸,那麼Android UI規范是什麼呢,下面讓我們一起來了解一下。
在做Android UI設計的時候,畫布的尺寸我們一般都是選擇360*640 1x,也就是說是選擇720*1280這個尺寸。
我們從上到下來進行了解,最上邊的是狀態欄,狀態欄的高度是25。
在狀態欄中肯定就是信號、電源以及時間這些了,每個Android定製系統的擺放樣式都不同,這一點不用糾結。
狀態欄下邊就是導航欄了,導航欄起到的是導航作用,高度是45px。
導航欄中間一般都是有文字來起到提醒作用的,導航文字的大小一般都是18px。
在最下方就是我們的標簽欄了,標簽欄的作用就是給用戶提供切換界面的作用,標簽欄的高度為50px。
在標簽欄中擺放的肯定就是我們的ICON圖標了,要注意,圖標的切圖點擊區域不能夠小於24px。
一些ICON圖標的下方還會有文本,這里文本的大小一般就是10或者是11px了,因為范圍有限。
本文尺寸均為1x。
㈡ 做手機界面設計的尺寸是多少
從設計方面來看,做手機界面設計的尺寸一般分為iPhone和Android兩種設備。
如果以iPhone為設計設備,尺寸一般是使用750x1334,1125 x 2436,1242 x 2208這三種尺寸設計都可以,750x1334是2倍圖設計,1125x2346和1242x2208都是3倍圖來進行設計。
如果是用PS做設計稿就用750*1334,如果是用SKetch或者XD來設計,常見是用1倍尺寸來說,也就是375*667或者375*812(iPhone X)。
如果以Android為設備進行設計,尺寸一般使用720x1280,1080x1920進行設計第一種是2倍圖,第二種是3倍圖。
近年來iPhone和Android的設備增多,各尺寸也逐漸變多,下面有一份安卓屏幕尺寸表:
(2)安卓ui用什麼尺寸擴展閱讀:
1、UI界面設計的基本要素:
機界面層級:idle(待機界面) Mainmenu(主菜單) Submenu(二級菜單)Third level menu(三級菜單) 界面除了包括圖標和文字外,比較重要的還有function animation(呼叫,發送信息等) 以及 function interface(計算器,日歷界面等)
明確意義的圖標,風格鮮明的版面設計是手機界面設計的重要工作,較為流行的是以Motorola,Nokia等為代表的歐洲簡單風格,以及韓國的時尚絢麗的風格。
2、設計注意事項:
尺寸問題: 480X800,540X960,720X1280,1080X1920象素尺寸是較常見的手機屏幕尺寸,在設計時可以根據實際產品要求進行設計,更大的屏幕可以有更多的交互表現和視覺元素的支持,較為自由。
色彩問題: 由於手機lcd本身的限制,在色彩的還原程度上沒有pc如此完善,因此在選用色彩時要根據使用的屏幕進行調節。
可實現性問題: 受到硬體運算速度和內存的影響,以及不可預計的後台程序開發難度,過於復雜的效果將很難進行實現,與程序工程師和ui工程師,硬體工程師的溝通顯得尤為重要。
㈢ 安卓系統UI設計尺寸怎麼定
眾所周知,安卓系統是開源的,國內又有超多的手機廠商,小米、魅族、華為、oppo、三星等,每一個品牌有屬於自己的UI設計規范,但是我們主要分析UI界面尺寸規范。
1、字體
安卓系統中文採用的是思源黑體,英文字體為robot字體。
只使用偶數單位 24 pt,28 pt,36 pt等字體大小
2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什麼意思?
講圖標之前先來分析一下一排英文的意思:
mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小,依次數值越大,其解析度越高。常用的是xxhdpi和xxxhdpi。
dp是安卓系統專用的長度單位,設備獨立像素的意思。不同設備有不同的顯示效果,這個和設備硬體有關。多為圖標使用,文字則用sp(放大像素),主要用於字體顯示best for textsize。
px是像素的意思, 不同設備顯示效果相同。
安卓各屏幕密度關系如下:
3、圖標
不同手機品牌的圖標的標志是不一樣的,對應不同大小屏幕的尺寸如下:
應用圖標的尺寸:
快捷圖標的尺寸:
系統圖標的尺寸:
4、應用欄的尺寸
從左到右依次是:① 應用欄高度:56dp;應用欄左右內邊距為16dp;應用欄圖標上下左內邊距為16dp;應用欄標題左內邊距為72dp;應用欄標題下邊距:20dp;
②應用欄高度為128dp;
③操作欄高度為56dp;標題欄高度:80dp;標題欄底部內邊距:8dp;描述區域高度:72dp;描述區底部內邊距:16dp。
5、列表高度
垂直邊框、水平外邊距、邊框左右外邊距各16dp;帶有圖標或者頭像的內容有72dp的左邊距。
垂直邊距
①狀態欄:24dp;②工具欄:56dp;③子標題:48dp;④列表項:72dp
垂直邊框、水平外邊距、邊框左右外邊距各16dp;帶有圖標或者頭像的內容有72dp的左邊距。
垂直邊距
①狀態欄:24dp;②工具欄:56dp;③標題和列表項:48dp;④子標題:48dp;⑤內容區域間距離為8dp
6、界面適配
安卓多屏幕支持的基礎是它能夠管理應用程序的布局和點陣圖可繪制對象的渲染以適當的方式對當前屏幕配置的能力。該系統處理的大部分工作由布局縮放以適合屏幕尺寸/密度和縮放點陣圖可繪制在屏幕密度正確呈現您的應用程序在每個屏幕的配置,來優化用戶界面設計,帶來更良好的用戶體驗。
如何做到安卓界面適配呢?大家一定要很清楚的了解解析度、屏幕大小、密度的關系;明白實際密度和系統密度的關系,dp、sp、px的區別;明白dp與px的轉換。這里不做過多闡述,後期寫一篇具體的~
安卓的界面規范就講到這里,要明白設計界面規范的意義是確保設計的統一性與合理性,規范維護的是項目的統一,為了項目利益最大化,高效化。所以作為UI設計師的我們,如果一點設計規范不遵守,全靠自己想當然,那就別發給前端人員啦,他也看不懂。