ウェブサイトやアプリのデザイン制作は、時間のかかる作業のひとつです。今回は、作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材をまとめてご紹介します。
素材はどれも無料ダウンロード可能となっており、文字テキストや配色、サイズの変更、カスタマイズも自由に行うことができ、あらゆるUIコンポーネント素材が揃っています。また、Retinaディスプレイ対応やミニマルスタイルなど、人気のデザイントレンドをうまく取り込んでいます。PhotoshopやIllustrator、Sketchなど幅広いデザインアプリに利用できる点もポイントです。
、
作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材まとめ
Inspirational UI Elements vol.3
クリエイティブなアイデアをUIデザインで表現した、10種類のコンポーネント素材セット。各ファイルはそれぞれ細かくレイヤー分けされているので、デザイン方法を学ぶのにも最適です。
収録ファイル形式: PSD |
ロケーションを目的としたモバイルアプリ向けUIデザインの画面スクリーンを揃えており、iOS 10にも対応したデザインは幅広い用途にもオススメ。
収録ファイル形式: Sketch |
ヘッダーやナビメニュー、フッターなどの他にもお問い合わせページやチーム紹介など、典型的なページレイアウトも一緒に収録しています。
収録ファイル形式: PSD |
モダンでスタイリッシュな雰囲気を演出できるUIキット。eコマースやポートフォリオサイト、企業向けサイトなど汎用性に優れたアイテム。
収録ファイル形式: Sketch |
モバイルアプリに必要なプロフィール画面を4つの異なるスタイルで表現しています。
収録ファイル形式: XD |
モダンでミニマルなUIキットで、デザイン制作をシンプルにしたいときに役立つアイテム。
収録ファイル形式: PSD | Sketch
落ち着いた配色にすっきりとした見た目を実現したUIキットで、デモバージョンを無料ダウンロードできます。
収録ファイル形式: PSD | Sketch
ウェブサイトで利用することを想定し、12種類のページデザインをUIコンポーネントと一緒にまとめています。制作時間の短縮にもなる、お役立ちアイテム。
収録ファイル形式: PSD | Sketch | XD
Free Header/Hero Backgrounds Slides – Sketch
収録ファイル形式: Sketch |
IMDb Artist Page Concept Sketch Resource
収録ファイル形式: Sketch |
音楽やバンド、フェスティバルなどのイベントを目的とした、エレガントでモダンな見た目を演出できます。
収録ファイル形式: PSD |
Apple が公開している公式リソースで、iOSアプリやiWatch、tvOSアプリ用テンプレートが豊富なファイル形式で揃っています。
収録ファイル形式: PSD | Sketch |
XD
iPhoneで使われているiOS 10を完全再現した素材集で、すべてのUIデザイン以外にも制作を始めやすいテンプレートも収録されています。
収録ファイル形式: Sketch |
それぞれ画面サイズの異なるiPhoneとiPad用iOS 10のUIデザインが用意されており、豊富すぎるファイル形式も嬉しいポイント。
収録ファイル形式: PSD | Ai | Sketch | XD | Figma
先日のWWDCで発表されたばかりの新型OS、iOS 11に対応したGUIキット。
収録ファイル形式: Sketch | Figma | XD
青色とピンク色の組み合わせを中心とした、美しいグラデーションカラーパック。
収録ファイル形式: Sketch |
2017年を代表する鮮やかでネオン色強めのグラデーションカラーをまとめたセット。
収録ファイル形式: Sketch |
デザイン制作で色に困ったときに参考にしたい、いまどきのグラデーションカラーを集めた素材集。
収録ファイル形式: Sketch |
ウェブサイトに利用している配色や書体、文字サイズなどをまとめたスタイルガイド的な素材で、一緒にミニマルなページレイアウトも追加中。
収録ファイル形式: PSD | Sketch
マテリアルデザインのコンセプトを基準に作成した、ダッシュボード向けUIコンポーネント素材セット。
収録ファイル形式: PSD |
収録ファイル形式: PSD | Sketch
ウェブサイトの基本となる42種類のコンポーネントと一緒に、スタイルガイドも用意されたお得な素材セット。
収録ファイル形式: PSD | Sketch
ポップな配色でデザインしたeコマース向けUIコンポーネント素材集。
収録ファイル形式: PSD |
ブログサイトを想定したモバイル向けUIデザインが揃い、合計20種類のスクリーン画面に対応できる素材。
収録ファイル形式: XD |
食べものをテーマに作成されたモバイル向けUIデザインで、料理のレシピやブログ、ログインページなどが揃います。
収録ファイル形式: XD |
写真の加工、編集を目的にデザインした画面スクリーンが揃います。
収録ファイル形式: Sketch |
細いライン線やフルスクリーン写真、フラットカラー、半透明シェイプなど人気のデザイントレンド要素を盛り込んだ、モバイルアプリ向けUIデザインキット。
収録ファイル形式: PSD | Sketch
Find Your Creative – Concept App
収録ファイル形式: Sketch |
音楽プレイヤーを想定した画面スクリーンで、無駄な要素を一切省いたミニマルなデザイン。
収録ファイル形式: PSD |
収録ファイル形式: Sketch |
Appify: Free Mobile App UI Kit vol.1
収録ファイル形式: PSD |
普段から利用するソーシャルメディア関連のモバイルUIコンポーネントが揃い、すっきりミニマルスタイルが特徴。
収録ファイル形式: Sketch |
70種類以上のUIコンポーネントを揃えており、自由にカスタマイズできるので、幅広いプロジェクトに利用できます。
収録ファイル形式: PSD |
LiquidPro: A Free Ui Kit for Photoshop
ウェブサイトやアプリデザインを簡単に作成できる、便利なUIコンポーネントを大量に揃えたスタートキット。
収録ファイル形式: PSD |
Photoshop用アイテムの上記素材と同じコンポーネントを、Sketchファイルで揃えた素材集。
収録ファイル形式: Sketch |
収録ファイル形式: Sketch |
Helen Free iOS eCommerce UI Kit
ファッション系オンラインショップを想定した、高級感のあるゴージャスでオシャレな雰囲気のUIデザイン。
収録ファイル形式: PSD | Sketch
Mobile Apps Freebies – Free UI Kit
5つの異なるアプリを想定し、１７種類のスクリーン画面をデザインしたモバイルUIコンポーネントで、商用利用も可能なアイテム。
収録ファイル形式: PSD | Sketch
Adidas Website Redesign Concept
某有名スポーツブランドのサイトを一新したリニューアルコンセプトで、統一感のあるUIデザインの使い方の参考に。
収録ファイル形式: Sketch |
