ヘッダーロゴのデザイン

今回は、サイトのヘッダーロゴを苦戦しながらデザインした経緯を書き残そうと思う。
ほんと大変だった。挫折するかと思た。(もう)

そういえば「なにか書きたい。」のロゴを作ったときも、まったくアイディアが浮かばなくて苦戦したんだよね。でも当時書いた記事を見るとなんか楽しそうにやってたわ。笑

この時よりずっと「作字」とか「タイポグラフィ」とか「ロゴデザイン」などなど、文字デザインに憧れまくっていた私、案はまったく浮かばないしイラレもうまく使えないのに、一からデザインしてみようとするなど、なかなか迷走した。


でも最初はよかったのよ。
サイト名とドメイン名を考えてるときにめっちゃ可愛いフォントを見つけてたしさ。

ABつるまるフォント

引用:Adobe Fonts|ABつるまる

カワイイ!
かわいいよね、最高だよね!世界観スキ!

よし、私はこのフォントをサイトのタイトルにするぞと。このフォントありきでドメイン吟味したりして。

どれもかわいい

ヘッダーロゴも最初はほんとにただタイトルを打って字間詰めただけのものを作成。

以前のヘッダーロゴ

かわいい!

…でもなんか

もうちょっと「自分で作ったぞ」みたいなのほしいな(フラグ)
もうちょっと「ats」が丸っぽくシュッとならないかな?

と、ここでまさかの【自分で一から作字してみる】という「初心者がいきなりそこいく!?」みたいな一歩を踏み出してしまう我。

「一から作字するんだから!」
と、ラフスケッチを描いてみたり

ラフスケッチ

自分センス無~~~~~~!😭💢
ペンツールうまく使えないツラぁ!
デザイン系の学校に行っていればよかった!
美術あんなに好きだったのになんでそっちの道に進まなk(略)

と、自暴自棄になってみたり
PCを見たくない日々に突入したり。

投げ出される「新しい発信をしよう」という本来の目的…。

(このままではいけない)
ある日なんとか重い腰を上げ、改めて最初のロゴを見てみると。

…やっぱこのフォント可愛いよな。
このフォントを元に、他のフォントでいい感じの「ats」を探してくればいいんじゃないか?(復活の兆し)

いい感じの「ats」を探してきた図

気持ちが前向きに変わると受け取る情報も変わるもので、フォントの線の太さが簡単に変えられることがわかったり、それまでは「絶対ムリ!」と思っていたような操作がチャチャッとできるようになったりした。

お、いいんじゃない!?
完成じゃない!?

が、またもや聞こえてくるネガティブ私の声

ただ別のフォント入れてNの形ちょっと変えただけじゃん
デザインしてないじゃん
あと「a」の形がちょっと嫌!

…😂

でもさ〜、、どうすりゃいいのよ。
この文字列、私のセンスじゃロゴっぽくできないし、「a」だって何度も描いてみたけどしっくりこなかったもん。

文字のまわりをモクモクさせるしか思いつかん…

試行錯誤中のアートボード笑

右上のモクモクから月が顔を出してるみたいにして…
でもそれって全体見たときかわいいか?バランス悪くn

(突然のひらめき)

ちょっとまった、「com」って形、ギュッと寄せるとなんとなく雲っぽくない!?「m」とかモクモクしてるし!
「コム」って音も「くも」っぽいじゃん!(笑)

おお!いいやん!
なんかちょっとデザインした感あるやん!
いいんじゃないすか!? ねっ!

やった〜できた〜♪
できた〜でき

なんかでこぼこしてる

ッ…

確かに。

うーん、なんだろう。
「N」が…「n」だと収まりいいかもなぁ。
(Nの形変えるの苦労したけど泣)

でも「ABつるまる」の「n」は可愛いけど、頭に持ってくるとなんとなく「n」に見えなくてやめたんだよな。

こんな形にできたらいいのに。

くるんとなってるところ、他の字と揃えてペンツールで描くのムズ…いや、まてよ、他の文字に使われてるパーツを解体して「n」の形にすればいいのでは!?

てかそこにある「u」!
ほとんど「n」じゃん!

キターーーーーーー!!

カワイイ!
カワイイ!

やっと手放しでカワイイと思えるのきた!
収まりもいいよ!

ちょっと華奢なところが気になるし
じっと見てると線の太さがバラバラな気もしないでもないけど…

いいのいいの、初心者だし!(終わらんし!)
はい終〜了〜!


がんばりました。よくできました。
ちなみに本名が「菜月」なので月を入れてます🌙

デザインするって本当に大変なことだな。最近は街のあちこちでロゴを見かける度に「めちゃくちゃ悩んでこの形にしたんだろうなぁ…」と畏怖の念を抱いたりしてる。笑 どれくらい試行錯誤の段階踏んでるのか見てみたいな。

デザイナーさんってすごい。
自分のニーズを満たすのもこんなに大変なのに、対クライアントさんとか、考えただけでクラクラくるyo。

かくしてようやく「natsuki.com」での発信ができるようになったのであった。

  • URLをコピーしました!
  • URLをコピーしました!
もくじ