安卓app設計規範

2021-07-11 08:35:31 字數 2243 閱讀 5827

發布於:

byadmin

隨著安卓智慧型手機不停的更新換代。安卓手機系統越來越完美,螢幕尺寸也越來越大啦!比如最近小公尺的miui 6的發布和魅族手機系統的更新等等。

以小公尺miui6的安卓手機來說,miui6進行了全新設計,堅持「內容才是本質」的設計哲學,重新提煉內容,簡化圖示設計。

目前最新安卓手機的螢幕尺寸都是5.5英吋啦。我們都知道安卓機的尺寸很多很雜。而且不同的解析度對應不同的dpi模式。

android也支援多種不同的dpi模式:ldpi   mdpi   hdpi     xhdpi   xxhdpi    ***hdpi(4k解析度)

3、android介面設計適配不同螢幕的尺寸和密度解讀

目前主流的安卓手機解析度有以下3種:

hdpi,對應800*480的手機。主流機型,很多。如小公尺1 ,1s 三星 htc 等

xdpi,對應1280*720的手機。三星galaxy系列和華為p6.

xxdpi,對應1080*1920的手機。小公尺手機,華為榮耀手機系列為主加上 htc one。

下面是當面流行的安卓手機的螢幕尺寸和解析度:

小公尺 3和小公尺4 螢幕尺寸和解析度:        5英吋 1920×1080畫素

魅族mx2 螢幕尺寸和解析度:                 4.4英吋 1280×800像

魅族mx3 螢幕尺寸和解析度:                 5.1英吋 1800×1080畫素

htc  one螢幕尺寸和解析度:               4.7英吋 1920×1080畫素

華為榮耀6螢幕尺寸和解析度:             5英吋 1920×1080畫素

華為p6螢幕尺寸和解析度:                 4.7英吋 1280×720畫素

華為p7螢幕尺寸和解析度:                  5英吋 1920×1080畫素

所以,這個時候我們需要學會變通。為了適應多解析度,

1:在標準基礎(xdpi:1280*720)上開始,然後放大或縮小,以適應到其他尺寸。

2:從裝置的最大尺寸(xxdpi:1920×1080)開始,然後縮小,並適應到所需的最小螢幕尺寸。

有些時候我們也會在實際開發過程中,android和ios的設計稿若無太大差異,也可從ios的解析度(960*640)開始,再調整設計稿的比例,適應其他解析度。但是這種方法在切圖的時候 需要做一些的調整。如果不是向量圖的元件需要重新按照1280*720的尺寸設計下。

我們必須知道的安卓設計常識:安卓4.0之後用的字型是roboto。中文字型:方正蘭亭黑體

今天跟大家講解的是在720*1280的基礎上的字型設計大小。

注釋最小字型:               12sp  ==  24px

文字字型:                       14sp  ==  28px

文章標題或圖示名稱:   16sp  ==   32px

sp的詳細介紹如下:

sp和dp一樣,是android開發裡特有的單位,設計師在做ui設計的時候通常最初是建立320*480這個尺寸的畫布開始的,這個尺寸的畫布在android解析度的分類中稱為mdpi,在這個尺寸下,ps裡的1px就等於android中的1dp,同樣,這個時候1點的字就等於android中1sp,舉個栗子:你建立畫布的尺寸是320-480,裡面的文字是30點,那麼它就是30sp。

一般android設定長度和寬度多用dip,設定字型大小多用sp. 在螢幕密度為160,1dp=1px=1dip, 1pt = 160/72 sp  1pt = 1/72 英吋.當螢幕密度為240時,1dp=1dip=1.5px.

設計時候,我們還需要遵循48dp定律。

48dp作為安卓可觸控的ui元件的標準。

一般來說,48dp轉化為乙個物理尺寸約9公釐。建議的目標大小為7-10公釐的範圍,這是乙個使用者手指能準確並且舒適觸控的區域。

如果你設計的元素高和寬至少48dp,你就可以保證:

(1). 觸控目標絕不會比建議的最低目標(7mm)小,無論在什麼螢幕上顯示。

(2). 在整體資訊密度和觸控目標大小之間取得了乙個很好的平衡。

而每個ui元素之間的空白通常是8dp.

(1)尺寸標註工具 markman(馬克鰻)

(3)乙個視覺化的android ui介面設計工具:droiddraw

(4)android圖示大全:icon pack for android打包

安卓app設計

顏色的運用 採用的是扁平化的設計,可以看到一大塊一大塊區域的顏色。這些顏色大多亮麗引人,整個介面上搭配的顏色也不會太多,基本保持在三種顏色以內。沒有錯誤的顏色的,只有錯誤的搭配 顏色是沒有對錯的,我們要用經驗和直覺來搭配它們,所以要先來認識認識顏色。primary color是乙個應用使用最為廣泛的...

安卓app公升級之安卓app簽名

2.使用者自定義的方式簽名 簽名是安卓的公升級的必須要求 載掉舊版本才能安裝新版本,即讓使用者把舊版本卸在裝新的,這樣使用者體驗肯定就不好了。使用者自定義的方式簽名具體流程如下 1 滑鼠右鍵單機專案,選擇export,出如下視窗 之後就按步驟要求就可以匯出乙個已經通過自定義密匙簽名的安卓apk和密匙...

APP介面設計規範 如何定義視覺規範

時間 2015 09 10 16 38 34 devstore 原文 墨刀 axure after effect 用來製作互動複雜的產品原型。第一階段 概念設計和原型設計 包括腦圖設計 線框圖的設計等等。第二階段 視覺定義階段。確定了使用哪些字型 顏色 布局 形狀等元素。主要頁面的布局與視覺風格需要...