咨詢專線:4008-322-006

雲端高(gāo)科(kē):iOS 平闆與 Android 平闆的(de)交互與動畫(huà)

時(shí)間(jiān):2016-02-29 08:36:20 小(xiǎo)編:雲端高(gāo)科(kē) 來(lái)源:雲端高(gāo)科(kē)網絡

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

雲端高(gāo)科(kē)

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

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

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

京ICP備12005242号-1

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

雲端高(gāo)科(kē)

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

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