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

croppy

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

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

Croppy ってどんなサービス?

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

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

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

f5-500x275

Croppyの使い方 | Croppy

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

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

pasiks001321

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

pasiks001323

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

nodu001591

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

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

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

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

nodu001587

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

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

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

pasiks001321

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

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

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

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

nodu001588

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

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

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

nodu001590

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

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

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

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

1.非公開設定

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

2.ユーザー検索機能

nodu001592

現在の状態だと、Stocker さんをフォローしたい場合、検索しても出てこないので欲しいなぁという機能(技術的に難しそうだけども)

3.DISQUSみたいなコメント機能

nodu001593

Cropした下部情報には"みんなどう思ってる?"的な項目があるんですが、ツィートの一覧がされているだけで このCropした情報のコメントを記入する項目がないのでユーザー同士のつながり・コミュとしてあったらいいなぁっとは思いました。

っと生意気に3つほどあったらいいなー機能を述べてみました。

ちなみに、この3つよりも一番気になっているのが 現段階では広告スペースが無いんですよね。('A')

運営の方針で挿入しないのかはわかりませんが、今後導入されていくのであればどのような広告スタイルが表示されていくのか気になるわけです。なんでかって?ここまでシンプルに作りこまれたサイトですから、配置ひとつでデザインをぶち壊す結果にもなりえるので注目しています。

っというわけで、先日から始まりましたCroppy!ぜひWEB屋さんの必須ツールとしてご活用してみてはいかがでしょうか。('A')ノおしまい。