92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

與IOS正面交鋒!MATERIAL DESIGN只是獨辟蹊徑,并未全面勝出

2015-8-6    高勁

 

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

material-design-is-not-better-1

Material Design發布之時,Google在設計領域做出的努力令我印象深刻。在這方面Apple一度遙遙領先。這種局面結束了。記得我以前總抱怨 Android設計的那套不統一、缺乏文檔、缺乏吸引力的暗色主題,還有模棱兩可的漢堡菜單的濫用。Material Design解決了其中很多問題。如今它提供了一套統一的設計語言,更明亮、色彩豐富,并且背后有深思熟慮的設計指南作為堅實支撐。

但是盡管它色彩漂亮,卡片的使用提供了強烈的縱深感與操縱感。我時常捫心自問,這真的像許多設計師說的那樣,比Apple的iOS設計優秀嗎?我要發表一下我的看法,我覺得它只是獨辟蹊徑,并未全面勝出。

與iOS的相似點

我們從iOS的3項核心原則說起:清晰、遵從和深度。

清晰是指文字易讀、圖標明顯、對比強烈。清晰的定義,對于不同平臺是特定的。對于iOS和Android用戶而言,什么是清晰的取決于他們熟悉什么。iOS用戶可以立刻辨認的圖標,Android用戶或許不行,反之亦然。

深度是兩大平臺共有的另一項原則。但它們用不同的方式表達這一概念。iOS提倡模糊和漸變,Android卻強調投影和紙張的概念。

擬物2.0

雖然都這么說,兩大平臺都用了重要的方式重現了現實世界。它們通過模糊、投影,還有符合物理規律與空間關系的動畫呈現一種擬物化。擬物設計使用熟悉的隱喻,有助于引入新概念,但是過度細致的紋理和立體效果絕對是自取滅亡。作為用戶,由于科技對我們而言已經不那么陌生,我們已經不適應擬物設計了。皮質日歷和黑膠唱片,在這個時代已經比不上數碼概念了。

設計的數字化,使得陳舊的概念顯得過時且莫名其妙。

沒有人再用這樣的日歷了。

這兩種設計語言都有各自的弱點。

例如,多層模糊相互疊加,有種割裂感。而且,有點太鮮艷了。

卡片的概念在圓形屏幕上看起來截然不同??ㄆ紦苏麄€寬度。文字的對齊方式感覺不協調,因為有很多不必要的留白。在圓形屏幕上,列表也難以使用,因為邊角處隱藏了重要內容。

不過這些Android Wear界面看起來非常棒。真的給人一種專為圓形屏幕設計的感覺。

內容在Material Designs中并非核心

順從是這兩者的差異所在。iOS完全是內容優先,而Android使用卡片的概念來使內容顯得更有觸感,盡管這樣會在左右兩側損失一些重要的屏幕空間。眼花繚亂的色彩也蓋過了內容。

華麗隱藏了內容,阻礙了交互。

色彩、導航和行動召喚有強烈的聚焦作用。(這就是新的Material Design Lite,為網頁而生)

相反在iOS中,關注點更多在內容上。界面的顏色更加中性、符合情境(它們會根據內容變化)。鮮明的色彩盡量少使用,通常都用于操作項。

Apple Music與Google Music的簡單對比顯示了Material Design使用了更多亮色和插畫。對于Apple Music,唯一使用的亮色就是“立即試用”按鈕。

標簽欄 VS 漢堡菜單

關于是否應該使用漢堡菜單,爭議由來已久。距離結束尚遙遙無期。盡管Apple在設計中很少使用。

但至少可以這么說,自從Material Design 鼓勵使用之后,我們通常更多在Android上見到它們。

iOS更偏好標簽欄作為導航。有趣的是,LukeW指出明顯的就是更好的。Facebook的iOS版改用了標簽欄后,用戶粘性有了重大改善。

Google Inbox使用了漢堡菜單。

但有些時候漢堡菜單是個好主意,比如最重要的內容就在主頁上。漢堡菜單內的選項必須只能是次要的,例如設置和登出。

色彩運用

Material Design突出地使用顏色。當然,它們非常漂亮。Flat UI配色方案也是。我們都知道,柔和色在各種狀況下效果都很好,不像CSS或Xcode中那些耀眼的默認色彩。

iOS配色(左),Flat UI(中),Material Design Palette(右)

不過Material Design在頁頭中使用那些色彩,有時甚至蓋過了內容。許多顏色競相展現時,其他元素的重要性便降低了。

頁頭是可以操作的嗎,因為它有顏色?應該改用圖片來表現我的產品嗎?“Goals”這個標題為什么和鏈接顏色相同?

