オリジナルロゴのないサイトはこんなにも寂しい

オリジナルロゴのないサイトはこんなにも寂しい

ロゴ

 

「伝統的ロゴって、おしゃれだと思いませんか?」

 

オリジナル「ロゴ」を作ると、自分のサイトによりいっそう愛着が湧きますよ。簡単に作れますのでぜひチャレンジしていただきたいと思います。ちなみにこの「ロゴ」のことは「favicon.ico」と言いますので覚えておいてくださいね。

 

オリジナルロゴを楽勝で作るための もくじ

 

○前から気になってた「ロゴ」を作ってみた!

 

○デザインを考えるのに参考になるサイトがあった!!

 

○イメージがしっかりしてれば、実際の作業はカンタン

 

 

前から気になってた「ロゴ」を作ってみた!

 

 

 

前から気になっていた「オリジナルロゴ」を実際に
作ってみました。

 

ちょっとしたサイトのサイト名頭部は必ずと
いっていいほどついている「あの絵」です。

 

オリジナルロゴ

 

→当サイトのロゴですホームページの作り方 オリジナルロゴ

 

作って貼り付けてみると、サイトが立派に
見えるだけでなく、自分でも愛着が湧いて
きました。

 

オリジナルロゴ

 

↑↑↑
「オリジナルロゴ」のあるサイトと無いサイト・・
しっかりしてそうな印象があるのはどちらですか?

 

 

お勧めですので、ぜひ挑戦してください。

 

一口に「ロゴ」を作るといっても、自分で
考えるのは至難の業ですよね。

 

いろいろ調べて作ってみましたので
ご紹介します。

 

※調べて作るのに、約一日かかりました。
 特に作ったものをどうやって貼ればいい
 のかがわからず苦労しました。

 

 

 

デザインを考えるのに参考になるサイトがあった!!

 

 

 

最初の取っ掛かりとして、どういうデザ
インにしようか、どういう言葉を入れよう
かまったく手探り状態からはじめました。

 

googleで検索しても何がいいのかよく
分かりませんでした。

 

中でも目に付いたのが、「ロゴ自動
作成サービス」でした。

 

残念ながら外国のサイトでしたので、
日本語のロゴはできませんでしたが、
デザインのイメージはできましたので、
試してみて正解でした。

 

自動作成サービスはこちらから →Logaster

 

※無料でできるのは、小さいアイコンだけ
 ですのでご注意を。

 

logaster

 

ものすごい数のデザインを自動作成
してくれます。

 

ページを繰っていくと、必ず自分の感性
に「ぴぴっ」と来るマークがありますので、
イメージを記憶しておきます。

 

必ずしも同じものを使う必要はないので
「作りたかったイメージ」に限りなく近い
ものを探してゆく作業をするのです。

 

 

 

イメージがしっかりしてれば、実際の作業はカンタン

 

 

 

イメージができたら、具体的に無料
ソフトを検索してロゴを作ってみます。

 

私が使ったのはこちら
 →web制作会社 アフラットの「Button Maker」

 

Button Maker

 

入力した内容を「create」ボタンで
すぐ確認できるため、修正がしやす
かったです。

 

ロゴのサイズは16×16pixが一般的
ですが、あとで加工しやすいように
100×100pixで作成しました。

 

オリジナルロゴ ←こんな感じになります

 

作成したロゴは、ご自身のパソコンにダウン
ロードし、保存します。

 

パソコンで保存したロゴを編集し、100×
100サイズで作成したものを16%の大きさ
に縮小し、再度保存します。

 

(50×50pix以上でしか作成できないので、
後で加工するのです)

 

オリジナルロゴ←バナーも作ってみました(バナーは88×31pixが一般的です)

 

バナーは176×62pixで作成して
1/2の大きさに縮小します。

 

○ 16x16 pix (ウェブブラウザ)
○ 32x32 pix (デスクトップ)
○ 48x48 pix (エクスプローラー)
の3サイズのアイコンを一つのファイルに
保存するソフトもあります。ぜひご活用ください。

 

favicon.icoを作ろう

 

ferret

 

これで、ロゴ作成は終了です。意外と簡単
でしたよね。

 

 

 

初心者の方でも自分でカンタンに、
しかも華やかなヘッダーやバナーを
作れるツールをご紹介します。

 

↓↓「バナープラス」という商品です
bannerplusのイメージ画像
こちらからリンクしてます→バナープラス

 

こんな商品もあるんだって感動
しました。ぜひのぞいてみてください。

 

↓↓こんなバナーがカンタンに作れます!
バナープラスで作ったバナーのサンプル画像

 

私もバナープラスを実際に購入してみて、レビューしました。
ぜひレビューページをのぞいていってください。

 

今すぐ確認する!
    バナープラスは直感的に使えて、高級感を感じる使い心地です!

 

 

 

 

 

→次は ロゴを貼り付けます。ロゴの貼り付けが困難を極めた理由

 

※もし「よかった」と思う記事がありましたら、あなたが使っておられる
 SNSで当サイトをご紹介ください。どうぞよろしくお願いします。

 

 

よく読まれる関連ページ

 

  ↓↓一番左をクリックしていくと、順にサイトを見ることができます

ロゴの貼り付け

ロゴの貼り付けが困難を極めた理由

「Googleが伝える、適切な「alt属性の入力」のススメ」へのリンク画像

Googleが伝える、適切な「alt属性の入力」のススメ

画像取込

webページの画像を取り込む【おすすめ無料ソフト】

バナーの貼り付け

10分でできる!バナーの貼りつけ

 

 


Top相互リンクをいただいているサイトです。

簡単無料ホームページ

簡単に無料でホームページ作成。掲示板、ブログ、アルバム、携帯サイト、メールマガジン、お問合せフォーム、リンク集等の便利機能付き。商用利用もOKです




 
ブログパーツ
トップページ 目次 サイト公開までのプロセス プロフィール お問い合わせ