Advertisement

latestui2016april-top

 

ウェブサイトやモバイルアプリ向けデザインアイデアの参考にしたい、無料ダウンロードできる最新UIコンポーネント素材をまとめてご紹介します。

 

 

iOS アプリ向けデザイン素材はもちろん、最新デザイントレンドを採用した、新しいデザインテクニックは、デザイナーはぜひ知っておきたいところ。Photoshopだけでなく、IllustratorやSketchなどさまざまなデザインアプリに対応できる点もポイントです。

 

 

 

詳細は以下から。

 

 

 

これからのデザインの参考に!無料ダウンロードできるUIコンポーネント素材まとめ

 

Module 01 – UI Kit

Bootstrapワイヤーフレームに準じた、8つのカテゴリから合計130個のUIコンポーネントが収録され、デモページも5つ用意されています。

Module-01-UI-Kitepic-ui-kit-full-preview

 

 

 

Free iOS 9.3 iPhone UI Kit Illustrator Sketch

先日アップデートされたばかりの iPhone 向け、 iOSの新デザインを完全再現したGUIキット。

ios-9.3-gui-kit

 

 

 

Milestone Ui Kit: Free Sample

ゴールドとダーク系の組み合わせがスタイリッシュなデザインキットで、8種類のサンプル用カード、モージュルデザインを収録。

gold-ui-kit

 

 

 

Monochrome Free Ui Kit

ダーク系のユーザーインターフェースに、細字フォントスタイルがエレガントなUIデザインで、モバイルとPCのどちらにも対応できます。

mOnochrome-ui-kit-pre-2

 

 

 

Flat Travel Blog UI Kit

旅行をテーマにしたブログ向けUIデザインを揃え、最新トレンドのカード式レイアウトを採用。

travel_blog_ui_kit

 

 

 

Epic UI : Free Exclusive Sample Pack

異なる9種類のカテゴリから、合計100種類のUIパーツを収録した、シンプルで使い勝手の良いデザインPSD。

epic-ui-free-exclusive-sample-pack

 

 

 

Helium UI Kit Sketch Resource

カラフルなフラット系の配色で、ウェブサイト制作に必要最低限のデザインパーツが揃った、Sketch向きUIデザインキット。

helium-ui-kit-1

 

 

 

30 UIDesign Kit

淡い青色のきつめのドロップシャドウを採用した、新しいデザイントレンドを盛り込んだ、透明感のあるデザインがポイント。

30uidesign (1)

 

 

 

50 iOS App Screens for Sketch

Sketchに対応した、合計50種類のサインアップ用スクリーン画面をまとめてセットにした、太っ腹な無料UIデザインキット。

800x600dribbble___sign_in_project_by_jardson_almeida_copy

 

 

 

App Concept for Bang & Olufsen Store

音響メーカーのモバイル向けオンラインショップを想定した、各ページが準備された、Sketch向けテンプレートまとめ。

app-concept-store-for-sketch

 

 

 

Clean & Modem iOS UI Kit

モバイルアプリ向けUIデザインを作成するときに参考にしたい、各ページ毎にていねいに作成されたテンプレート集。

dribbble

 

 

 

Kama UI Kit

kama-uikit

 

 

 

Elton UI Kit

どんなデザインにも合わせやすい、カード式レイアウトにドロップシャドウを追加した、新トレンドに注目。

sa

 

 

 

Ventas : Mobile UI Kit for Travel Magazine

旅行サイトを想定した、モバイル端末向けのUIデザインキット。写真イメージとフォントを強調した、シンプルで使いやすいデザインが素敵。

ventas-free-ui.kit-for-mobile

 

 

 

Hobi – Free Mobile App Ui Kit

高級感のあるEコマースサイトを想定し、合計14スクリーン画面を用意した、本格的なUIデザインキット。今年のトレンドを盛り込んだデザインは、作り方の参考にも。

02-Hobi-Mobile

 

 

 

Avital Mobile UI Kit

21種類の iOS スクリーン画面をデジアンした、シンプルなフローチャートを描きやすい、モバイルテーマの参考にどうぞ。

freebie-slide-1458721279-1

 

 

 

Orange9 Free Mobile App UI

オレンジをテーマに、インタラクティブなページデザインを展開する、モバイルアプリ向けUIキット。整頓されたレイヤーの整理方法も参考に。

Orange9

 

 

 

Creama Theme UI Starter Kit

丸みのインターフェースが特長で、統一されたカラーリングはまとめて変更可能です。

round-emerald-uikit

 

 

 

Dashboard Freebies PSD

ウェブサイトの管理画面をモチーフに、ユーザビリティにこだわった、フラットデザインのUIキット。

dashboard-01-full

 

 

 

Shopmate UI Kit – Free Sample

ショッピング、オンラインサイトで使いたい広告バナーやカード式レイアウトは、より商品を魅力的に並べることができます。

02_Shopmate_UI_Kit

 

 

 

UIデザインでサイト制作フローを改善!無料ダウンロードできる素材と使い方まとめ

前回のまとめでは、素材の実際の使い方についても詳しい触れています。

latestui2016feb-top

 

 

サムネイル@ : Milestone Ui Kit: Free Sampel – Free Design Resources