WEBデザインの収集をするなら「Clipular」が便利!

こんにちは!デザイナーの波塚です。
先日、駒込駅近くにある「六義園」(りくぎえん)に行ってきました。春の季節になると風物詩の大きなしだれ桜を観ることができ、夜のライトアップではなんとも言えない美しさがあります。
夜桜は今まであまり観る機会がなかったのでとてもいい刺激になりました。
さて、今回はWEBサイトのデザイン収集に役立つこと間違いなしの「Clipular」の使い方についてです。ブラウザのスクリーンショットをオンラインで保存しておけるツールで、Chromeの拡張機能として利用でき便利です。

デザインの引き出しを増やすためにWEBサイトのメモやパーツごとにデザインを収集する時に便利です!

目次

  • WEBサイトデザイン収集に便利な「Clipular」とは?
  • 「Clipular」を登録する方法
  • 「Clipular」の使い方
  • まとめ

 

WEBサイトデザイン収集に便利な「Clipular」とは?

「Clipular」ではWEBサイトのスクリーンショットをオンラインで保存することができるツールです。
https://www.clipular.com/welcome

「Clipular」に登録して、実際にデザインを収集する時はChromeの拡張機能と連携して使う形です。
とても手軽にWEBサイトのデザインを収集できるのでオススメです!

「Clipular」を使うメリット

  • Chromeの拡張機能として手軽に使える
  • パーツごとのデザインを集めるのに適している
  • 保存したスクリーンショットを簡単に共有できる
  • 保存したスクリーンショットをタグで管理できる

「Clipular」を登録する方法

Clipular

「Clipular」のサイトに登録する

「Clipular」のサイトを開いたら、「GET STARTED」を押してユーザー登録をしてください。
登録はFacebookまたはGoogleアカウント、メールアドレスでも可能です。

 

「Clipular」のChrome拡張機能を入れる

実際にスクリーンショットを保存するためにChromeウェブストアから拡張機能をダウンロードします。

拡張機能ダウンロードはこちら↓

https://chrome.google.com/webstore/detail/screen-capture-screenshot/cjbjepchlgclmpinlbbeinajphohgfod

これで使う準備は完了です。

 

「Clipular」の使い方

使い方は簡単で「クリップを保存する」「管理する」の2つのみです。

選択した部分だけをクリップ保存する

拡張機能ボタンから「ハサミアイコン」をクリックすると選択した部分をクリップすることができます。
好きなパーツだけを保存する時に使います。

見えている部分をクリップ保存する

「カメラアイコン」をクリックすると表示されているブラウザ画面をクリップ保存できます。

クリップを管理する

保存したクリップを管理する時は右側のアルバムのようなアイコンをクリックします。

 

まとめ

デザインを収集するツールは様々ですが「Clipular」はできることが限られている分、使いやすさに特化しているように感じます。
特にWEBサイトをパーツごとにストックする際にとても重宝するツールなのでこれからも活用していこうと思います。

  • シェア
  • twitter
The following two tabs change content below.
波塚浩平

波塚浩平

デザイナー&コーダー株式会社インファクト
デザイナーの波塚です。昔からものづくりが好きで、なんでも自分でつくりたくなってしまうことが多いです。好きな言葉は「若いときに流さなかった汗は、老いてから涙となって返ってくる」です。後で後悔しないよう、今を全力で突き進みます!
  • twitter
  • このエントリーをはてなブックマークに追加
  • Pocket
PAGE TOP
LINE it!