Material Design核心思想

 

Material Design(又叫做“材料設(shè)計(jì)”，以下簡(jiǎn)稱MD)，是由谷歌創(chuàng)建和發(fā)表的一種設(shè)計(jì)語(yǔ)言，旨在把物理世界的體驗(yàn)帶進(jìn)屏幕，其中去掉現(xiàn)實(shí)中的雜質(zhì)和隨機(jī)性，僅保留其最原始純凈的形態(tài)、變化與過(guò)渡，最終還原最貼近真實(shí)的用戶體驗(yàn)，達(dá)到一種簡(jiǎn)潔與直觀的效果。

 

作為2017年及2018年主要的流行設(shè)計(jì)趨勢(shì)之一，Material Design已被越來(lái)越多地運(yùn)用到網(wǎng)站、App開發(fā)及設(shè)計(jì)中。谷歌是這樣介紹Material Design的“設(shè)計(jì)是創(chuàng)造的藝術(shù)，我們的目標(biāo)就是要滿足不同的人類需要。人們的需要會(huì)隨著時(shí)間發(fā)展，我們的設(shè)計(jì)，實(shí)踐，以及理念也要隨之提升。我們?cè)谧晕姨魬?zhàn)，為用戶創(chuàng)造了一個(gè)可視化語(yǔ)言，它整合了優(yōu)秀設(shè)計(jì)的經(jīng)典原則和科學(xué)與技術(shù)的創(chuàng)新。這就是Material Design。”

 

1. RumChata

 

Website: https://www.rumchata.com/age-gate

 

這個(gè)網(wǎng)站結(jié)合了MD設(shè)計(jì)的物理美學(xué)風(fēng)格，通過(guò)創(chuàng)建與現(xiàn)實(shí)事物中相似的外觀及功能，給用戶提供了一種簡(jiǎn)約色彩繽紛、但看起來(lái)簡(jiǎn)單直觀的體驗(yàn)。

 

2. DropBox Business

 

Website: https://www.dropbox.com/business/

 

Dropbox Business早期便開始采用MD的設(shè)計(jì)概念，可以說(shuō)是利用顏色保持品牌形象的典型案例。可以看到，它選取藍(lán)色作為網(wǎng)站主色調(diào)，同時(shí)用黑、白色作為輔助色，這樣的顏色搭配剛好跟自己的“簡(jiǎn)約高效”產(chǎn)品理念是完美結(jié)合的。

 

3. Waaark.com

 

Website: https://waaark.com/

 

MD重視動(dòng)畫效果，它反復(fù)強(qiáng)調(diào)一點(diǎn)：動(dòng)畫不只是裝飾，它有含義，且能表達(dá)元素、界面之間的關(guān)系，同時(shí)具備功能上的作用。下面這個(gè)網(wǎng)站的首頁(yè)動(dòng)畫，可以隨鼠標(biāo)的移動(dòng)進(jìn)行智能切換，像屏幕上流動(dòng)的波浪，但運(yùn)動(dòng)和變化都是由加速及減速過(guò)程，也是遵循了現(xiàn)實(shí)世界中的運(yùn)動(dòng)規(guī)律。感興趣的小伙伴，可以打開網(wǎng)站看看具體的效果哦。

 

以上就是國(guó)外的三個(gè)優(yōu)秀的Material Design網(wǎng)站案例。