導航:首頁 > 操作系統 > 安卓手機平面間距單位是什麼

安卓手機平面間距單位是什麼

發布時間:2025-02-15 16:51:47

A. 安卓設計規范

在講安卓設計規范之前我們先來看看一下的問題:

*規范是什麼?

*規范的目的是什麼?

*怎樣進行規范?

規范是什麼

規范:意指明文規定或約定成俗的標准。或是按照標准,規范的要求進行操作,使某一行為或某一活動達到或是超越規定的標准。

也就是說 規范通過制定一些規定與約束 (如字體大小,界面尺寸,圖標大小等) 使某一行為 (如項目開發,組件庫的組件等) 達到標准 。

制定規范的目的是 確保設計的統一性與合理性 。規范維護的是項目的統一,而不是設計師個人的設計。想一想在公司里,除了設計,前有產品經理,後有程序員,還有用戶,你做的東西都是要交給他們的。產品經理看你的設計是否展現了她的需求(設計內容是否包括前期討論的內容),程序員問你要各種切圖(圖標、組件、布局、間距、字體大小等),用戶看你的設計(顏色,圖標使用的大小范圍等),如果設計師完全沒有規范,全憑自己的「天馬行空」設計出來的東西,是會帶來很大的麻煩的,舉個簡單的例子,切圖規范,如果你的命名只有自己能看懂,那你就不要發給程序員了吧~因為發給他他也找不到哪個是哪個,這個圖標應該放在哪裡。你所做的設計是為了公司項目服務的,是為了客戶服務的,所以你設計的東西就得滿足項目中其他職位(產品經理、程序員)使用的需求,以及符合用戶的使用習慣。所以 規范是為了項目利益最大化,高效化而在團隊中制定成的約定。

不同的規范雖然內容不同但是包含的內容其實是差不多的,通常包括布局,顏色,圖標,組件,字體這幾個方面。接下來我們就來看看安卓中常見的設計規范,相信學習了之後,以後項目里的設計規范你都很清楚了,在設計中多加註意就行。一個產品設計完成之後,進行設計規范製作也是對項目總結的一個方法。能注意規范且會制定規范。

在進行app設計的時候,我們都會先建畫布大小,當然是根據安卓界面尺寸來建立的。安卓手機那麼多,不必每一個都記住。只要記住一兩個,懂得之間的換算關系就行了。

目前安卓端主流尺寸主要是@1.5x,@2x以及@3x,記住下面三個就夠用了。

@1.5x    480x854 /540x960

@2x      720x1280( 這是我最常用的界面尺寸)

@3x      1080x1920

考考你,那@1x是多少呢?

除了知道界面尺寸外,還得知道狀態欄,導航欄,菜單欄的高度是多少,設計時建立好相應的參考線。

建議取用 720 ×1280 這個尺寸,這個尺寸 720×1280中顯示完美,切圖後的圖片文件大小也適中,應用的內存消耗也不會過高。

對於圖標其實在規范上面有很多要注意的,比如圖標大小,圖標設計,圖標切圖規范,這里就重點講圖標大小,之後會再講圖標設計規范。

安卓系統中,中文使用的是谷歌思源,英文使用的是Roboto。思源字體,是一種非襯線字體,Adobe稱思源體為Source Han Sans,Google稱思源體為Noto Sans CJK. 思源體包含7個自重,也就是7中不同粗細的字體。

對於字體或許在設計過程中你會選用其他字體,但是需要注意你所用的字體是否利於用戶閱讀,是否舒服等問題。

對於字體的大小,在界面設計過程中,需要統一,比如所有正文是統一大小,所有標題是統一大小。

不同風格的字體大小,給人的感覺也是不同的,我們要學會靈活應用。安卓文字單位是sp,以下文字是按照@1x倍率來規范的

在安卓中,標注距離一般用dp,標注文字用sp,而知之間的換算關系為:

1dp=(屏幕ppi/160)px

不清楚單位的,可以去找上一篇文章了解px pt sp dp ppi。

