ページレイアウトから各種エレメントまで、勉強用にも最適なフラットなスタイルのPSD素材のまとめ -PSDchat

ページレイアウトをはじめ、よく使うさまざまなエレメントなど、フラットなスタイルのPhotoshop用のPSD素材をPSDchatから紹介します。

制作にすぐに利用するもよし、勉強用にじっくり見るのもよしの良質素材です。

素材の利用にあたっては個人でも商用でも無料で、クレジット表記は必要ありません。ただし、再販や再配布は禁止です。詳しくはダウンロードファイルの「readme.txt」をご覧ください。

サイトのキャプチャ

Flat Single Page Website

フラットなスタイルの1ページで構成されたポートフォリオやプロダクト用のページレイアウト。各コンテンツはフォルダで管理され、主要なエレメントはベクターなので勉強用にも適しています。

サイトのキャプチャ

Portfolio Template

六角形のグリッドをベースにしたポートフォリオ用のページレイアウト。使用されているフォントは「Maven Pro」と「Lato」でこれらも無料でダウンロードできます。

サイトのキャプチャ

One Page Template

ポートフォリオなどの1ページで構成されたウェブサイト用のレイアウト。ヘッダ・サービス・アバウト・コンタクト・フッタが揃っています。

サイトのキャプチャ

Flat User Interface Kit

フラットなスタイルに合うUIエレメント、メニュー、ドロップダウン、ボタン、ページネーションなどをまとめたキット。タイポグラフィやカラースキームもセットになっています。

サイトのキャプチャ

Transparent App Store Button

美しい半透明のパネルにApp Storeを配置したボタン。フォントやロゴのカラーを変えることで、さまざまなデザインに合います。

サイトのキャプチャ

Flat Media Player

こちらも半透明なパネルを使い、フラットなスタイルにしたメディアプレイヤー。使用さているシンプルなアイコンは「Entypo」。

サイトのキャプチャ

Flat Accordion

ラベル、アイコン、階層、現在位置、補足情報など必要な要素を全て盛り込みシンプルに仕上げたアコーディオン。暖色系のカラースキームも素敵です。

サイトのキャプチャ

Flat Toolbar

Flat Accordionのデザインを継承したツールバーの素材。レッド系のカラーから外れ、目に優しいグリーンを使用しています。タッチスクリーンを考慮し、ホバーとアクティブは同じデザインにしています。

サイトのキャプチャ

Flat Pricing Table

複数のプロダクト・サービスの内容と価格を比較するためのプライシングテーブル。落ち着いた感じのパステルが目に優しいですね。

サイトのキャプチャ

Flat Share Panerl

記事の横に添えるタイプのシェアパネル。PSDがダウンロードできるだけでなく、アニメーション版「Flat Share Panel」もあります。

サイトのキャプチャ

Flat Buttons Set

フラットなスタイルでデザインされたボタン、シャドウ無しとシャドウちょい有りの2種類がセットになっています。PSDの他にCSS版もダウンロードできます。

top of page

©2017 coliss