プロフェッショナルなロゴ作成の手順
2009年02月25日-
スポンサード リンク
How to Create a Professional Logo | Webdesigner Depot
プロフェッショナルなロゴ作成の手順、ということで、単にロゴを作って終わりというのではなく、ロゴを作った後々まで考えた上での、プロならではの制作手順が書かれていてなかなか勉強になりました。大まかにメモしてみました。
1. まず紙に書いてブレインストーム
紙なら自由に書けるし、どこでも変更が容易ですね
色々練っておくことで顧客との調整もうまくいきそう
2. イラストレーターなどでベクター化
プリント・拡大/縮小されることなんかを考えて当然、ベクターでデザイン
3. 色合いを決める
依頼者のイメージにあった色合いを作成
「Adobe’s free Kuler service」などを使うと便利。
4. 白黒のバージョンを作る
コピー、FAX等、白黒で使われる場合のための表示確認。
白黒にしたところ、ロゴがつながって読めなくなってしまったなんていうことが実際にありそう(^^;
5. 印刷したときのことを考える
色が多いと部数によって印刷コストがかかる。
実際に印刷してみて、表示を確認する。印刷してPCで見たのと違う感じになったりするので。
6. タイポグラフィ
フォントもグラフィックと同じように重要なのでよく考えてデザインする
WEBデザインだけのロゴであれば、いきなりPhotoshopでラスターでデザインで終わり、というのでもよさそうですが、大きなサイトのロゴであれば以後の発展も踏まえこうした手順を踏んでおくとよさそうですね。
関連エントリ
プロフェッショナルなロゴ作成の手順、ということで、単にロゴを作って終わりというのではなく、ロゴを作った後々まで考えた上での、プロならではの制作手順が書かれていてなかなか勉強になりました。大まかにメモしてみました。
1. まず紙に書いてブレインストーム
紙なら自由に書けるし、どこでも変更が容易ですね
色々練っておくことで顧客との調整もうまくいきそう
2. イラストレーターなどでベクター化
プリント・拡大/縮小されることなんかを考えて当然、ベクターでデザイン
3. 色合いを決める
依頼者のイメージにあった色合いを作成
「Adobe’s free Kuler service」などを使うと便利。
4. 白黒のバージョンを作る
コピー、FAX等、白黒で使われる場合のための表示確認。
白黒にしたところ、ロゴがつながって読めなくなってしまったなんていうことが実際にありそう(^^;
5. 印刷したときのことを考える
色が多いと部数によって印刷コストがかかる。
実際に印刷してみて、表示を確認する。印刷してPCで見たのと違う感じになったりするので。
6. タイポグラフィ
フォントもグラフィックと同じように重要なのでよく考えてデザインする
WEBデザインだけのロゴであれば、いきなりPhotoshopでラスターでデザインで終わり、というのでもよさそうですが、大きなサイトのロゴであれば以後の発展も踏まえこうした手順を踏んでおくとよさそうですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