android開發需要的設計交付物至少要有:高保真UI圖,標注,切圖

這是最後,也是最重要的一點,因為你所切的圖是要交到程序員的手裡的,他寫的程序達不到你想要的效果可能就是他看不懂你給他的規范~

1.切圖尺寸必須為雙數

2.單像素的圖會出現邊緣模糊的情況

3.命名需要規范

基本上 App 的切圖可分為下面幾大類: 背景、按鈕、圖示、圖片、照片、TabBar icon 等。

一般命名規范可以為:

前綴:位置 組件 用途

後綴:狀態

如用btn-xxx.png 來命名 。App 里的按鈕擁有 4 種屬性,分別為一般normal、點擊highlight、不能點擊disabled、選中(selected)。

但不追求精緻與完整度的話,只出一般屬性按鈕圖檔就可以了。如果是點擊(hightlight)狀態就可以命名為:btn- cancel-hightlight.png  表示取消按鈕點擊時圖標。

就算不是按照很嚴格的規范來命名,至少能讓程序員知道你這個圖標是在那種情況下使用的圖標,這就需要設計師跟程序員很好的溝通,方便整個團隊的開發,提高團隊的開發效率

B. 安卓手機字體行距如何調整

1、在手機中找到"設置"後點擊進入;
2、設置中找到"顯示",點擊進入;
3、在「顯示」中找到「字體」選項,點擊進入;
4、在字體選項里找到「行間距」;
5、打開「行間距」選項進行調整即可。

C. 安卓手機設計規范

1080*1920

狀態欄:24dp

APPBAR(導航欄)最小高度:56dp

菜單欄高度(包含底部):48dp

柵格系統的最小單位是8dp,一距離、尺寸都應該是8dp的整數倍。以下是一些常見的尺寸與距離:

圖標和字體大小:

a、啟動圖標(home頁或app列表頁)整體大小為48 x 48 dp 沒有空白的區域的7」完整圖標。 當然也可以是包含空白區域的圖標等於48dp。

b、操作欄圖標,代表用戶在app中可以使用到的最重要的圖標整體大小為32 x 32 dp ,圖形實際區域為 24 x 24 dp。

c、小圖標/場景圖標,提供操作或特定項目的狀態。

比如gmail app的星型標記、一些內容展開收起用到的向下向上的圖標等。整體大小為16 x 16 dp ,圖形實際區域為 12 x 12 dp 。

d、通知圖標

如果app有通知,要提供一個有新通知時顯示在狀態欄的通知圖標。整體大小為24 x 24 dp ,圖形實際區域為 22 x 22 dp 。

對圖標尺寸進行分類整理,便於界面整體調一致。

第三部分、android的按鈕和彈出層的設計規范參考。

在720 x 1280 px 的設計稿上,有兩個按鈕(比如登錄、注冊)並排一行放置,按鈕尺寸最小范圍均為240 x 80 px ,換算為android開發單位就是 120 x 40 dp 。

Android APP設計字體單位: Sp 與 Px 的換算

sp與px的換算公式:sp*ppi/160 = px

ldpi(240*320):120

mdpi(320*480):160   倍率為1

hdpi(480*800):240

xhdpi(720*1080):320

xxhdpi(1080*1920):480

xxxhdpi:640(1440*2560):4

字體規范

注釋最小字體12sp

文本字體14sp

文章標題/圖標名稱18sp

導航標題22sp

ppi為240時字體高度:

注釋最小字體:18sp

文本:21sp

文章標題/圖標名稱:27sp

導航標題:42sp

字體:

Android 系統默認的英文字體 Roboto,默認中文字體都是droid sans fallback、思源黑體

material design字體規范:英文字體使用Roboto,中文字體使用Noto。

Roboto有6種字重:Thin、Light、Regular、Medium、Bold 和 Black。

Noto有7種字重:Thin, Light、DemiLight、Regular、Medium、Bold 和 Black。

字體配色:

顏色不宜過多,選擇一種主色、一種輔助色。在此基礎上進行明度和飽和度的變化,構成配色方案。