色彩確實有含義,但這些含義很有限(例如紅色意味著警報,黃色意味著警示等等)。顏色也能傳達品牌,但是品牌不應該占據界面的中心。實際上,應用圖標是最適合呈現品牌的地方。除非你確定要在頁頭使用一種單色,不然就該想想更富表現力的方式。用某種方式確切表現你的應用。

同樣的,這對Android有意義,iOS則否。

如果一圖勝千言,一種顏色只勝十言。

各平臺定制 VS 全平臺通用

不得不承認,我曾經認為一套設計語言統一全平臺是最好的方法。但不幸的是,這會導致用iOS的設計語言來設計Android應用。從我的觀點來看,它確實有意義,但最終對用戶是不友好的。Android用戶就是不熟悉iOS。

Material Design統一全平臺的目標是個勇敢的嘗試,是我所見過的在這方面做得最好的。但這真的是最好的方式嗎?

網頁上真的需要華麗嗎?卡片適合小屏幕嗎?

卡片的概念,在Android wear上,有時還是圓形的屏幕,真的起作用嗎?給人感覺這套設計語言并沒有優先考慮設備。相反,像是事后聰明。

看看Apple Watch,它的設計完全為了手表而重新思考過。這就意味著會有新的UI范例要考慮,尤其對于按壓、數字表冠、手腕檢測和黑色屏幕邊緣。

Material Design定義更清晰

從材質如何操作和選用,到色彩如何結合,一切都在指南中有詳細解釋。

每種設計元素應該如何選用,來創造統一的構造和投影。

有一套特定的配色方案和顏色的組合方式。

Material Design甚至還提供了一整套系統圖標。

有一套嚴格的風格指南,好處是不容易出差錯。就像Bootstrap。它提供了一套統一且方便的體系。壞處是它限制了創造力,會讓多數應用同質化。

Material Design的閃光點

不要誤會我,還有很多地方Material Design做得很好。只是似乎每個設計師都沒有認真考慮其缺點,就高唱贊歌。

設計規則從來都在不斷變化,將人們的生活推向時代前沿。只要我們的生活在變化,設計也會改變。

例如,他們新的設計細則是一流的。在多個設計議題上都作出了指導,讓你在Material Design的領域之外也有所收獲。

Material Design中的顏色和動畫指南確實讓人印象深刻。

卡片的概念在整個平臺表現很好。它可伸縮且模塊化。當然也適用于網頁——在移動浪潮來臨前,設計師們已經使用了很久了。但我相信屏幕越小,它越沒用。

之前我提過,柔和色并非一項新事物。但是扁平化和Material Design都很推崇它。我們正在返璞歸真,創造協調的色彩和漂亮的字體。這是件好事。我們越了解設計的基礎,就能更好地塑造上層的設計。

Material Design的動畫優雅,討人喜歡,盡管不像人們理解的那么革新。在iOS7之前,過渡式的界面仍然是個非常新鮮的概念。很高興看到兩套規范都推崇更加順滑、漸進式的動畫,來逐漸引導用戶,而非通過驟然變化來引人注意。

Material Design中有意義的動畫。

沒有完美的設計語言

永遠不會有完美的設計語言和模版。本文的目的不是為了批判其中之一,而是從優勢與弱點的角度來審視。設計就是為了某個目的選擇最適合的方式。那么繼續前進吧,持續實驗來找出最適合你產品的那個。別忘了考慮人們所用的設備。

我經常寫一些關于iOS、Android和代碼的文章。你可以在Twitter上通過@MengTo找到我。感謝閱讀!

