熟女亚洲一,二区,亚洲中文字幕va福利,无码视频一区二区三区

Material design自Google于2014年創(chuàng)建并發(fā)布以來(lái)，已經(jīng)逐漸形成了其鮮明的設(shè)計(jì)風(fēng)格，并漸漸成為統(tǒng)一 Android Mobile、Android Tablet、Desktop Chrome 等全平臺(tái)設(shè)計(jì)語(yǔ)言規(guī)范。幾乎Google的所有移動(dòng)應(yīng)用程序，包括Gmail，Inbox，YouTube 等，甚至在桌面網(wǎng)站也都可以看到Material Design的身影，簡(jiǎn)潔而美觀。顯然，Material Design對(duì)當(dāng)前的網(wǎng)頁(yè)和移動(dòng)設(shè)計(jì)趨勢(shì)產(chǎn)生了巨大的影響。

正因?yàn)镸aterial design能給用戶帶來(lái)最貼近真實(shí)場(chǎng)景的使用體驗(yàn)，實(shí)現(xiàn)簡(jiǎn)潔直觀的效果，因而很多設(shè)計(jì)師都非常青睞其設(shè)計(jì)風(fēng)格。今天和大家分享11個(gè)優(yōu)秀的material design UI kits資源，它們絕大部分是免費(fèi)的，希望對(duì)您的設(shè)計(jì)有所幫助。

1. FREE MATERIAL DESIGN UI KIT

格式：PSD

價(jià)格：免費(fèi)

特點(diǎn)：適用于Photoshop CS6 +

免費(fèi)字體使用

分組圖層

自定義的矢量圖標(biāo)

Google Material Design UI風(fēng)格

此工具包專門為啟動(dòng)階段進(jìn)行快速簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目而創(chuàng)建，保留Google Material設(shè)計(jì)指南的結(jié)構(gòu)性和簡(jiǎn)單性，將為您節(jié)省大量的時(shí)間，可用于個(gè)人作品設(shè)計(jì)以及商業(yè)產(chǎn)品設(shè)計(jì)。

點(diǎn)擊下載：http://www.designtory.net/free-psd/free-material-d...

2. Material Design Kit

格式：PSD，Sketch

價(jià)格：99$

特點(diǎn)：適用于iOS系統(tǒng)和Android系統(tǒng)

適用于Sketch 40+ 和Photoshop CC 15+

包含250多個(gè)App模板

Material design設(shè)計(jì)指南

此工具包包含最全面的material design UI元素，你可以使用Mockplus等原型工具導(dǎo)入Sketch文件，利用已有的UI元素，只需解決交互問(wèn)題，就可以快速進(jìn)行動(dòng)態(tài)原型設(shè)計(jì)，大大節(jié)省時(shí)間。

點(diǎn)擊下載：https://materialdesignkit.com/

3. Android Material Design UI Kit Sketch Resource

格式：Sketch

價(jià)格：免費(fèi)

特點(diǎn)：適用于Android系統(tǒng)

移動(dòng)端App界面元素

此工具包為設(shè)計(jì)師Ivan Bjelajac制作，包含了豐富的移動(dòng)端App界面設(shè)計(jì)元素。下載次數(shù)以已經(jīng)超過(guò)30000次，Ivan Bjelajac還有很多其他的優(yōu)秀作品，也值得學(xué)習(xí)。

點(diǎn)擊下載：https://www.sketchappsources.com/free-source/852-android-material-design-ui-kit-sketch-freebie-rsource.html

4. Google Material Design UI Sketch Resource

格式：Sketch

價(jià)格：免費(fèi)

特點(diǎn)：Google Material Design布局模式

該工具包體現(xiàn)了Google Material Design布局特色，包含狀態(tài)欄，應(yīng)用欄，底部工具欄，卡片，下拉菜單，搜索欄，分隔線，側(cè)導(dǎo)航欄，對(duì)話框，懸浮操作按鈕和其他組件的明暗符號(hào)。

點(diǎn)擊下載：https://www.sketchappsources.com/free-source/597-g...

5. Material Kit

格式：PSD element, HTML/CSS/JS implementation

價(jià)格：免費(fèi)

特點(diǎn)：終身更新，定期支持

60個(gè)定制組件

2個(gè)自定義插件

3個(gè)示例頁(yè)面

該工具包是一個(gè)免費(fèi)的Bootstrap UI套件，基于Fez的Github Repo創(chuàng)建，可以為您的Android應(yīng)用程序快速創(chuàng)建Web頁(yè)面，且保持一致風(fēng)格。

點(diǎn)擊下載：https://www.creative-tim.com/product/material-kit

6. Material Kit Pro

格式：PSD, HTML/CSS/JS implementation

價(jià)格：79$

特點(diǎn)：Material Kit付費(fèi)版

1000個(gè)組件

7個(gè)自定義插件

11個(gè)示例頁(yè)面：文檔，SASS文件，Photoshop文件

此工具包為Material Kit的升級(jí)版，包含更多的插件，組件，文件和頁(yè)面。

點(diǎn)擊下載：https://www.creative-tim.com/product/material-kit-pro

7. Lora Material Design UI Kit

格式：PSD，Sketch

價(jià)格：30$

特點(diǎn)：適用于Sketch App $ Photoshop

適用于80多個(gè)不同的屏幕

Material design設(shè)計(jì)規(guī)范

免費(fèi)Google字體，圖片，例子

12個(gè)熱門分類

