Webサイトやモバイルアプリのデザインを作成するときに、すべてのパーツや素材を作成するとなると時間も労力もかかってしまいます。あらかじめWebデザイン制作に必要であろう、UIコンポーネントを揃えた素材を利用することで、より手軽にWebデザインを作成することができます。
今後の制作に活用したい、最近公開された新作無料UIコンポーネント素材をまとめてご紹介します。ダウンロードしたPSDファイルを眺めるだけでも、どのようなテクニックや配色が利用されているのか確認することができます。
詳細は以下から。
最新Webトレンド採用!新作無料UIコンポーネント素材まとめ
モダンな配色にスペースを有効的に活用したUIデザインで、Bootstrapワイヤーフレームに対応したデザインとなっています。
大小異なるブロック要素に、余白をうまく利用しながら各コンテンツを表示します。
半透明ガラスエフェクトが美しく、アウトライン型アイコンなどエレガントな印象が素敵なUIキット。
余白スペースたっぷりにブロック型コンテンツを活用した、トレンドをうまく取り入れたUIデザインキット。組み合わせるだけでモバイル、デスクトップサイトのレイアウトを完成できます。
Bootstrapワイヤーフレームを応用したUIキットで、PSDファイルと一緒にHTMLファイルも収録されているので、Webサイト用スタイルガイドを作成するときにも重宝します。
アウトドア、野外アドベンチャーを想定したUIデザインは、自然のぬくもりを感じるアース色中心の配色が素敵です。
タイトルの通りキャンディーのような光沢感をグラデーションで表現した、やや立体感のあるデザインが特長のUIコンポーネント。
ビンテージな質感を表現した独特のカラーリングが魅力的で、カードやパネルを使ったデザインが参考になります。
青色を基調とした配色に動画プレイヤーや天気予報ウィジェット、マップ、チャートやグラフなどの機能を備えたUIデザイン。
グリッドレイアウトに並べられたボックスは、各コンテンツ毎にカラフルに色分けされたデザイン。
Google新デザインガイド、マテリアルデザインを取り入れたモバイル向けUIキット。
レトロな配色で統一された、ショッピングサイト用レイアウトに活用したいUIデザインキット。
サーフィンには欠かせない、波の状態をレポートするカード型UIデザインで、Mac用アプリSketch専用ファイルとなっています。
6 Free Modern iPhone 6 UI Mockup
完成したモバイル用UIデザインを、iPhone 6のディスプレイ画面上に再現できるモックアップPSD6種類セット。
動画や音声ファイルの表紙ジェケットを使った、インタラクティブなUIプレイヤー。
デザインの拡大縮小が自由なIllustrator用ベクターAi素材で作成された、新OSのUIコンポーネントを一式収録。
ピクセル単位で完全再現されたiOS 8のコンプリートUIデザインキットで、ツイートすることで無料ダウンロード可能。先日ご紹介したこちらのフリーPSD素材もいかがでしょう。
コンセプトデザインですが、そろそろ発売が予定されているAppleウォッチのGUIデザインを揃えたフリー素材。
サムネイル@ : Publica UI kit – GraphicBurger