Webサイトをデザインするときに活用することで、今っぽいデザインを手軽に完成させることができるPhotoshop用UIコンポーネントやWebページテンプレートPSD素材をご紹介します。
フルスクリーン背景イメージや、マテリアル・デザイン、ゴーストボタン、ハンバーガー型ナビメニュー、カード状レイアウトなど2015年のデザイントレンドを取り込んだアイテムが揃っており、気軽にスタイリッシュなデザインをたのしむことができます。
詳細は以下から。
今っぽいサイトを手軽に作成!無料UIコンポーネント&PSDページレイアウトまとめ
サッカーをモチーフに作成されたUIデザインキットで、試合スコアや順位表、各種選手の詳細情報をまとめたりと本格的な仕上がり。
合わせやすい青色をベースに、シンプルなフラットスタイルで再現された、モバイルアプリ用UIコンポーネント一式。
Retinaディスプレイに対応した、モバイル向けアプリ、ウェブサイト用テンプレート素材セット。ゴーストボタンなどミニマルスタイルが特徴。
やや丸みのあるスタイルに、フラットデザインを加えることで、企業サイトなどでも活用できる万能アイテム。
架空のスーパーヒーローを題材にしたUIコンポーネント素材で、鮮やかな配色はデザインの参考にいかがでしょう。
iOS 8 Wireframing UI Design Kit
iPhoneやiPad向けアプリやウェブサービスを開発するときに使いたい、すべてのデザインコンポーネントを完全再現したUIキット。
モバイル端末向けレイアウトで、オンラインショップや企業サイトのトップページなどに活用しやすいPSDテンプレート素材。
実際にiOS 8で使われているキーボードを忠実に再現しており、ホワイトとダークバージョンの他に、背景が透けた半透明バージョンも一緒に収録しています。
最新版iOSに対応したアイコン素材を手軽に作成できるテンプレート素材で、Apple Watch用アイコンも一緒に収録されています。
発売がたのしみなApple Watch用イラストレーションで、モバイル・アプリでの操作方法などを説明するときにいかがでしょう。
ボックスレイアウトを中心に、使いやすい色使いで作成されたフラットスタイルのUIコンポーネントを収録。
半透明のカード状デザインエレメントを中心に、ミニマルなアイコンを採用するなど、シンプルさにこだわったUIコンポーネント。
基本的なツールとデザインのみを落とし込んだ、プロトタイプ向けPSDデザインテンプレート。
Webサイトで利用されるサムネイルが、マウスホバーでどのように変化するかまとめて確認できます。
無料PSDテンプレート素材まとめ
スマートフォンやタブレットなどあらゆる端末でのレイアウトに対応する、オンラインストア向けテンプレート素材。全部で64種類にも及ぶレイアウトが収録されているので、サイト制作に迷ったら目を通したいアイテム。
幅広いWebサイト制作に利用できるシングルページ完結型レイアウトで、Googleフォントを利用するなどカスタマイズ性にも優れたアイテム。
左スライド式ナビメニューを採用し、モバイル向けレイアウトも一緒に収録したエレガントな印象のWebページテンプレート素材。
Creative Minimal Agency Webpage
各要素の背景にイメージ写真を利用するなど、クリエイティブな表現が可能なウェブサイト用テンプレート素材。
デザインスタジオ向けポートフォリオサイト用テンプレートで、ブロックレイアウトを利用したスタイリッシュな雰囲気が魅力です。
イメージ写真をたくさん利用するフォトグラファーなどにオススメしたい、ビジュアルを重視したレイアウトが可能なポートフォリオ向けテンプレート。
One Page Restaurant PSD Template
レストランやカフェなどに使えるメニュー表などが用意された、ランディングページ向けPSDテンプレート。
シンプルで使い勝手の良いランディングページ向けレイアウトで、Arviテンプレートの同じデザイナーが作成しています。
Company Landing Page PSD Template
企業向けサイトを想定した、親しみやすい配色が素敵なウェブページ用PSDテンプレート素材。
情報をまとめて表示したいときに便利な、ランディングページ向けPSDテンプレート素材。各種コンテンツが用意されており、自由な並び替えも可能。
ヒーローヘッダーにはじまり、ポートフォリオ向けギャラリーやお問い合わせフォームなど必要最低限のUIコンポーネントが一式揃ったレイアウト。
人口知能を使って自動でWebサイトを作成できるオンラインサービス、The Gridのサンプル用PSDテンプレート素材セット。詳しい詳細は、こちらのエントリーで触れています、参考にしてみてはいかがでしょう。
不動産関連のサイト制作に参考にしたいテンプレート素材で、PSDファイルの他にBootstrapをフレームワークに使ったHTMLファイルを同時に収録しています。
サムネイル@ : Number One UI Kit – PixelBuddha