【マテリアルデザイン】無料で提供34選！テンプレとアイコンセットそしてUIキットのご紹介

2014年にGoogleによって作成され、リリースされたMaterial Designは、すべてのデバイス、すべての製品のユーザーエクスペリエンスを統一するために作成された革新的なビジュアル言語であり、強力なテクノロジーと組み合わされた素晴らしいデザインの原則に基づいて構築されています。

マテリアルデザインのシンプルな美学は、Googleのモバイルアプリ（Gmail、受信トレイ、カレンダー、YouTubeなど）とデスクトップサイト全体で見ることができます。 AppleのiOSとMicrosoftのMetroが数年前にフラットOSデザインでWebとモバイルデザインの相貌を変えたように、マテリアルデザインは現在のWebとモバイルデザインのトレンドに大きな影響を与えています。

本記事では、マテリアルデザインのビジュアル言語を自家薬籠中のものとしているデザイナーによって作成された、無料のUIテンプレートとアイコンセットのコレクションをご紹介します。

なお、マテリアルデザインのWebフレームワークについては、以前に公開した以下の記事を参照してください。

 

 

Ａ．マテリアルデザインＵＩキット＆テンプレート

 

１．Android Nougat Free GUI By Material Design Kit

 

２．Material UI Kit (PSD).

 

３．Material Design UI Kit Boilerplate (Sketch).

 

４．Covalent Material Design Template (Sketch).

 

５．Material Design Wireframe Kit (Sketch).

 

６．Material Design UI Kit (PSD)..

 

７．Google Inbox Material Design (Sketch).

 

８．Nest Material Design UI Kit (Sketch).

 

９．Mobile Material Screens (PSD).

 

１０．Android Lollipop Material Design UI kit by Ivan Bjelajac (Sketch).

 

１１．Material Design UI Kit by UltraLinx (PSD).

 

１２．Material Design UI Template & Icons by Kyle Ledbetter (Sketch).

 

１３．Material Design UI Kit by Benjamin Schmidt (Sketch).

 

１４．Material Design Inspired Bootstrap UI Kit by Vitaly Chernega (PSD).

 

１５．Android L Keyboard by Sander Värv (Sketch).

 

１６．Android L Kit by Rasmus Nielsen (PSD).

 

１７．Android L Toolbox by Deividas Graužinis (PSD).

 

１８．Android L Web and Mobile Interface by Abhinav Chhikara (PSD).

 

１９．Google Inbox Templates by Abhinav Chhikara (PSD).

 

２０．Android Material Design Template by Donart Bytes Selimi (PSD).

 

２１．Instagram in Material Design Templates by Zach Buechler (PSD).

 

 

Ｂ．マテリアルデザイン・アイコンセット

 

２２．Material Design Icons Custom Shape by Taylor Ling (431 Icons, CSH).

 

２３．Material Design System Icons by Walmyr Carvalho (20 Icons, Sketch, PNG).

 

２４．Android L Icon Pack by Icons8 (840 Icons, PNG).

 

２５．Material Icons Pack by Benjamin Schmidt (435 Icons, Sketch, SVG).

 

２６．Material Design Icon Grid by Jiangping Hsu (PSD).

 

２７．Material Design Icon Templates by Gabe Will (AI).

 

２８．Google Material Icons (Sketch).

 

２９．Mini Material Icon Set Vol1 (AI)..

 

３０．Material Icons (Sketch).

 

３１．Material Design Icons with Bounds (250 Icons, Sketch).

 

３２．Material Design Powerpoint & Keynote Icons (425 Icons, PPTX & KEY).

 

３３．Isometric Material Icons (PNG, PSD & AI).

 

３４．Set of Material Design Hand Gestures (PSD, AI & PNG).

 

 

※本記事は、30 Free Material Design UI Kits, Templates & Icon Setsを翻訳・再構成したものです。

 

 

▼こちらの記事もおすすめです！