Advertisement

latestui2014oct-top

 

Webサイトやモバイルアプリのデザインを作成するときに、すべてのパーツや素材を作成するとなると時間も労力もかかってしまいます。あらかじめWebデザイン制作に必要であろう、UIコンポーネントを揃えた素材を利用することで、より手軽にWebデザインを作成することができます。

 

 

今後の制作に活用したい、最近公開された新作無料UIコンポーネント素材をまとめてご紹介します。ダウンロードしたPSDファイルを眺めるだけでも、どのようなテクニックや配色が利用されているのか確認することができます。

 

 

 

詳細は以下から。

 

 

 

最新Webトレンド採用!新作無料UIコンポーネント素材まとめ

 

Sven, Modern PSD UI Kit

モダンな配色にスペースを有効的に活用したUIデザインで、Bootstrapワイヤーフレームに対応したデザインとなっています。

modern-ui

 

 

 

Life Ui Free PSD

大小異なるブロック要素に、余白をうまく利用しながら各コンテンツを表示します。

life-ui-color

 

 

 

PSD Modern UI Kit

半透明ガラスエフェクトが美しく、アウトライン型アイコンなどエレガントな印象が素敵なUIキット。

line-beauty-ui

 

 

 

Publica UI

余白スペースたっぷりにブロック型コンテンツを活用した、トレンドをうまく取り入れたUIデザインキット。組み合わせるだけでモバイル、デスクトップサイトのレイアウトを完成できます。

Publica-UI-Kit-600

 

 

 

Drunken Parrot UI Kit

Bootstrapワイヤーフレームを応用したUIキットで、PSDファイルと一緒にHTMLファイルも収録されているので、Webサイト用スタイルガイドを作成するときにも重宝します。

drunken-parrot

 

 

 

Wilderness UI Kit

アウトドア、野外アドベンチャーを想定したUIデザインは、自然のぬくもりを感じるアース色中心の配色が素敵です。

wildnerness

 

 

 

Candy UI Freebie

タイトルの通りキャンディーのような光沢感をグラデーションで表現した、やや立体感のあるデザインが特長のUIコンポーネント。

colorful-spider

 

 

 

Coloro UI Kit

ビンテージな質感を表現した独特のカラーリングが魅力的で、カードやパネルを使ったデザインが参考になります。

Coloro-UI-Kit-600

 

 

 

New UI Kit

青色を基調とした配色に動画プレイヤーや天気予報ウィジェット、マップ、チャートやグラフなどの機能を備えたUIデザイン。

UIkit

 

 

 

Free UI Kit: Icarus

グリッドレイアウトに並べられたボックスは、各コンテンツ毎にカラフルに色分けされたデザイン。

 

 

 

Coloristic UI Kit

Google新デザインガイド、マテリアルデザインを取り入れたモバイル向けUIキット。

coloristic

 

 

 

Retro eCommerce PSD UI Kit

レトロな配色で統一された、ショッピングサイト用レイアウトに活用したいUIデザインキット。

retro-ui

 

 

 

Surf UI – Sketch Freebie

サーフィンには欠かせない、波の状態をレポートするカード型UIデザインで、Mac用アプリSketch専用ファイルとなっています。

sketch-ui

 

 

 

6 Free Modern iPhone 6 UI Mockup

完成したモバイル用UIデザインを、iPhone 6のディスプレイ画面上に再現できるモックアップPSD6種類セット。

iphone-6-mockup-05

 

 

 

Red Carpet UI Kit

動画や音声ファイルの表紙ジェケットを使った、インタラクティブなUIプレイヤー。

tub_redcarpet

 

 

 

iOS 8 Vector Ui Kit

デザインの拡大縮小が自由なIllustrator用ベクターAi素材で作成された、新OSのUIコンポーネントを一式収録。

ios8-uikit

 

 

 

iOS 8 GUI PSD

ピクセル単位で完全再現されたiOS 8のコンプリートUIデザインキットで、ツイートすることで無料ダウンロード可能。先日ご紹介したこちらのフリーPSD素材もいかがでしょう。

ios-uikit-psd

 

 

 

Apple Watch Apps Concept GUI

コンセプトデザインですが、そろそろ発売が予定されているAppleウォッチのGUIデザインを揃えたフリー素材。

apple-watch-gui

 

 

サムネイル@ : Publica UI kit – GraphicBurger