Facebookページのデザインが捗るGUI PSDキット

スポンサーリンク

みなさん、Facebookページ作ってますか?
共著「Facebookページ プロフェッショナルガイド」もめでたく3刷までされ、是非お手にとってFacebookページを実際に作っていただけたらなぁと思っています。
それは兎も角、そんなFacebookページでiFrameコンテンツを作る際に役立ちそうなPSDファイルがありました。

作る際に便利というか、厳密に言えばデザインするのに捗ること間違いないだろっていうものです。

iFrameコンテンツに限らず、Webサイト、ケータイサイト、スマートフォンサイトなど、ことWebデザインに関しては、必ずデザインのモックというかカンプというか、要はPhotoshopなどの画像編集ソフトウェアで、完成したデザインをまるっと作る作業を行います。

この作業のとき、通常のWebデザインなら別段問題ないのですが、FacebookページだとiFrameコンテンツの周囲にFacebooのデザインがありますから、ただiFrameコンテンツのデザインだけを作り上げても、いまいちイメージが湧きづらいんですよね。

「だったらFacebookページのキャプチャでも撮ってはめればいいじゃない」

っていうのもあるんですが、いかんせんキャプチャだとあんまり効率的じゃないかなと。

で、こちら。

Free Full Layered Facebook GUI PSD Kit

フリーで使える「Free Full Layered Facebook GUI PSD Kit」というPSDファイルです。

FacebookのGUIがまるっと完全再現されています。
Facebookページだけでなく、Facebookアプリケーションを制作する際のデザイン作業にも使えます。ただし英語ですが・・・。

でもこういう形のモノがあれば、デザイン作業でも便利ですが、例えばFacebookページなりFacebookアプリケーションの提案書だったり仕様構成書だったりを作る時にも何かと役に立ちそうですよね。

以下のサイトからダウンロードできるので、是非試してみて下さい。

追記
この記事を公開してすぐに、Facebookページのレイアウト変更があって、微妙に使えない状態になっていましたが、新しいレイアウトのFacebookページ用GUI PSDキットが公開されていました。
新しいものは下のリンクからどうぞ。
Freebie: Facebook Fan Page GUI PSD – Smashing Magazine

「Facebook」新着記事

Facebookアプリで3D写真投稿機能をONにするには? 試してみたら本当にできた件

Avatar for ホシナ カズキ

ホシナ カズキ

Facebookの「Send Button」を独自ボタンで実装する方法

Avatar for ホシナ カズキ

ホシナ カズキ

知ってた? Facebookを操作するキーボードショートカットまとめ

Avatar for ホシナ カズキ

ホシナ カズキ

Facebookのソーシャルプラグインを表示するJavaScript SDKを書き換えよう

Avatar for ホシナ カズキ

ホシナ カズキ

大幅に変更されたFacebookページの新デザインが徐々に開放されてきましたね

Avatar for ホシナ カズキ

ホシナ カズキ

もっと見る

モバデビモバイルウェブのネタ、ニュースMaciPhoneなどのApple関連、WordPressのことなど、いろいろ書く雑食系ブログメディア。
ためになるかもしれないし、ならないかもしれない。そこそこ更新してますそこそこ。

このブログについてもっと詳しく