Advertisement

atom-ui

 

Webデザイン制作に活用したいUIコンポーネント素材を、定期的にまとめてご紹介しています。海外デザインブログSplashnologyで、フラットスタイルを採用した無料UIデザインアイテムをまとめたエントリー「30 Free and Flat UI Kits」が公開されていたので、今回はこちらを中心にデザインの参考にしたいフリーアイテムのご紹介です。

 

 

そのままWebサイトに利用することもでき、配色の参考にも良さそうなフリーアイテムが揃っています。

 

 

 

詳細は以下から。

 

 

 

フラットスタイルが美しい無料UIコンポーネント素材まとめ

 

Mountain Flat UI Kit

青を配色に使った、シンプルでどんなデザインにも合わせやすいUIコンポーネント。

mountain-ui

 

 

 

Flat Red UI

赤色をアクセントカラーに、Webサイトやブログに必要なUIコンポーネントをひと通り揃えています。

redui

 

 

 

Flat Mobile Ui Kit

爽やかなカラーリングに、余白スペースたっぷりな使いやすいUIデザインが、見事にはまった無料デザインPSDキット。

mobile-uikit

 

 

 

Modern Flat Ui Kit

目立つ黄色を採用し、ボタンやナビゲーション・メニューなどのUIコンポーネントから、そのままサイドバーなどに使えるウィジェットUIも充実しています。

color-ui

 

 

 

Kicks UI Free PSD

ニュートラルカラーを使ってデザインされたUIキットで、目が疲れない配色が工夫されています。

kicks-ui

 

 

 

PSD Flat UI Kit

どんなサイトにも合わせやすそうな、清潔感のあるカラーリングが印象的なUIキット。

flat-ui-kit

 

 

 

Small Media UI Kit

動画や音声ファイル中心のコンテンツ作成時に参考にしたい、ダーク系UIコンポーネントパック。

uikitdribbble-prev

 

 

 

Shapes Mobile UI Kit

半透明で背景が透き通ったUIコンポーネントが揃った、モバイル向けサイトやアプリ制作にいかがでしょう。

Shapes-Mobile-UI-600

 

 

 

Jolly UI Free Hand-Drwan UI Kit

フラットスタイルとの相性も良い、手描きスタイルで再現されたUIコンポーネントで、200種類以上の素材が収録されています。

jelly-ui

 

 

 

Online New paper iOS App UI

最新ニュースをチェックする、iPhone向けiOS用アプリデザインPSD。サムネイルを多用した、直感的な操作を可能にします。

dribbbble

 

 

 

Mobile UI Blueprint 1.2

モバイル向けサイトのプロトタイプ作成に便利な素材で、アイデアを形にしたいときにいかがでしょう。

mobile-ui-blueprint

 

 

 

Nevida Bootstrap Free UI Kit

Twitter社謹製フレームワークBootstrapをベースに再現された、コンプリートUIデザインキット。

large_prev

 

 

 

Free PSD Travel App

旅行をテーマにしたモバイルアプリ制作に活用でき、Retinaディスプレイにも対応したベクターUIキット。

travel-mobile-ui

 

 

 

Mobile App UI Kit

エメラルドグリーンを中心としたみどり色ベースの配色で作成された、モバイルアプリ向けなモダンUIデザインキット。

modern-app

 

 

 

Snapchat Redesign

現行アプリをフラットスタイルでリデザインした、コンセプトデザイン用UIコンポーネント。

snapchat-redesign

 

 

 

Property Management App

management-app

 

 

 

MEO Email Client UI

毎日届く大量のメールを管理するアプリを想定した、ダーク系デザインを使ったエレガントな雰囲気。

meo-fullsize-2

 

 

 

3D App Screen Mockup

完成したUIデザインをより魅力的にする、透明ガラスレイヤーを含んだ3Dモックアップテンプレート。

perspective-mockup

 

 

 

パズル感覚でレイアウトを作成できる、Photoshop無料UIコンポーネントキット「Edge」

つい先日ご紹介したUIコンポーネントキットで、ウェブサイト作成に必要なパーツがひと通り揃っています。

edgeui-top
 

 

サムネイル@ : Freebie – Atom Ui Kit by Graphberry – Dribbble

参照元リンク : 30 Free and Flat UI Kit – Splashnology.com