Material Design是谷歌推出了全新的設(shè)計(jì)語(yǔ)言Material Design。谷歌表示,這種設(shè)計(jì)語(yǔ)言旨在為手機(jī)、平板電腦、臺(tái)式機(jī)和\"其他平臺(tái)\"提供更一致、更廣泛的\"外觀和感覺(jué)\"。
Material Design是谷歌推出了全新的設(shè)計(jì)語(yǔ)言Material Design。谷歌表示,這種設(shè)計(jì)語(yǔ)言旨在為手機(jī)、平板電腦、臺(tái)式機(jī)和"其他平臺(tái)"提供更一致、更廣泛的"外觀和感覺(jué)"。
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
這個(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)站案例。