android40設計
A. 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字體大小的調查結論如下:
B. Android程序界面設計有哪些方式
一、 界面布局之線性布局(LinearLayout)
這種布局比較常用,也比較簡單,就是每個元素佔一行,把它按照橫向排放,也就是每個元素佔一列。在布局中都按照垂直或者水平的順序依次排列子元素,每一個子元素都位於前一個元素之後。
二、 界面布局之相對布局(RelativeLayout)
相對布局是android界面設計中比較常用和好用的一個布局方式。
三、 界面布局之表格布局(TableLayout)
表格布局採用行、列的形式來管理元素組件。TableLayout的行和列不需要聲明,而是採用添加方法控制。
每次在TableLayout中添加一個TableRow,一個TableRow就代表表格中的一行,也同樣是容器,往裡面添加一個子組件就代表增加一列。在表格布局中,列的寬度由最寬的那個單元格決定,整個表格布局寬度取決於父容器的寬度
四、 界面布局之絕對布局(AbsoluteLayout)
特點:以坐標的方式來定位在屏幕上的位置,引起缺乏靈活性,在沒有絕對定位的情況下相比其他類型的布局更難維護
五、 界面布局之幀布局(FrameLayout)
FrameLayout是五大布局中最簡單的一個布局。在幀布局中,整個界面被當成一塊空白備用區域,所有的子元素都不能被指定放置的位置,它們統統放於這塊區域的左上角,並且後面的子元素直接覆蓋在前面的子元素之上,將前面的子元素部分和全部遮擋。
C. Android架構設計的思想與原則是什麼
rlei分析了Android的設計哲學:
理解好Intent,就可以理解Android哲學(所有應用生來平等)的一部分。舉個簡單的例子,iOS裡面應用要集成SNS如facebook/twitter/sina weibo等,都需要應用自己實現(iOS5也只是集成twitter一家);Android上只需要廣播一個share內容的intent。從理解Intent如何工作開始,你就在慢慢理解Activity Manager, Package Manager, Services這些Android的重要組件是如何工作的。
另外Binder是Android架構里非常核心的一塊。Android基於Intent的消息傳遞和組件/應用解耦,下面的基礎都是Binder IPC。在這一點上,Android實際上是光榮的傳承了BeOS和Palm OS 6(悲催的OS6...)未能發揚光大的一部分。
MVC(Content Provider, Activity, Layout, Adapters)這個比較基礎,也不算Android特有的。
Content Provider對數據訪問的抽象也是比較有意思的一塊。理想情況下,content provider可以讓客戶端用URI以語義化的方式訪問數據(URI本身即表示數據層次結構和查詢條件),而下面資料庫表的結構可以任意變動,不影響客戶端代碼。當然實做的時候content provider還是會被各種復雜的where子句暴露出SQL的實現細節
至於Android的許可權管理,其實比較簡單,主要是利用現成的linux安全模型,進程之間相互隔離。API級別的許可權管理和JVM類似。
Billy Cui重點解析了許可權系統的設計:
Android的許可權系統是基於Linux,但又增加了很多自己的控制模塊。
總體上來說,其分為以下幾部分許可權系統:
1. userid : 繼承於linux,對於多個app,通過shareuid的方式可以使用同一個userid,主要承擔一些目錄訪問許可權之類的工作,比如私有目錄只能由同一uid應用訪問。
2. 安裝level:system level or app level,這個是根據應用的安裝位置決定的,在system/app下安裝的應用就是system level,在許可權訪問中會得到更多的許可權,比如靜默安裝應用的許可權等。
3. permission : 這個是最主要的許可權控制,一般開發者開發應用主要是接觸這個部分,在這部分中,會根據應用在AndroidManifest.xml中聲明的use-permission而在訪問相應api或資源時判斷其是否有訪問許可權,比如常用的android.permission.INTERNET等。
4. signature: 簽名,是Android許可權系統中的重要組成部分,對於系統簽名的應用,會有一些特殊的功能,而shareuid等特性也是需要同一簽名作為基礎。此外,permission在設置/自定義其許可權時也經常會使用到簽名,比如控制只有我自己的應用才可以訪問我自己定義的公開API。
除此以外,其實Android在uid的裡面設置了一些預定義有特殊功能的uid,比如system/media等,在配置其system level的services的時候會用到。
董兆輝則認為Android主要是基於組件搭配思想:
說到Android架構的設計思想和原則,按我的理解主要是組件搭配,即在用戶看來,所有的mole或者組件,都是可以重復利用和簡單組合的。想法是好的,不過有得必有失,或者說Android現在做的還不夠好,在性能方面是很低的,否則的話Android也不會推出補丁(NDK之類的,dalvik的不斷升級)。
我覺得所有Framework或者平台或者語言都想給應用開發者最方便使用的介面,最人性化的體驗,同時又要爭取最大的性能,兩者權衡折中吧。不過隨著硬體速度的飛速增長,性能的權重會變低。
范懷宇還談到了資源體系:
Android架設在Linux之上,因此,繼承了Linux可移植性、用戶管理機制、文件系統,等等。
Android的核心在Framework層,本質上,這是一個基於組件的應用開發系統,組件間通過消息(Intent)進行通信。一方面,Intent是通信信息的載體,另一方面,Intent也定義了Android組件的通信協議。
Android可以對組件所運行的進程做託管,在Android中,進程概念相當薄弱。依賴於進程託管,Android可以輕松支撐多任務多進程的應用模型。
D. 如何設計android4.4規范的像素1080x1920的界面
剛開始接觸UI的時候,碰到的最多的就是尺寸問題,什麼畫布要建多大、文字該用多大才合適、我要做幾套界面才可以?什麼七七八八的也著實讓人有些頭疼。
1、尺寸及解析度
iPhone 界面尺寸:320x480、640x960、640x1136
iPad 界面尺寸:1024x768、2048x1536
(以上單位都是像素哦,至於解析度一般網頁UI和移動UI基本上都只要 72 ppi)
當然,在設計的時候並不是每個尺寸都要做一套,尺寸按自己的手機尺寸來設計,比較方便預覽效果,一般用 640x960 或者 640x1136 的尺寸設計。
P.S. 作圖的時候確保都是用形狀工具(快捷鍵:U)畫的,這樣更方便後期的切圖或尺寸變更~
2、界面基本組成元素
iPhone的APP界面一般由四個元素組成,分別是:狀態欄、導航欄、主菜單欄以及中間的內容區域
這里取用 640x960 的尺寸設計,那我們就說說在這個尺寸下這些元素的尺寸:
狀態欄:就是我們經常說的信號、運營商、電量等顯示手機狀態的區域,其高度為:40 px
導航欄:顯示當前界面的名稱,包含相應的功能或者頁面間跳轉的按鈕,其高度為:88 px
主菜單欄:類似於頁面的主菜單,提供整個應用的分類內容的快速跳轉,其高度為:98 px
內容區域:展示應用提供的相應內容,整個應用中布局變更最為頻繁的,其高度為:734 px