咨詢專線:4008-322-006

云端高科:iOS 平板與 Android 平板的交互與動畫

時間:2016-02-29 08:36:20 小編:云端高科 來源:云端高科網絡

蘋果和谷歌對開發者發布的 iOS 8 與 Android 5.0 設計規范為的就是幫助開發者所開發的應用能夠盡量與系統應用得到一致的體驗。因此,下面試圖通過兩者的設計規范粗淺地對比 iOS 平板(iOS 8)與 Android 平板(Android 5.0)的交互與動畫:
 
設計原則界面設計中的隱喻用戶使用平板時的輸入方式平板響應這些用戶行為的輸出效果(動畫)iOS 平板與 Android 平板的設計原則
iOS 8 的設計原則在我的理解是:
 
充分利用整個屏幕(所謂「沉浸式」)、弱化擬物設計、使用毛玻璃底板等方式去突出主體內容,以內容為主通過留白、不同狀態的顏色、排版及無邊框的按鈕保證內容顯示的清晰度利用毛玻璃、重疊效果及空間的大小關系(如日歷中「年」與「月」)表達空間中的層級關系。
而要講 Android 5.0 設計原則就必須說到谷歌推出的全新設計語言 Material Design 。Material Design 的設計原則在我的理解里是這樣的:
 
通過紙面質感的設計效果(包括排版、網格、空間、比例、配色、圖像使用)讓用戶感到自然(明白隱喻)突出核心功能,引導用戶操作對用戶的行為進行統一的、恰當的反饋兩者的區別
由于 iOS 的操作一般只有三種:點擊進入下一層、返回上一層、按 home 鍵返回桌面,操作相對簡單而統一,因此 iOS 8 的設計以突出內容為主。
 
而 Android 的操作相對復雜一些,因此通過紙面質感的設計效果以引導操作成為設計重點。
 
其次,iOS 8 通過透視下層內容的方式(毛玻璃)表達空間層級關系,而 Android 5.0 通過光影效果表達。
 
iOS 平板與 Android 平板界面設計中的隱喻
iOS 的界面通常由頂部導航欄和底部 Tap 組成的 Bar、內容、控制按鈕,以及及警告提示等消息提示組成,iOS 平板亦同。這里拿 iPhone 的界面描述 iOS 平板中的舉例說明。
云端高科網站建設   營銷型網站制作  高端網站建設  

云端高科

 
iPhone 界面
 
這個界面中底部 Tap 和位于頂部導航欄中的分段控制按鈕均以鮮明的顏色表示被選中的狀態,而且分段控制按鈕以按鈕形式出現,暗示這是需要點擊切換而不是滑動切換
 
 
底部 Tap 和位于頂部導航欄中的分段控制按鈕
 
頂部導航欄中出現了標題和兩個控制按鈕,他們則是以顏色不同暗示是否可以點擊

試試長按二維碼加關注

Copyright ? 2016-2018 yingxiaozhan.cn 云端高科 版權所有

京ICP備12005242號-1

咨詢專線:4008-322-006
返回
IBM將大幅裁員換血:向云計算和數據分析轉型
02月刊 瀏覽量:0 來源:云端高科
云端高科:iOS 平板與 Android 平板的交互與動畫
蘋果和谷歌對開發者發布的 iOS 8 與 Android 5.0 設計規范為的就是幫助開發者所開發的應用能夠盡量與系統應用得到一致的體驗。因此,下面試圖通過兩者的設計規范粗淺地對比 iOS 平板(iOS 8)與 Android 平板(Android 5.0)的交互與動畫:
 
設計原則界面設計中的隱喻用戶使用平板時的輸入方式平板響應這些用戶行為的輸出效果(動畫)iOS 平板與 Android 平板的設計原則
iOS 8 的設計原則在我的理解是:
 
充分利用整個屏幕(所謂「沉浸式」)、弱化擬物設計、使用毛玻璃底板等方式去突出主體內容,以內容為主通過留白、不同狀態的顏色、排版及無邊框的按鈕保證內容顯示的清晰度利用毛玻璃、重疊效果及空間的大小關系(如日歷中「年」與「月」)表達空間中的層級關系。
而要講 Android 5.0 設計原則就必須說到谷歌推出的全新設計語言 Material Design 。Material Design 的設計原則在我的理解里是這樣的:
 
通過紙面質感的設計效果(包括排版、網格、空間、比例、配色、圖像使用)讓用戶感到自然(明白隱喻)突出核心功能,引導用戶操作對用戶的行為進行統一的、恰當的反饋兩者的區別
由于 iOS 的操作一般只有三種:點擊進入下一層、返回上一層、按 home 鍵返回桌面,操作相對簡單而統一,因此 iOS 8 的設計以突出內容為主。
 
而 Android 的操作相對復雜一些,因此通過紙面質感的設計效果以引導操作成為設計重點。
 
其次,iOS 8 通過透視下層內容的方式(毛玻璃)表達空間層級關系,而 Android 5.0 通過光影效果表達。
 
iOS 平板與 Android 平板界面設計中的隱喻
iOS 的界面通常由頂部導航欄和底部 Tap 組成的 Bar、內容、控制按鈕,以及及警告提示等消息提示組成,iOS 平板亦同。這里拿 iPhone 的界面描述 iOS 平板中的舉例說明。
云端高科網站建設   營銷型網站制作  高端網站建設  

云端高科

 
iPhone 界面
 
這個界面中底部 Tap 和位于頂部導航欄中的分段控制按鈕均以鮮明的顏色表示被選中的狀態,而且分段控制按鈕以按鈕形式出現,暗示這是需要點擊切換而不是滑動切換
 
 
底部 Tap 和位于頂部導航欄中的分段控制按鈕
 
頂部導航欄中出現了標題和兩個控制按鈕,他們則是以顏色不同暗示是否可以點擊
老司机午夜福利人ae85_老子影院午夜伦无码_黄网站免费永久在线观看

本站關鍵詞:北京APP開發,北京APP制作,APP開發公司,APP制作公司,北京高端網站建設 高端網站建設公司 北京網站建設公司 高端建站公司