Material設計素材與靈感

MAmWhU9J9l8ab6py15Tq

Material Design 是google近期發佈的新的視覺語言,通過結合出色的視覺設計和技術實現更好的用戶體驗。 Material設計概念還很新,很少有相關的資源學習,不過,我們已經整理了一小部分和Material的資源素材以及設計作品。你可以下載這些設計素材或從中獲取靈感。

HTML版的Material風格按鈕

material 设计素材

查看網址:http://codepen.io/iraycd/pen/dHrxv

 

Material Design Playground (HTML)

material 设计素材

查看網址:http://ebidel.github.io/material-playground/

 

Material風格按鈕 (HTML)

material 设计素材

查看網址:http://codepen.io/Fischaela/pen/ahgIy

 

Google Material Design Hierarchical Timing (HTML)

material 设计素材

查看網址:http://codepen.io/prajwalkman/pen/eLlGw

 

Material圖標設計模板

material 设计素材

下載網址:https://dribbble.com/shots/1616548-Google-Design-Icon-Template

 

帶網格的Andr​​oid L圖標模板

material 设计素材

下載網址:https://dribbble.com/shots/1618777-Android-L-Icon-Grid-System

 

Android L界面 (PSD)

material 设计素材

下載網址:https://dribbble.com/shots/1615620-New-Android-L-Interface

 

Android L 複選框 (HTML)

material 设计素材

查看網址:http://codepen.io/Sambego/pen/zDLxe

 

Material Design介紹 (PPT)

material 设计素材

查看網址:http://www.slideshare.net/harrisonrweber/google-materialdesign

 

個性Material風格動畫

material 设计素材

查看網址:https://dribbble.com/shots/1620608-Material-Design

 

Material設計圖標模板

material 设计素材

下載網址:https://dribbble.com/shots/1617724-Material-Design-Icon-Templates

 

Material風格的後台界面

material 设计素材

查看網址:https://dribbble.com/shots/1618712-Google-s-material-design

 

Material風格的WhatsApp

material 设计素材

查看網址:https://dribbble.com/shots/1621161-WhatsApp-Material-Design

 

Material系統圖標

material 设计素材

下載網址:https://dribbble.com/shots/1621133-System-Icons-Material-Design

 

按鈕操作

Material butotn

查看網址:https://dribbble.com/shots/1626156-Action-Button

 

Android L PSD

material 设计素材

查看網址:https://dribbble.com/shots/1615898-Android-L-PSD-kit

 

總結

總體來說,Android L的配色很鮮明活潑,交互細節也很不錯,雖然目前資源還不是很多,更多的是需要設計師們自由發揮。

希望你能從中獲得一些靈感喔!

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s