日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
97av视频在线| 国产日韩欧美在线播放| 精品国产一区二区三区久久| 日韩免费观看视频| 欧美精品一区二区三区国产精品| 欧美一区深夜视频| 日韩亚洲第一页| 伊是香蕉大人久久| 国产精品日韩在线播放| 日韩在线观看视频免费| 91精品久久久久久久久久另类| 久久视频精品在线| 成人免费观看a| 日韩精品极品在线观看| 成人黄色大片在线免费观看| 国产精品免费观看在线| 岛国av午夜精品| 国产日韩精品在线| 欧美大片免费观看在线观看网站推荐| 国产日韩视频在线观看| 97久久久免费福利网址| 日韩精品有码在线观看| 在线不卡国产精品| 日韩在线观看免费高清| 国产精品91在线观看| 日韩欧美国产成人| 在线看国产精品| 欧美激情在线视频二区| 欧美成人小视频| 久久久亚洲影院你懂的| 在线观看国产成人av片| 91天堂在线观看| 欧美成人精品xxx| 欧美精品久久久久久久| 日韩精品欧美激情| 91欧美精品午夜性色福利在线| 高清日韩电视剧大全免费播放在线观看| 欧美成人午夜剧场免费观看| 最近2019中文字幕大全第二页| 欧美激情欧美激情在线五月| 日韩欧美在线一区| 日韩欧美在线第一页| 一区二区三区视频在线| 精品视频久久久久久| 国产精品视频最多的网站| 国产一区二区三区在线观看视频| 国产精品免费视频xxxx| 日韩欧美精品网址| 91精品91久久久久久| 欧美黄色片免费观看| 久久久久久久国产精品| 不卡毛片在线看| 国产xxx69麻豆国语对白| 国产午夜精品美女视频明星a级| 久久av.com| 国产精品普通话| 亚洲在线免费看| 欧美大片在线免费观看| 欧美极品少妇xxxxⅹ免费视频| 国产精品极品美女在线观看免费| 亚洲精品国产拍免费91在线| 亚洲成人av片在线观看| 国外日韩电影在线观看| 国产女同一区二区| 97国产真实伦对白精彩视频8| 亚洲天堂男人天堂女人天堂| www.日韩不卡电影av| 欧美激情国内偷拍| 欧美电影在线观看完整版| 日韩中文字幕网址| 亚洲毛片一区二区| 狠狠躁夜夜躁人人爽超碰91| 久久黄色av网站| 国产精品久久国产精品99gif| 国产不卡精品视男人的天堂| 国产精品av网站| 国产成人一区二区三区电影| 亚洲人成电影网站| 亚洲午夜激情免费视频| 91老司机在线| 精品国产欧美一区二区三区成人| 精品一区精品二区| 亚洲国产欧美久久| 国内精品久久久久伊人av| 午夜剧场成人观在线视频免费观看| 亚洲女人天堂网| 成人免费观看a| 亚洲色图av在线| 91视频九色网站| 国产午夜精品全部视频播放| 久久国产精彩视频| 久久99精品久久久久久青青91| 精品成人乱色一区二区| 色噜噜狠狠狠综合曰曰曰88av| 国产精品嫩草影院久久久| 久久影院在线观看| 欧美性生交xxxxx久久久| 91久久精品国产91久久| 欧美高清自拍一区| 青青草原成人在线视频| 国产精品网站大全| 亚洲欧美日韩一区在线| 国产一区二区三区在线| 成人黄色免费看| 久精品免费视频| 国模精品一区二区三区色天香| 国产精品入口夜色视频大尺度| 久久精品福利视频| 国产美女直播视频一区| 欧美成年人在线观看| 亚洲人成在线播放| 精品国产乱码久久久久久虫虫漫画| 中文字幕v亚洲ⅴv天堂| 国产精品国产三级国产aⅴ9色| 久久这里有精品视频| 日韩av网站电影| 亚洲欧美福利视频| 亚洲国产精品一区二区三区| 久久亚洲春色中文字幕| 久久久久久久爱| 欧美激情三级免费| 国产精品视频网站| 久久天天躁狠狠躁夜夜爽蜜月| 欧美国产欧美亚洲国产日韩mv天天看完整| 第一福利永久视频精品| 欧美性猛交xxxx乱大交极品| 久久久成人精品| 日韩风俗一区 二区| 欧美日韩国产中文精品字幕自在自线| 91在线观看欧美日韩| 中文字幕无线精品亚洲乱码一区| 麻豆一区二区在线观看| 草民午夜欧美限制a级福利片| 日韩亚洲在线观看| 久久久久久久久久久久久久久久久久av| 欧美性猛交xxxx黑人猛交| 久久久99免费视频| 欧美激情精品久久久久久| 色偷偷9999www| 日韩av一区在线观看| 欧美日韩成人黄色| 深夜福利91大全| 黄色成人av在线| 日韩电影在线观看中文字幕| 久久精品2019中文字幕| 亚洲天堂男人天堂女人天堂| 亚洲日韩中文字幕在线播放| 精品久久久久久久久国产字幕| 欧美裸体xxxx极品少妇| 日韩欧美在线一区| 日韩a**中文字幕| 国内精品在线一区| 两个人的视频www国产精品| 欧美最猛性xxxxx免费| 久久久久久久久久久免费| 欧美xxxx18国产| 欧美大片va欧美在线播放| 欧美日韩亚洲激情| 国产成人精品视频在线观看| 午夜精品久久久久久久99热浪潮| 成人性教育视频在线观看| 亚洲护士老师的毛茸茸最新章节| 国产福利视频一区| 国产精品久久9|