ページレイアウトから各種エレメントまで、勉強用にも最適なフラットなスタイルのPSD素材のまとめ -PSDchat
Post on:2013年11月22日
sponsors
ページレイアウトをはじめ、よく使うさまざまなエレメントなど、フラットなスタイルのPhotoshop用のPSD素材をPSDchatから紹介します。
制作にすぐに利用するもよし、勉強用にじっくり見るのもよしの良質素材です。
素材の利用にあたっては個人でも商用でも無料で、クレジット表記は必要ありません。ただし、再販や再配布は禁止です。詳しくはダウンロードファイルの「readme.txt」をご覧ください。
フラットなスタイルの1ページで構成されたポートフォリオやプロダクト用のページレイアウト。各コンテンツはフォルダで管理され、主要なエレメントはベクターなので勉強用にも適しています。
六角形のグリッドをベースにしたポートフォリオ用のページレイアウト。使用されているフォントは「Maven Pro」と「Lato」でこれらも無料でダウンロードできます。
ポートフォリオなどの1ページで構成されたウェブサイト用のレイアウト。ヘッダ・サービス・アバウト・コンタクト・フッタが揃っています。
フラットなスタイルに合うUIエレメント、メニュー、ドロップダウン、ボタン、ページネーションなどをまとめたキット。タイポグラフィやカラースキームもセットになっています。
美しい半透明のパネルにApp Storeを配置したボタン。フォントやロゴのカラーを変えることで、さまざまなデザインに合います。
こちらも半透明なパネルを使い、フラットなスタイルにしたメディアプレイヤー。使用さているシンプルなアイコンは「Entypo」。
ラベル、アイコン、階層、現在位置、補足情報など必要な要素を全て盛り込みシンプルに仕上げたアコーディオン。暖色系のカラースキームも素敵です。
Flat Accordionのデザインを継承したツールバーの素材。レッド系のカラーから外れ、目に優しいグリーンを使用しています。タッチスクリーンを考慮し、ホバーとアクティブは同じデザインにしています。
複数のプロダクト・サービスの内容と価格を比較するためのプライシングテーブル。落ち着いた感じのパステルが目に優しいですね。
記事の横に添えるタイプのシェアパネル。PSDがダウンロードできるだけでなく、アニメーション版「Flat Share Panel」もあります。
フラットなスタイルでデザインされたボタン、シャドウ無しとシャドウちょい有りの2種類がセットになっています。PSDの他にCSS版もダウンロードできます。
sponsors