appbar背景使用主色,狀態欄背景使用深一級的主色或20%透明度的純黑。

小面積需要高亮顯示的地方使用輔助色

其餘顏色通過純黑#000000與純白#ffffff的透明度變化來展現(包括圖標和分隔線),而且透明度限定了幾個值。

黑色:[87% 普通文字] [54% 減淡文字] [26% 禁用狀態/提示文字] [12% 分隔線]

白色:[100% 普通文字] [70% 減淡文字] [30% 禁用狀態/提示文字] [12% 分隔線]

行距

用sp與px之間的關系進行換算。

元素之間間距間距:

所有可操作元素最小點擊區域尺寸:48dp X 48dp。

柵格系統的最小單位是8dp,一距離、尺寸都應該是8dp的整數倍。以下是一些常見的尺寸與距離:

頂部狀態欄高度:24dp

Appbar(導航欄)最小高度:56dp

底部導航欄高度:48dp

懸浮按鈕尺寸:56x56dp/40x40dp

用戶頭像尺寸:64x64dp/40x40dp

小圖標點擊區域:48x48dp

側邊抽屜到屏幕右邊的距離:56dp

卡片間距:8dp

分隔線上下留白:8dp

大多元素的留白距離:16dp

屏幕左右對齊基線:16dp

文字左側對齊基線:72dp

另外注意56dp這個數字,許多尺寸可變的控制項,比如對話框、菜單等,寬度都可以按56的整數倍來設計。

還有非常多規范,不詳細列舉,遵循8dp柵格很容易找到適合的尺寸與距離。平板與PC上留白更多,距離與尺寸要相應增大。

單行、多行間距要控制下,做出規律。

標題42點(14sp)  副標題36點(12sp)

主標題與副標題間距12sp

注釋:多行主標題行間距為8sp

標題48點(16sp)  副標題42點(14sp)

主標題與副標題(單行)間距8sp

標題42點(16sp)  副標題42點(14sp)

主標題與副標題(單行)間距10sp

帶分割線的列表上下間距等分,距離為16sp

不帶分割線的列表上下間距為32sp。

解釋說明類的列表項上下間距為22sp。

懸浮按鈕距離底部的距離為:18sp

文字排版

常用字型大小:

。12sp 小字提示14sp(桌面端13sp)

。正文/按鈕文字16sp(桌面端15sp)

。小標題20sp Appbar文字24sp

。大標題34sp/45sp/56sp/112sp 超大號文字

長篇幅正文,每行建議60字元(英文)左右。短文本,建議每行30字元(英文)左右。

心得與體會:設計時,可參照設計規范進行設計,具體到項目時可根據項目的具體情況制定規范。

嘗試8的倍數,如果不合適,在3的倍率中能夠被3整除。

設計來源於細節,再小的細節中也要分等級。

ps cc 2017

adobe xd 交互設計神器。

adobe stock?

svg格式字體

.9圖片最小點擊區域不足48dp*48dp

閱讀全文

與安卓手機平面間距單位是什麼相關的資料

熱點內容
什麼app看nba直播 瀏覽:402
ic卡無加密和有加密的區別 瀏覽:667
51子系列單片機機型 瀏覽:168
java創建文件代碼 瀏覽:660
天下pdf 瀏覽:327
產後緩解壓力的瑜伽 瀏覽:241
單片機音樂盒按鍵系統 瀏覽:108
魅族最強程序員 瀏覽:993
java賦值null 瀏覽:54
數控程序員考試 瀏覽:260
單片機0x 瀏覽:451
dhsp伺服器是什麼 瀏覽:690
網路監測命令 瀏覽:206
redis隊列java 瀏覽:221
php商城項目思路 瀏覽:461
反編譯程序集能修改嗎 瀏覽:1002
小盒課堂app哪個好用 瀏覽:535
pdf剪裁工具 瀏覽:43
多人協同伺服器地址 瀏覽:665
wifi恢復出廠設置怎麼加密 瀏覽:337