咨詢專線(xiàn):4008-322-006

雲端高科(kē):iOS 平闆與 Android 平闆的交互與動畫

時間:2016-02-29 08:36:20 小(xiǎo)編:雲端高科(kē) 來源:雲端高科(kē)網絡

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

雲端高科(kē)

 
iPhone 界面
 
這個界面中(zhōng)底部 Tap 和位于頂部導航欄中(zhōng)的分(fēn)段控制按鈕均以鮮明的顔色表示被選中(zhōng)的狀态,而且分(fēn)段控制按鈕以按鈕形式出現,暗示這是需要點擊切換而不是滑動切換
 
 
底部 Tap 和位于頂部導航欄中(zhōng)的分(fēn)段控制按鈕
 
頂部導航欄中(zhōng)出現了标題和兩個控制按鈕,他(tā)們則是以顔色不同暗示是否可(kě)以點擊

試試長(cháng)按二維碼加關注

Copyright © 2016-2018 yingxiaozhan.cn 雲端高科(kē) 版權所有(yǒu)

京ICP備12005242号-1

咨詢專線(xiàn):4008-322-006
返回
三再面臨集體(tǐ)-北京網站建設
02月刊 浏覽量:0 來源:雲端高科(kē)
雲端高科(kē):iOS 平闆與 Android 平闆的交互與動畫
蘋果和谷歌對開發者發布的 iOS 8 與 Android 5.0 設計規範為(wèi)的就是幫助開發者所開發的應用(yòng)能(néng)夠盡量與系統應用(yòng)得到一緻的體(tǐ)驗。因此,下面試圖通過兩者的設計規範粗淺地對比 iOS 平闆(iOS 8)與 Android 平闆(Android 5.0)的交互與動畫:
 
設計原則界面設計中(zhōng)的隐喻用(yòng)戶使用(yòng)平闆時的輸入方式平闆響應這些用(yòng)戶行為(wèi)的輸出效果(動畫)iOS 平闆與 Android 平闆的設計原則
iOS 8 的設計原則在我的理(lǐ)解是:
 
充分(fēn)利用(yòng)整個屏幕(所謂「沉浸式」)、弱化拟物(wù)設計、使用(yòng)毛玻璃底闆等方式去突出主體(tǐ)内容,以内容為(wèi)主通過留白、不同狀态的顔色、排版及無邊框的按鈕保證内容顯示的清晰度利用(yòng)毛玻璃、重疊效果及空間的大小(xiǎo)關系(如日曆中(zhōng)「年」與「月」)表達空間中(zhōng)的層級關系。
而要講 Android 5.0 設計原則就必須說到谷歌推出的全新(xīn)設計語言 Material Design 。Material Design 的設計原則在我的理(lǐ)解裏是這樣的:
 
通過紙面質(zhì)感的設計效果(包括排版、網格、空間、比例、配色、圖像使用(yòng))讓用(yòng)戶感到自然(明白隐喻)突出核心功能(néng),引導用(yòng)戶操作(zuò)對用(yòng)戶的行為(wèi)進行統一的、恰當的反饋兩者的區(qū)别
由于 iOS 的操作(zuò)一般隻有(yǒu)三種:點擊進入下一層、返回上一層、按 home 鍵返回桌面,操作(zuò)相對簡單而統一,因此 iOS 8 的設計以突出内容為(wèi)主。
 
而 Android 的操作(zuò)相對複雜一些,因此通過紙面質(zhì)感的設計效果以引導操作(zuò)成為(wèi)設計重點。
 
其次,iOS 8 通過透視下層内容的方式(毛玻璃)表達空間層級關系,而 Android 5.0 通過光影效果表達。
 
iOS 平闆與 Android 平闆界面設計中(zhōng)的隐喻
iOS 的界面通常由頂部導航欄和底部 Tap 組成的 Bar、内容、控制按鈕,以及及警告提示等消息提示組成,iOS 平闆亦同。這裏拿(ná) iPhone 的界面描述 iOS 平闆中(zhōng)的舉例說明。
雲端高科(kē)網站建設   營銷型網站制作(zuò)  高端網站建設  

雲端高科(kē)

 
iPhone 界面
 
這個界面中(zhōng)底部 Tap 和位于頂部導航欄中(zhōng)的分(fēn)段控制按鈕均以鮮明的顔色表示被選中(zhōng)的狀态,而且分(fēn)段控制按鈕以按鈕形式出現,暗示這是需要點擊切換而不是滑動切換
 
 
底部 Tap 和位于頂部導航欄中(zhōng)的分(fēn)段控制按鈕
 
頂部導航欄中(zhōng)出現了标題和兩個控制按鈕,他(tā)們則是以顔色不同暗示是否可(kě)以點擊

本站關鍵詞:北京APP開發,北京APP制作(zuò),APP開發公(gōng)司,APP制作(zuò)公(gōng)司,北京高端網站建設 高端網站建設公(gōng)司 北京網站建設公(gōng)司 高端建站公(gōng)司