此工具包是一個(gè)巨大的用戶界面工具包，可快速進(jìn)行原型設(shè)計(jì)。適用于設(shè)計(jì)社交網(wǎng)絡(luò)應(yīng)用程序，儀表板, 統(tǒng)計(jì)應(yīng)用程序，媒體和新聞應(yīng)用程序（博客，視頻，畫廊...），電子商務(wù)應(yīng)用程序（商店，商店），預(yù)訂應(yīng)用程序，音樂(lè)App等等。

點(diǎn)擊下載：https://ui8.net/products/lora-material-design-ui-k...

8. Material Design UI Kit freebie

格式：PSD

價(jià)格：免費(fèi)

特點(diǎn)：適用于Photoshop

Material design設(shè)計(jì)指南

6個(gè)文件類型

這個(gè)工具包是JakubKo?la設(shè)計(jì)制作的，他花費(fèi)了大量精力研究Google的Material Design，因而制作了這個(gè)界面干凈的UI工具包。

點(diǎn)擊下載：https://dribbble.com/shots/2064912-Material-Design...

9. FREE Material UI Kit PSD

格式：PSD

價(jià)格：免費(fèi)

特點(diǎn)：Google material design設(shè)計(jì)風(fēng)格

全面可編輯PSD文件

結(jié)構(gòu)嚴(yán)謹(jǐn)?shù)膱D層

現(xiàn)代設(shè)計(jì)

此工具包包含許多可用的元素，例如：配置文件，音樂(lè)播放器，統(tǒng)計(jì)信息，圖形，按鈕，導(dǎo)航菜單等等。適用于網(wǎng)站和移動(dòng)應(yīng)用程序的設(shè)計(jì)。

點(diǎn)擊下載：http://psdboom.com/downloads/free-material-ui-kit-...

10. Android UI Design Kit 4.4

格式：PSD

價(jià)格: 免費(fèi)

特點(diǎn)：常更新

4.4新版增加：Action Bar - PullToRefresh & NotBoring；HoloGraphLibrary；Scroll Bar；Search Action Bar；Contextual Action Bar

此工具包還包括以前版本的每個(gè)構(gòu)建模塊，使其成為迄今為止最完整的UI設(shè)計(jì)工具包。需要注意的是，在使用Design Kit之前，您必須先安裝Roboto和Roboto Slab字體。設(shè)計(jì)時(shí)可以快速啟動(dòng)文件，然后從Building Block文件中拖拽選擇所需的UI元素。

點(diǎn)擊下載：https://androiduiux.com/2014/01/10/android-ui-design-kit-for-photoshop-4-4-free-download/

11. Vivid - Soft Material UI Kit

格式：PSD，Sketch，JPG

價(jià)格：$48 （50% off now）

特點(diǎn)：包含了6個(gè)類別的170多個(gè)矢量組件

導(dǎo)航 - 43個(gè)組件

小工具 - 55個(gè)組件

表格 - 26個(gè)組件

風(fēng)格指南 - 包括調(diào)色板，排版指南，圖標(biāo)和UI元素等

Vivid是一個(gè)軟件材料用戶界面工具包，它結(jié)合了干凈的版式和像素完美的圖形，為您創(chuàng)建任何類型的網(wǎng)站或Web應(yīng)用程序提供了豐富的資源和素材。每個(gè)工具都進(jìn)行了命名和分組，以幫助您快速找到所需的元素，并在幾分鐘內(nèi)創(chuàng)建項(xiàng)目。

點(diǎn)擊下載: https://creativemarket.com/TheUIShop/414366-Vivid-...

以上的11款Material design UI工具包皆是由各位優(yōu)秀設(shè)計(jì)師用心制作的，其中的元素都是設(shè)計(jì)的優(yōu)秀素材，這些免費(fèi)UI模板都采用了Material Design的可視化語(yǔ)言，仔細(xì)查看這些素材，就不難發(fā)現(xiàn)一些明顯的規(guī)律：

1. 設(shè)計(jì)理念

拋卻多余的雜質(zhì)和無(wú)序性，保留其最原始純凈的形態(tài)、空間關(guān)系、變化與過(guò)渡，配合虛擬世界的靈活特性，還原最貼近真實(shí)的體驗(yàn)，達(dá)到簡(jiǎn)潔與直觀的效果。

2. 配色

顏色選取不求多而雜亂，一般選取一種主色搭配襯托色。更多的是在背景主色上進(jìn)行色彩的明暗變化，演變出更加豐富的配色。

3. 圖標(biāo)

一般來(lái)講，桌面圖標(biāo)尺寸是48dp X 48dp，小圖標(biāo)尺寸是24dp X 24dp。圖形限制在中央20dp X 20dp區(qū)域內(nèi)。

4. 字體

英文字體使用Roboto，中文字體使用Noto。

基于以上的優(yōu)秀的設(shè)計(jì)素材，那么如何進(jìn)行有效運(yùn)用呢？一款快速簡(jiǎn)潔的原型工具必不可少。建議您使用國(guó)內(nèi)最好的原型設(shè)計(jì)工具M(jìn)ockplus通過(guò)可視化的鼠標(biāo)拖拽進(jìn)行快速原型制作。Mockplus包含三種可視化交互設(shè)置：頁(yè)面交互，組件交互，屬性交互。此外，Mockplus支持Sketch文件導(dǎo)入，你大可以在Sketch中使用以上模板編輯好UI元素，一鍵導(dǎo)入Mockplus，通過(guò)可視化交互快速完成原型制作，大大提升設(shè)計(jì)效率。