close

認識Android的畫面, 有助於UI的設計, 首先先到官網查看相關說明

http://developer.android.com/design/handhelds/index.html

 

1. Home screen: 它就是一開機會進入的那個頁面,

可以左右滑動換頁(也就是可以不只一頁)

然後上面的原件可以是資料夾, 捷徑, 或是元件

並且可以利用按下All Apps button進入All Apps Screen 

01.png

 

2. 舉個實例, Play商店就是捷徑,

中間的撥放器就是元件

左下方的就是資料夾

而中間最下方的就是All Apps button

02.png

 

3. All Apps screen : 就是你所安裝的App的頁面圖,

也是可以不只一頁

03.png

 

4. Recents screen : 最近造訪的頁面,

可以利用向左右滑動的方式, 結束之前在執行的APP

04.png

 

5. Status Bar : 也就是手機畫面的最上方, 左邊會方提示訊息

而右邊通常會有時間, 電量, 訊號等等的資訊,

然後從上往下滑動則可以進入訊息顯示頁面

05.png

 

6. Navigation Bar : return button, home button與 recents button

組成, 在Android 4.0以上的手機通常已經不已實體按鍵來顯示

會直接顯示在螢幕下方

Status Bar 和 Navigation Bar 兩者合稱 System Bar

06.png

 

7. Notifications : 由Status bar向下拉進入,

有很多的功能, 也可以利用向左右滑動移除

07.png

 

 

8. 最後, 進入APP的頁面

(a) 左圖的上方是Action Bar, 可設定一些基本資訊和功能,

不過大部分的App通常都會使用全螢幕來增加使用者體驗

(b) 而左圖下方則是App的內容區塊Content Area, 也就是APP主要顯示的主題

(c) 右圖則是有些App會設定可以滑動出另一個顯示的頁面區塊

稱為Navigation Drawer, 是一個擴展的頁面覆蓋於Content Area之上

08.png

 

arrow
arrow
    文章標籤
    Android UI Android 頁面介紹
    全站熱搜

    RX1226 發表在 痞客邦 留言(0) 人氣()