TECHNIQUE
8.262011
【まとめ】知らないと損！デザイナーの業務に必要なホームページ
今日はデザインをする上で欠かせないサイト＆ツールを紹介します。
プロのWEBデザイナーもデザイナーの卵でもサイトを作成するにあたり悩むことってありますよね？
そんな皆様の悩みが少しでも解消されればと思い、調べてまいりました！
デザイナーが知っておかないと損するツールまとめ
| 名前 | 用途 | 特徴 |
|---|---|---|
| Online HTML Editor | HTML | リアルタイムでプレビューができるHTMLエディタ。 Dreamweaverやホームページビルダーいらずでプレビューできます。 |
| Realtime HTML Editor | HTML | こちらもリアルタイムで表示が確認できるHTMLエディタ。 HTMLがブラウザ上でどのように表示されるかをすぐに確認できます。 |
| Typetester | フォント検索 | オンラインで、セレクトボックスで確認しながらフォントの設定ができるサイト。 フォントを設定し、文字を入力するだけでフォントの文字体が一瞬で分かる。 |
| Firebug | コーディング | コーダーにはもはや必須ツールとなっているサイト。リアルタイムにCSS、HTMLの表示を確認しながらコーディング作業が可能。また、JavaScriptのデバッグと分析もできる。 |
| Urbanfonts | フォント探し | ジャンルがそれぞれ分けられており、8000以上のフォントがダウンロードできるサイト。 |
| What the Font? | フォント探し | 「このフォントは何だろう？」や「このフォントのライセンスが知りたいけど・・・」といった困ったことに対応してくれるのが、このフォント調べサイト。画像ファイルをアップロードすることで、それに近いフォントを検索してくれる。 |
| IconFinder | アイコン探し | 全部で69123個と多くのアイコンが登録されているサイト。多種多様なアイコンからお目当てのアイコンを探す事が可能。 |
| Find Icons | アイコン探し | 現在、30万個以上ものアイコンから検索できるアイコンサイト。日本語での検索に対応している。検索結果の量・質ともに実用に役立つレベル。 |
| Colourlovers | カラーツール | 最近のカラーのパターンやトレンドといったウェブデザインから使われているカラー構成をピックアップして紹介するカラーサイト。 |
| kuler | カラーツール | 様々な色の組み合わせ、配色パターンをWebブラウザー上で作成して、保存・公開もできる、一風変わったサービス。 |
| DeviantART | インスピ レーション |
10年以上運営しているデザインのコミュニティサイト。様々な方の作品があるのでデザインする際の参考になる。 |
| Ember | インスピ レーション |
WEBデザインからグラフィックデザイン等について、インスピレーションを得たり共有することができるサイト。 |
| Best Web Gallery | ウェブ デザイン ギャラリー |
海外のWEBサイトを多く掲載しているWebギャラリーサイト。 |
| Cacoo | ワイヤー フレーム作成 |
ワイヤーフレームやネットワーク図が簡単に作成できるサイト。要無料アカウント登録。 |
| Designers Toolbox | ワイヤー フレーム作成 |
バナー作成をする際に非常に便利なサイト。色んな形の素材をダウンロード可能。 |
| FavIcon Generator | 便利なジェネレーター | ファビコンがウェブ上で簡単につくれるサイト。右側にあるカラーピッカーで色を選び、ドット状の升目になっているキャンパスに絵を描いた後にダウンロードして画像を保存するだけでOK。 |
| pForm | 便利なジェネレーター | スタイリッシュなフォーム作成を簡単にできるHTMLフォームジェネレータ。 |
| Browsershots | ブラウザ | ほぼブラウザ全てを網羅した、ブラウザでの表示確認サイト。ただし全種類のブラウザ画像を生成するようにしているするとかなり時間がかかる。 |
| Spoon Browser Sandbox | ブラウザ | 上記に同じくブラウザ表示確認サイト。 |
| Dropboxr | ファイル管理 | WEB上に自分専用のハードディスクを持つことのできるオンラインストレージサービス。 |
| Google docs | ファイル管理 | リアルタイムでシェアできるオンラインドキュメント。カレンダーやプレゼンの資料も管理・共有できる。企業で利用しているところも多い。 |
| Quickly Code | チートシート | 数多くのチートシートがアーカイブされているサイト。チートシートとはカンニングペーパーという意味を持つ。 |
| DevCheatSheet | チートシート | 上記と同じくチートシートサイト。 |
| W3counter | 解析サイト | 無料のウェブサイト解析サイト。サイトを利用するユーザーはどのような傾向か？なども調べられるのでマーケティングに利用するのに最適。 |
| PHOTOX | オンライン イメージ エディタ |
オンライン上で画像の編集が出来るサイト。使い方がPhotoshopに似ている。 |
| Are My Sites Up? | その他 | サイトがダウンがした時などに知らせてくれるサイト。 |
調べてみると見事に英語圏のサイトがばかりになってしまいましたが、デザイナーの方ならきっと使いこなせる・・はずです！
この中で特に面白いなぁと感じたのが IconFinder です。
英語で検索すると膨大な数のアイコンが・・・見ているだけでも楽しめます＾＾
上記のサイト＆ツールを駆使し、素敵なWEBデザインを！
ビジュアルリテラシーでは働くデザイナーを応援しています。
コメント
この記事へのトラックバックはありません。
この記事へのコメントはありません。