TECHNIQUE

【まとめ】知らないと損!デザイナーの業務に必要なホームページ

今日はデザインをする上で欠かせないサイト&ツールを紹介します。
プロの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デザインを!
ビジュアルリテラシーでは働くデザイナーを応援しています。

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA





アーカイブ

ページ上部へ戻る