androidapp尺寸
① 安卓/ios中,app設計時常見的尺寸有哪些
大家都知道手機採用的:一個是蘋果的iOS系統,另一個就是谷歌公司的安卓系統。華為的鴻蒙系統雖然早就上線,但是還沒有真正運用在手機移動端上,小阿在這里期待著,希望有一天也能寫「華為『鴻蒙系統』的界面尺寸規范。」
這兩者之間有一個明顯的區別就是iOS系統是非開源的,簡單來說就是不能別隨意改動的,連圖標都是必須帶圓角的,對交互設計師很友好的。
主標題的字體大小設置一般是32-36左右,加粗居中。列表中的文字就要小一些,字體大小為30,不會加粗。輔助性字體大小一般24-26。說明文字一般不會小於22,最小設置為20,再小就看不到啦。
另外需要注意的一點是所有的字型大小設置都必須為偶數,上下級內容字型大小極差關系為2-4號。
② iOS和Android的app界面設計規范(750×1334)
目前,很多UI設計師的UI設計稿是先做iPhone6(750×1334)的,目的是向上適配iPhone6Plus,同時向下適配iPhone5和iPhone4的尺寸。這一節課也算是25學堂為大家精心整理的iPhone6界面設計尺寸規范大全。
iOS篇
————————————————————————————————————
界面尺寸
☆ 狀態欄(status bar):就是電量條,其高度為:40px;
☆ 導航欄(navigation):就是頂部條,其高度為:88px;
☆ 主菜單欄(submenu,tab):就是標簽欄,底部條,其高度為:98px;
☆ 內容區域(content):就是屏幕中間的區域,其高度為:1334px-40px-88px-98px=1108px
| 設備|App Store|程序應用|主屏幕|spotlight搜索|標簽欄|工具欄和導航欄|
| :-------------:|:-------------:| :-----:|:-----:|:-----:|
|iPhone6 plus(@3x)|1024 1024px|180 180px|144×144px|87×87 px|75 75px|66 66px|
|iPhone6(@2x)|1024 1024px|120 120px|144×144px|58 58px|75 75px|44 44px|
|iPhone5 - 5s - 5c(@2x) |1024 1024px|120 120px|144×144px|58 58px|75 75px |44 44px|
|iPhone4 - 4s(@2x)|1024 1024px|120 120px|144×144px|58 58px|75 75px|44 44px|
|iPad3 - 4 - Air - Air2 - mini2|1024 1024px|180 180px|144×144px|100 100px|50 50px|44 44px|
|iPad1 - 2|1024 1024px|90 90px|72 72px|50 50px|25 25px|22 22px|
|iPad mini |1024 1024px|90 90px|72 72px|50 50px|25 25px|22 22px|
字體
iPhone 上的字體英文為: HelveticaNeue 至於中文,Mac下用的是黑體-簡,Win下則為華文黑體,所有字體要用雙數字型大小。
網路用戶體驗部做過一個小調查, 對於app字體大小的調查結論如下:
③ Android應用如何支持不同尺寸的屏幕
想要Android應用適應不同尺寸的屏幕,思路如下:
一:不同的layout
Android手機屏幕大小不一,有480x320, 640x360, 800x480,讓app適應不同屏幕,需要在res目錄下創建不同的layout文件夾,比如layout-640x360,layout-800x480,所有的layout文件在編譯之後都會寫入R.java里,而系統會根據屏幕的大小自己選擇合適的layout進行使用。
二:hdpi、mdpi、ldpi
在之前的版本中,只有一個drawable,而2.1版本中有drawable-mdpi、drawable-ldpi、drawable-hdpi三個,這三個主要是為了支持多解析度。
drawable- hdpi、drawable- mdpi、drawable-ldpi的區別:
(1)drawable-hdpi裡面存放高解析度的圖片,如WVGA (480x800),FWVGA (480x854)
(2)drawable-mdpi裡面存放中等解析度的圖片,如HVGA (320x480)
(3)drawable-ldpi裡面存放低解析度的圖片,如QVGA (240x320)
系統會根據機器的解析度來分別到這幾個文件夾裡面去找對應的圖片。
更正:應該是對應不同density 的圖片
在開發程序時為了兼容不同平台不同屏幕,建議各自文件夾根據需求均存放不同版本圖片。
屏幕方向:
橫屏豎屏自動切換:
可以在res目錄下建立layout-port-800x600和layout-land兩個目錄,裡面分別放置豎屏和橫屏兩種布局文件,這樣在手機屏幕方向變化的時候系統會自動調用相應的布局文件,避免一種布局文件無法滿足兩種屏幕顯示的問題。
不同解析度橫屏豎屏自動切換:
以800x600為例 :
可以在res目錄下建立layout-port-800x600和layout-land-800x600兩個目錄
不切換:
以下步驟是網上流傳的,不過我自己之前是通過圖形化界面實現這個配置,算是殊途同歸,有空我會把圖片貼上來。
還要說明一點:每個activity都有這個屬性screenOrientation,每個activity都需要設置,可以設置為豎屏(portrait),也可以設置為無重力感應(nosensor)。
要讓程序界面保持一個方向,不隨手機方向轉動而變化的處理辦法:
在AndroidManifest.xml裡面配置一下就可以了。加入這一行android:screenOrientation="landscape"。
例如(landscape是橫向,portrait是縱向):
Java代碼:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.ray.linkit"
android:versionCode="1"
android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".Main"
android:label="@string/app_name"
android:screenOrientation="portrait">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name=".GamePlay"
android:screenOrientation="portrait"></activity>
<activity android:name=".OptionView"
android:screenOrientation="portrait"></activity>
</application>
<uses-sdk android:minSdkVersion="3" />
</manifest>
另外,android中每次屏幕的切換動會重啟Activity,所以應該在Activity銷毀前保存當前活動的狀態,在Activity再次Create的時候載入配置,那樣,進行中的游戲就不會自動重啟了!
有的程序適合從豎屏切換到橫屏,或者反過來,這個時候怎麼辦呢?可以在配置Activity的地方進行如下的配置android:screenOrientation="portrait"。這樣就可以保證是豎屏總是豎屏了,或者landscape橫向。
而有的程序是適合橫豎屏切換的。如何處理呢?首先要在配置Activity的時候進行如下的配置:android:configChanges="keyboardHidden|orientation",另外需要重寫Activity的 onConfigurationChanged方法。實現方式如下,不需要做太多的內容:
@Override
public void onConfigurationChanged(Configuration newConfig) {
super.onConfigurationChanged(newConfig);
if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
// land do nothing is ok
} else if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {
// port do nothing is ok
}
}
寫一個支持多分辨的程序,基於1.6開發的,建立了三個資源文件夾drawable-hdpi drawable-mdpi drawable-ldpi,裡面分別存放72*72 48*48 36*36的icon圖標文件。當我在G1(1.5的系統)上測試時,圖標應該自適應為48*48才對啊,但實際顯示的是36*36。怎麼才能讓其自適應 48*48的icon圖標呢
解決辦法 drawable-hdpi drawable-mdpi drawable-ldpi改成drawable-480X320 drawable-800X480的多分辨支持的文件夾
④ android app界面設計規范(dpi,dp,px等)
PPI(Pixels per inch):每英寸所擁有的像素數,即像素密度。
DPI(dots per inch):即每英寸上,所能印刷的網點數,一般稱為像素密度。ppi計算公式:ppi = 屏幕對角線像素數/屏幕對角線英寸數,通過勾股定理計算屏幕對角線像素數。
Screen Size(屏幕尺寸):手機屏幕尺寸大小,如3英寸、4英寸、4.3英寸、5.7英寸,指的是對角線的長度。
DIP(device independent pixel):即dip/dp,設備獨立像素。 1px = 1dp density(由dpi決定)
Resolution(解析度):指手機屏幕垂直和水平方向上的像素個數。eg解析度480 800,指該設備垂直方向有800個像素點,水平方向有480個像素點。
px(Pixel像素):相同像素的ui,在不同解析度的設備上效果不同。在小解析度設備上會放大導致失真,大解析度上被縮小。
Android Design里把主流設備的 dpi 歸成了四個檔次: 120 dpi、160 dpi、240 dpi、320 dpi ,具體見如下表格。
實際開發當中,我們經常需要對這幾個尺寸進行相互轉換(比如先在某個解析度下完成設計,然後縮放到其他尺寸微調後輸出),一般按照 dpi 之間的比例即 2:1.5:1:0.75 來給界面中的元素來進行尺寸定義。
也就是說如果以 160 dpi 作為基準的話,只要尺寸的 DP 是 4 的公倍數,XHDPI 下乘以 2,HDPI 下乘以 1.5,LDPI 下乘以 0.75 即可滿足所有尺寸下都是整數 pixel 。但假設以 240 dpi 作為標准,那需要 DP 是 3 的公倍數,XHDPI 下乘以 1.333,MDPI 下乘以 0.666 ,LDPI 下除以 2。而以 LDPI 和 XHDPI 為基準就更復雜了。同時第一款Android設備(HTC的T-Mobile G1)是屬於160dpi的。鑒於以上各種原因, 標准dpi=160
谷歌官方對dp的解釋如下:
A virtual pixel unit that you should use when defining UI layout, to express layout dimensions or position in a density-independent way.
The density-independent pixel is equivalent to one physical pixel on a 160 dpi screen, which is the baseline density assumed by the system for a "medium" density screen. At runtime, the system transparently handles any scaling of the dp units, as necessary, based on the actual density of the screen in use. The conversion of dp units to screen pixels is simple: px = dp * (dpi / 160). For example, on a 240 dpi screen, 1 dp equals 1.5 physical pixels. You should always use dp units when defining your application's UI, to ensure proper display of your UI on screens with different densities.
簡單來說,以160dpi的設備為准,該設備上1dp = 1px;如果屏幕密度大,1dip代表的px就多,比如在320dpi的屏幕上,1dip=2px(即1dp代表2個像素)。在app開發時,最好用dp來做界面的布局,以保證適配不同屏幕密度的手機。
dp和px的換算公式:
我的理解,該公式表示px的數值等於dp的數值*(設備dpi/160)
注意,px、dp是單位,但density沒單位。
applyDimension的源碼如下,可參考:
android的尺寸眾多,建議使用解析度為 720x1280 的尺寸設計。這個尺寸 720x1280中顯示完美,在 1080x1920 中看起來也比較清晰;切圖後的圖片文件大小也適中,應用的內存消耗也不會過高。
app啟動圖標為48*48dp,對應各dpi設備,圖像資源像素如下:
| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|48 48px|72 72px|94 96px|144px 144px|
操作欄圖標為32*32dp,對應各dpi設備,圖像資源像素如下:其中圖形區域尺寸是24*24dp,可參考平時ui切圖會有部分留白。
| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|32 32px|48 48px|64 64px|96px 96px|
通知欄圖標為24*24dp,對應各dpi設備,圖標像素如下:
| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|24 24px|36 36px|48 48px|72px 72px|
某些場景需要用到小圖標,大小應當是16*16dp,其中圖形區域尺寸12*12dp。
| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|16 16px|24 24px|32 32px|48px 48px|
⑤ Android App 常用圖標尺寸規范
1. 程序啟動圖標:
LDPI (Low Density Screen,120 DPI),其圖標大小為 36 x 36 px。
MDPI (Medium Density Screen, 160 DPI),其圖標大小為 48 x 48 px。
HDPI (High Density Screen, 240 DPI),其圖標大小為 72 x 72 px。
xhdpi (Extra-high density screen, 320 DPI),其圖標大小為 96 x 96 px。
xxhdpi(xx-high density screen, 480 DPI),其圖標大小為144 x 144 px。
2.底部菜單圖標
1. 大屏:
1. 完整圖片(紅色): 72 x 72 px
2. 圖標(藍色): 48 x 48 px
3. 圖標外邊框(粉色): 44 x 44 px
1. 中屏:
1. 完整圖片: 48 x 48 px
2. 圖標: 32 x 32 px
3. 圖標外邊框: 30 x 30 px
1. 小屏:
1. 完整圖片: 36 x 36 px
2. 圖標: 24 x 24 px
3. 圖標外邊框: 22 x 22 px
3. 彈出對話框頂部圖標
小屏24 x 24 px Low density screen (ldpi)
中屏32 x 32 px Medium density screen (mdpi)
大屏48 x 48 px High density screen (hdpi)
4. 長列表內部列表項圖標
小屏24 x 24 px Low density screen (ldpi)
中屏32 x 32 px Medium density screen (mdpi)
大屏48 x 48 px High density screen (hdpi)
5. 底部或頂部tab標簽圖標
1. 大屏 (hdpi) screens:
1. 完整圖片(紅色): 48 x 48 px
2. 圖標(藍色): 42 x 42 px
1. 中屏 (mdpi) screens:
1. 完整圖片: 32 x 32 px
2. 圖標: 28 x 28 px
1. 小屏(ldpi) screens:
1. 完整圖片: 24 x 24 px
2. 圖標: 22 x 22 px
6. 底部狀態欄圖標
ldpi (120 dpi) 18 x 18 px 小屏
mdpi (160 dpi) 24 x 24 px 中屏
hdpi (240 dpi) 36 x 36 px 大屏
xhdpi (320 dpi) 48 x 48 px 特大屏
⑥ 移動應用界面設計的尺寸設置及規范
一、android篇
1、android解析度
Android的多解析度,一向是設計師和開發者非常頭疼的事兒。盡管如此,對於多分辨造成的復雜問題,也是大家要優先解決的。Android支持多種不同的dpi模式:ldpi 、mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi
注意,ppi、dpi 是密度單位,不是度量單位 :
dpi主要應用於輸出,重點是列印設備上;ppi對於設計師應該比較熟悉,photoshop畫布的解析度常設置為72像素/英寸,這個單位其實就是ppi 。盡管概念不同,但是對於移動設備的顯示屏,可以看作ppi=dpi 。
ppi的運算方式是:PPI = √(長度像素數² + 寬度像素數²) / 屏幕對角線英寸數。即:長、寬各自平方之和的開方,再除以屏幕對角線的英寸數。
以iphone5為例,其ppi=√(1136px² + 640px²)/4 in=326ppi(視網膜Retina屏)
對於android手機,一個不確切的分法是,720 x 1280 的手機很可能接近 320 dpi (xhdpi模式),480 x 800 的手機很可能接近 240 dpi (hdpi模式),而320 x 480 的手機則很接近 160 dpi(mdpi模式)。
2、單位換算方法
android開發中,文字大小的單位是sp,非文字的尺寸單位用dp,但是我們在設計稿用的單位是px。這些單位如何換算,是設計師、開發者需要了解的關鍵。
簡單理解的話,px(像素)是我們UI設計師在PS里使用的,同時也是手機屏幕上所顯示的,dp是開發寫layout的時候使用的尺寸單位。
為什麼要把sp和dp代替px? 原因是他們不會因為ppi的變化而變化,在相同物理尺寸和不同ppi下,他們呈現的高度大小是相同。也就是說更接近物理呈現,而px則不行。
根據單位換算方法,可總結出:
當運行在mdpi下時,1dp=1px :也就是說設計師在PS里定義一個item高48px,開發就會定義該item高48dp ;
當運行在hdpi模式下時,1dp=1.5px :也就是說設計師在PS里定義一個item高72px,開發就會定義該item高48dp ;
當運行在xhdpi模式下時,1dp=2px :也就是說設計師在PS里定義一個item高96px,開發就會定義該item高48dp ;
當你的app需要適配多個dpi模式的時候,請參考圖1的比例進行換算 。
3、設計稿基本元素的尺寸設置
為了適應多解析度的手機,理想的方式是為每種解析度做一套設計稿,包括所用到的icon、設計稿標注等。但在實際開發中,這種方法耗時耗力。所以通常會選擇折中的方法。
方法一 :在標准基礎上(比如xhdpi)開始,然後放大或縮小,以適應到其他尺寸。不足之處是,對於更高解析度的手機,圖標被放大後會導致質量不高。
方法二: 以最高解析度為基準設計,然後縮小適應到所需的小解析度上。缺點是,圖標等若都最大尺寸,載入時速度慢且耗費流量較多,對於小解析度的用戶也不夠好。
結合友盟的解析度佔比數據、也為了方便換算到android開發中的尺寸單位, 推薦設計稿的畫布尺寸選用 720X1280 ,解析度仍舊為72ppi(像素/英寸)。
在android規范中對於導航欄、工具欄等的尺寸沒有明確的規定。但根據48dp原則,以及一些主流的android應用的截圖分析,總結一下尺寸要求:
狀態欄高度 :50 px
導航欄、操作欄高度 :96 px=48dp x 2
主菜單欄高度 :96 px
內容區域高度 :1038 px (1280-50-96-96=1038)
Android最近出的手機都幾乎去掉了實體鍵,把功能鍵移到了屏幕中,高度也和菜單欄一樣為:96 px
4、圖標和字體大小(來自官方規範文檔)
a、啟動圖標(home頁或app列表頁)
整體大小為48 x 48 dp
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規范提供的尺寸單位是dp,若設計稿尺寸設為720 x 1280 ,圖標大小需在規范要求的尺寸數字上乘以2。比如操作欄圖標32 x 32 dp ,則設計稿上應該是64 x 64 px 。
e、字體大小
Android規范中的要求如下:
前面提到Android開發中的字型大小單位是sp,而換算關系是 sp*ppi/160 = px 。所以720 x 1280尺寸的設計稿上,字體大小可選擇為 24px 、28px 、32px 、36px ,主要根據文字的重要程度來選擇,特殊情況下也可能選擇更大或更小的字體。
f、其他尺寸要求
通常把48dp作為可觸摸的UI元件的標准。
為什麼要用48dp呢?一般來說,48dp轉化為一個物理尺寸約9毫米。通常建議目標大小為7-10毫米,以方便用戶手指能准確並且舒適觸摸目標區域 。
如果你設計的元素高和寬至少48dp,你就可以保證:
(1)觸摸目標絕不會比建議的最低目標(7mm)小,無論在什麼屏幕上顯示。
(2)在整體信息密度和觸摸目標大小之間取得了一個很好的平衡。
另外,每個UI元素之間的空白通常是8dp 。
二、iOS篇
1、解析度
iPhone 界面尺寸:
iPad 界面尺寸:1024×768、2048×1536
(以上單位都是像素,至於解析度一般網頁UI和移動UI基本上都只要 72 ppi)
2、單位換算px、pt
這里需要先區分pt、px,pt(磅值)是物理長度單位,指的是72分之一英寸。手機上看來同一大小的字磅值是一樣的,但是換算成不同解析度手機的字型大小px值不一樣。(px=pt*ppi/72)
iPhone在出retina屏(也就是4S)之前的屏幕像素是320x480px,屏幕密度是163ppi,4S的屏幕像素是640x960px,屏幕密度是326ppi,翻了一倍。iPhone5的ppi沒有變化,兼容性方面要增加類似首屏畫面等程序上的判斷。
在iPhone界面上元素的定位、尺寸是通過一個單位point,而非px,屏幕上固定有320x480pt,retina屏兩倍的解析度改變的只是pt和px之間的比例而已,這樣就能實現不改變程序,只上傳兩套圖片就兼容兩個解析度。
****在設計的時候並不是每個尺寸都要做一套,尺寸按自己的手機尺寸來設計,比較方便預覽效果,一般用 640×960 或者 640×1136 的尺寸設計。其中設計稿的畫布解析度設為默認的72ppi(此時1px=1pt ),所以設計師可以統一採用px為單位。
開發拿到設計稿時,將上面標注的以px為單位的字型大小大小、圖像尺寸除以2,就是非retina屏上的pt值,這樣在retina屏上也可以根據此pt值換算對應的px大小,以確保不同的解析度下有合適的效果。****
3、基本元素的尺寸設置
iPhone的APP界面一般由四個元素組成,分別是:狀態欄、導航欄、主菜單欄以及中間的內容區域。
這里取用 640×960 的尺寸設計,那我們就說說在這個尺寸下這些元素的尺寸:
狀態欄:就是我們經常說的信號、運營商、電量等顯示手機狀態的區域,其高度為:40 px
導航欄:顯示當前界面的名稱,包含相應的功能或者頁面間跳轉的按鈕,其高度為:88 px
主菜單欄:類似於頁面的主菜單,提供整個應用的分類內容的快速跳轉,其高度為:98 px
內容區域:展示應用提供的相應內容,整個應用中布局變更最為頻繁的,其高度為:734 px=960-40-88-98
以上尺寸適用於 iPhone 4、4S,iPhone5/5s 的 640×11136 的尺寸,其實就是中間的內容區域高度增加到:910 px,其他尺寸也同上。
4、常用圖像、圖標大小(來自官方規範文檔)
單位:像素
5、字體大小
iOS交互設計規範文檔上,對字體大小沒有做嚴格的數值規定,只提供了一些指導原則:
單位:點pt
– 即便用戶選擇了最小文字大小,文字也不應小於 22 點。作為對照,正文樣式在大字型大小下使用 34 點字體大小作為默認文字大小設置。
– 通常來說,每一檔文字大小設置的字體大小和行間距的差異是 2 點。例外情況是兩個標題樣式,在最小、小和中等設置時都使用相同字體大小、行間距和字間距。
– 在最小的三種文字大小中,字間距相對寬闊;在最大的三種文字大小中,字間距相對緊密。
– 標題和正文樣式使用一樣的字體大小。為了將其和正文樣式區分,標題樣式使用加粗效果。
– 導航控制器中的文字使用和大號的正文樣式文字大小(明確來說,是 34 點)。
– 文本通常使用常規體和中等大小,而不是用細體和粗體。
網路用戶體驗做過的一個小調查:
單位:像素px
還有個方法就是找你覺得好的APP應用,手機截圖後放進PS自己對比調節字體大小。
⑦ 安卓手機app圖標尺寸和解析度都是多少
應用程序圖標 (Icon)應當是一個 Alpha 通道透明的32位 PNG 圖片。
由於安卓設備眾多,一個應用程序圖標需要設計幾種不同大小,如:
LDPI (Low Density Screen,120 DPI),其圖標大小為 36 x 36 px。
MDPI (Medium Density Screen, 160 DPI),其圖標大小為 48 x 48 px。
HDPI (High Density Screen, 240 DPI),其圖標大小為 72 x 72 px。
xhdpi (Extra-high density screen, 320 DPI),其圖標大小為 96 x 96 px。
建議在設計過程中,在四周空出幾個像素點使得設計的圖標與其他圖標在視覺上一致,例如:
96 x 96 px 圖標可以畫圖區域大小可以設為 88 x 88 px, 四周留出4個像素用於填充(無底色)。
72 x 72 px 圖標可以畫圖區域大小可以設為 68 x 68 px, 四周留出2個像素用於填充(無底色)。
48 x 48 px 圖標可以畫圖區域大小可以設為 46 x 46 px, 四周留出1個像素用於填充(無底色)。
36 x 36 px 圖標可以畫圖區域大小可以設為 34 x 34 px, 四周留出1個像素用於填充(無底色)。
(7)androidapp尺寸擴展閱讀:
手機圖標就像電腦圖標一樣,是一個程序的標記。如:照相機、設置、信箱、通訊錄等。
通常為透明背景的圖片如PNG格式。在手機中一半內置的圖標都是經過美化的,後來安裝的軟體由於是個人製作,一定程度上不是那麼完美,包括大小、 尺寸、比例等等,如果嫌不美觀, 可以到安裝目錄比對標準的圖標尺寸然後替換,用PHOTOSHOP或者其他繪圖軟體工具製作。
注意:一定要名稱一樣,格式一樣或者修改安裝表文件,指向你所更換的圖標文件,起到一定的美化作用。同時手機圖標要有一定的共同性,便於不同品牌的圖標的圖標功能相近性,便於使用。
手機圖標製作:
一、主題風格:
做手機圖標先要定好主題,風格,以及表現方式,如:簡潔大方;古樸厚重;晶瑩剔透;是寫實的3D圖標還是平面化的圖標。這一環是和整個交互界面密不可分的。
二、選定軟體:
根據風格定位,可以確定出是用哪種方法:用max建模>渲染>ps處理;用ps直接表現;用AI繪出>再經ps處理(推薦)易修改大小以及之後的調整。
三、注意要點:
由於AI是矢量軟體,可以很好的表現出畫面圖標的細節,尤其是復雜形體的表現,性能遠遠高於PS去製作,還有一個原因就是在製作手機圖標時圖標的大小都是很明確的,對於一些級小的細節AI很有優勢,如果ps的話不易畫出,如果放大製作,再縮小的話,會模糊掉,顯得邊緣粗糙。
參考資料來源:網路 手機圖標
⑧ APP設設計規范尺寸、切圖詳解——IOS和Android
目前主流的是以iPhone 6為主,設計尺寸是750*1334px,4.7寸。 1、解析度以iPhone 6 設計為主:750*1334px 2、(字體 Helvetica/華文細黑,實際中運用黑體簡或者Hiti-sc 最接近系統中所帶字體) 3、工具欄height:88px 如搜索、選擇、刪除、回復等。 4、頂部標簽欄height:60px 位於狀態欄或者狀態欄下的文字/具有可切換功能的圖標 1、導航欄 所有的字型大小,在750*1334px的設計尺寸下都是偶數,便於程序員操作。 所有可觸發按鈕必須≥44*44 所有可觸發按鈕必須≥22*22 左右內容與邊距的間隔大概在20px強調確定,填充有彩色。例如:搜索框右邊要有一個取消、或者輸入了之後有一個「x」漸變和底紋效果和程序員商討設計尺寸:720*1280px 狀態欄48px 導航欄96px 內容區1038px 標簽欄112px⑨ 我想請教一下在android設計APP的時候設計稿應該是多大的尺寸啊,480*800還是720*1280的呢,謝謝!!!
android設計APP現在大部分都是用的:720*1280。
480*800的也可以,但是圖標在製作的時候就要單獨加大了