Material Design是谷歌推出了全新的設(shè)計語言Material Design。谷歌表示,這種設(shè)計語言旨在為手機、平板電腦、臺式機和\"其他平臺\"提供更一致、更廣泛的\"外觀和感覺\"。
Material Design是谷歌推出了全新的設(shè)計語言Material Design。谷歌表示,這種設(shè)計語言旨在為手機、平板電腦、臺式機和"其他平臺"提供更一致、更廣泛的"外觀和感覺"。
Material Design核心思想
Material Design(又叫做“材料設(shè)計”,以下簡稱MD),是由谷歌創(chuàng)建和發(fā)表的一種設(shè)計語言,旨在把物理世界的體驗帶進(jìn)屏幕,其中去掉現(xiàn)實中的雜質(zhì)和隨機性,僅保留其最原始純凈的形態(tài)、變化與過渡,最終還原最貼近真實的用戶體驗,達(dá)到一種簡潔與直觀的效果。
作為2017年及2018年主要的流行設(shè)計趨勢之一,Material Design已被越來越多地運用到
網(wǎng)站、App開發(fā)及設(shè)計中。谷歌是這樣介紹Material Design的“設(shè)計是創(chuàng)造的藝術(shù),我們的目標(biāo)就是要滿足不同的人類需要。人們的需要會隨著時間發(fā)展,我們的設(shè)計,實踐,以及理念也要隨之提升。我們在自我挑戰(zhàn),為用戶創(chuàng)造了一個可視化語言,它整合了優(yōu)秀設(shè)計的經(jīng)典原則和科學(xué)與技術(shù)的創(chuàng)新。這就是Material Design。”
1. RumChata
這個網(wǎng)站結(jié)合了MD設(shè)計的物理美學(xué)風(fēng)格,通過創(chuàng)建與現(xiàn)實事物中相似的外觀及功能,給用戶提供了一種簡約色彩繽紛、但看起來簡單直觀的體驗。
2. DropBox Business
Website: https://www.dropbox.com/business/
Dropbox Business早期便開始采用MD的設(shè)計概念,可以說是利用顏色保持品牌形象的典型案例。可以看到,它選取藍(lán)色作為網(wǎng)站主色調(diào),同時用黑、白色作為輔助色,這樣的顏色搭配剛好跟自己的“簡約高效”產(chǎn)品理念是完美結(jié)合的。
3. Waaark.com
Website: https://waaark.com/
MD重視動畫效果,它反復(fù)強調(diào)一點:動畫不只是裝飾,它有含義,且能表達(dá)元素、界面之間的關(guān)系,同時具備功能上的作用。下面這個網(wǎng)站的首頁動畫,可以隨鼠標(biāo)的移動進(jìn)行智能切換,像屏幕上流動的波浪,但運動和變化都是由加速及減速過程,也是遵循了現(xiàn)實世界中的運動規(guī)律。感興趣的小伙伴,可以打開網(wǎng)站看看具體的效果哦。
以上就是國外的三個優(yōu)秀的Material Design網(wǎng)站案例。