【WEB屋必見】気になるWEB上のデザインを切り抜きストックできるCroppyが面白くて便利！

2011年10月27日 (木) カテゴリ：お役立ち情報【ツール・WEB】

croppy

秀逸なデザインのWEBサイトだったり、ロゴだったり、バナーだったりするパーツだけをスクリーンショットのように切り抜いてストックすることができるCroppyをご紹介。

WEBデザイナー・フォトグラファーとして有名な Stocker.jp さんが運営しており、Croppyについては全てWordpressで構築したそうです。（もう、MTは完全に・・・）
Webデザインや配色をサポートする新サービス | Croppy（クロッピィ）

Croppy ってどんなサービス？

('A') 『あっ、このWEBサイトかっこいいなー！保管しよう』

っと思った時、あなたならどうしてますか？Evernote で管理したり、スクリーンショット機能を使って画像で管理したり、あとで読むなどブラウザにしまっておく人もいるでしょうかね。

まぁ、人それぞれだとは思うんですが　その保管方法に１つ増えるのがこのCroppyというサービスでございます。

Croppyの使い方 | Croppy

気になったサイトのURLをCroppy上に貼り付けて、自分が欲しい部分を切り抜きするだけ！なんとまぁ簡単なんでしょう。

めんどくさがり屋の自分にとっては、まず使いやすいという点が一番なのでこの手軽さは本当に魅力ですね。もちろん、ヘルプも可愛いキャラクターが説明してくれています。（使い方のページがわかりやすすぎるので、今回うちのブログでは使い方の説明は割愛させてもらいます。）

試にうちのブログのロゴをCropしてみました。

URLを入力して、どのデザイン部分を選択するか範囲を決定します。

PAKUTASO(ぱくたそ)-WEB制作デザイン向けの無料写真素材/商用可能 | Croppy

こんな感じで、出典から色彩分析まで閲覧することができるね。便利だよね。

Croppyの素晴らしい点をいくつか挙げてみます。

1.twitter・facebook　アカウントを利用して自分のスクラップを作れる。

OAuth認証があるかないかの手軽さは便利ですよね。ログインすると自分だけのスクラップを作れたり、お気に入りやの追加、Croppy上で気になる人をフォローしたりすることができます。

この辺もWPのプラグインで実装しているみたいなので、是非構築模様なんかの記事があったら見てみたい限りです。

2.シンプルな設計でかつ、丁寧なナビゲーション

↑　この画面は画像を切り抜いた後に入力するフォームなんですが、ヘルプが項目ごとにわかり易く書かれています。

こういったさりげない気配りがサイト利用のストレス軽減につながり、直帰率防止になるんでしょうね。

こういったサービスって実際に現役のWEB屋さんが開発しているからこそできるんだろうなと思う訳です。

3.デザインをクリップしていくだけでなく、色彩分析までしてくれる

気になるデザインを保管していくと、実際にそのデザインをベースにする際（参考にする際）どうしても使用されている色彩情報が必要になります。

Croppyでは、デザインを保管すると同時にそのデザインで使われている色彩分析までしてくれるんです。('A')　YUKIさんの作った、Web Site Color Picker だとページ自体に使われているカラーが抽出される設計なので余計なノイズまでがカラーとして出力されることもしばしば、、その点Croppyは個別にデザイン部分をチョイスするので精査されたカラーが抽出される感じだね。

4.いろんな人がCropしたデザインが見れる。

自分のスクラップ情報は各カテゴリごとに登録されていき誰でも閲覧することができるんですね。

いろんな人が追加したデザインなどを参考にすることができるので、自分が気に入った情報の保管以外にも利用することができるわけです。('A')

っとまぁ、こんだけサービス盛りだくさんなツールを無料にて公開しているstockerさんに感謝ですね。

さらにこんな機能が欲しいー！

1.非公開設定

っとわがまま言ってみますと、非公開設定が欲しいですね。ストックした情報がすべて公開されてしまっても　まぁ問題はないんですが、一部公開したくないなぁーっというデザインってあると思うんです。個人的に言うとアダルトサイト系は全てのデザイン・集客・マーケティングに優れている　のでかなり参考になるんで、ストックとして公開すると『ちょっと・・・・』ってなわけです。ｗ