Autopagerize+DownThemAll!を使ってインスピレーション用データ作成

ちょっとした空いた時間を有効に使ってみる。クリエイティブのお仕事している人には、さまざなデザインをするという作業において、ビジュアルはとても重要だと思う。そんなビジュアルでいいアイデア・デザインを頭の中で湧かせるために、さまざまな資料・写真などに目を通す、そうしたものからインスピレーション得てみる。しかも、好きな場所で好きな時間(暇な、ちょっと空いた時間)に。

slide_jpg

caption

今回は、ちょと暇な時間を有効に使えるように、インスピレーション用データの収集と作成について考えてみたことを紹介します。

iPod ,iPod Touch, willcomをスライドビュ−ワーとして使う

CSSギャラリーからキャプチャイメージ、そしてFlickrのお気に入りのユーザー・タグから写真を集めて、それをiPod ,iPod Touch, willcomなどにデータ転送。画像ビューワーでスライドで見るようにし、インスピレーションを得るようにする。

iPod ,iPod Touch, willcom、本来の使い方は、音楽を聴いたり、電話やメールとしての機能が目立つが、イメージ(写真)とつなげあわせてみると、

「スライドビューワー = インスピレーションを得るためのツール」としての役目も考えられる。使わない手はない、というより、使えるようにデータだけ用意しておくのがいいと思う。

空いた時間を使って、いいアイデアやデザインが頭の中でできるかもしれない。また、メールなどで細かい字を読み飽きた時にも意外といいかもしれない。他には、デザインを考え出す時にちょっとした行き詰まりを感じたら、環境を変えて、インスピレーションを得てみるのもいいかもしれない。

実行してみようと思うとちょっとした手間がかかる。できるだけ効率よく準備する方法を考えてみました。

必要なもの(Windowsユーザー)

※マックの方は、ちょっと圧縮縮小ソフトを探してみてください。

作業手順

  • AutoPagerizeを使って、対象サイトを数ページ表示する。
  • 拡張機能DownThemAllを使って、表示ページのイメージを一気にダウンロードする(最高400枚前後のイメージ)。
  • サイズ縮小、圧縮率変換ソフトを使って、見やすいサイズと最小サイズに変換。
  • メディアプレーヤーに転送。
  • スライドショーでイメージを見る

作業方法

例えば、CSSmania (CSSギャラリーサイト)にて、

[1].

AutoPagerizeを使って、一気に数ページを開く(図参照)

cssmanialong_jpg

autopagerizeを使うことで、一気に何ページも表示することができる。DownThemAllは、ページに表示されているリンクから画像などを指定して取得、ダウンロードすることができる。

[2].

DownThemAllを拡張機能にインストールすると、右クリックでダイアログに二つの機能コマンドが増えるので、対象ページで右クリック→DownThemAllを選択する。
downthemeall2_jpg

選択すると以下のようなウインドウが立ち上がる。jpg拡張子のみをダウンロードするように指定し、あとは、開始ボタンを押すだけで、ダウンロードされる(保存先フォルダも指定可能)。※クリックで図拡大・縮小します。

この拡張機能、イメージ画像にして400枚前後しか認識できないので、程よい画像数を表示するようにする。

downthemeall3_jpg

caption

[3].

ダウンロードした画像(イメージ)をメディアプレーヤーで見やすい大きさにサイズ変更、そして圧縮率を変えて、ファイルサイズを小さくする。

目安:willcomで閲覧していますが、画像サイズをw500ピクセルぐらいの大きさに変換してあげるといいです。もちろん、小さい画像を大きくするとぼやけますが、インスピレーションを得るというレベルでは十分だと思います。

[4].

サイズ変更したファイルをメディアプレーヤーに転送し、スライドで見る。(ちょっとした暇な時間など)

willcomslide_jpg

caption

Flickrなども同じ要領で画像をダウンロードできます。
※写真は、できるだけ最初から大きいサイズのものが好ましいと思います。できれば、あまりサイズ変更などで解像度を下げないのが好ましいです。

個人のアルバム表示やサーチでの検索結果表示ぐらいで表示される大きさがベストかと思います。もちろん、AutoPagerizeに対応しているので、何ページでもダウンロード表示可能です。

Flickrに関しては、URLを指定して、こちらのImageGeter(WindowsNT/2000/XP/Vista / インターネット&通信)というソフトを使ってみても早くダウンロードできます。バックグランドで動かしておくといいかと。

いろいろと考えて、試してみた結果、この方法が一番ベストかと思います。

マメにこうしたデータを作成しておくことで、暇な時間を有効に使うことができます。また、携帯電話やメディアプレーヤーの違った活用方法なども生活の中に取り入れることによって、いいアイデアなどが生まれるかもしれません。

WEBデザイン制作に役立つリソースとAutopagerize 対応SITEINFOにて、紹介しているCSSギャラリーサイトは、ページ全体が見やすいギャラリーサイトを中心に選んで紹介しています。

何か他にも効率のいい方法があれば、トラックバックなどで教えてください。よろしくお願いします。

トラックバック(0)

このブログ記事を参照しているブログ一覧: Autopagerize+DownThemAll!を使ってインスピレーション用データ作成

このブログ記事に対するトラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/418

コメントする

アイテム

  • ff-logo-big

    ff-logo-big: firefoxロゴ

  • fmtube_image

    fmtube_image: fmtubesキャッチイメージ

  • mock.jpg

    mock.jpg: fm+tubesのモックページ(デザインレイアウト)。最終的にはこのスタイルでマルチブログで展開してみる構想。

  • mtdeinfo

    mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。

  • mytumblr

    mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです

  • caputure_contextmenu

    caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する

  • tumblrgallery

    tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。

  • psdtuts

    psdtuts: http://psdtuts.com/のイメージ画像

  • designflavor.

    designflavor.: http://www.designflavr.com/のイメージ

  • entrymain_template

    entrymain_template: ブログ記事の概要は、インデックステンプレート、ブログ記事のリスト(アーカイブテンプレート)、検索結果(システムテンプレート)の3つのテンプレートで共通に使われています。それぞれのテンプレートでの表示内容の違いをイメージに表してみました。

このブログ記事について

このページは、スカイが2008年1月11日 06:44に書いたブログ記事です。

ひとつ前のブログ記事は「WEBデザイン制作に役立つリソースとAutopagerize 対応SITEINFO」です。

次のブログ記事は「フォトショップ(photoshop)の使い方:iPhoneモック作成チュートリアル」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。