ご覧頂きありがとうございますにっこり



KAZU
島根県松江市 複業webデザイナー
普段は眼科で視能訓練士として働いています目

このブログでは働きながらwebデザインの勉強を始めた私の学びの記録やサービスのご案内、
制作物やCanvaを使ってできることを綴っていく予定です飛び出すハート

同じようにwebデザインを勉強中の方、
複業を検討中の方、働くお母さんのヒントや
笑いになればと思っていますよだれ


長すぎる自己紹介はコチラ
◾️自己紹介前編
◾️自己紹介後編







私のダメすぎるロゴ遍歴を公開中です

▼▼▼

第①話はこちら

第②話はこちら

第③話はこちら

第④話はこちら

第⑤話はこちら

第⑥話はこちら

第⑦話はこちら

第⑧話はこちら

10話以内に完結できない(確定)昇天





前回シンボルロゴを決定しました。
(↓スターバックスでのロゴだと緑の部分)




今回はロゴタイプを作っていきます!




書体はシンボルロゴがフォントなので
同一書体を選択しましたにっこり


次に大文字か小文字かを考えます。

こんな感じで複数並べて考え…






次にシンボルの周りに並べます。

ほぼ確定のロゴです。

特にもったいぶるつもりもないので

ドーンと出します凝視



狭い視野にも入るように

文字の間隔は空け過ぎず

ひとつの箱に収まるような

イメージにしたかったので

ZERO DESIGNの文字は

大文字を選択しました。

 


扱いやすいかな…と



小文字だとdやgが

はみ出ている気がして

気になりました…🤔



続いて要素を調整していきます。

調整する場所はこちら👇




グリッドを表示させて

線を頼りに縦を揃えます…



DESIGNの部分はZEROより

文字数が多いので小さくして

箱へ収めていく…



書体が丸くて軽やかなので

(それを考えてデザインされた書体)

文字感を詰めると、雰囲気がキツくなる…



ぎゅうぎゅう詰めで圧迫感がある気がして

間隔を少し空けました。



DESIGNの「I」は他の文字より

周囲の余白を大きく感じるので詰める。



錯視も考慮します。

グリッドに沿って配置しても

上段のZEROのオーとDESIGNのNが

縦並びになるとオーは曲線なので

引っ込んで見える…驚き






一旦ここまでやった状態で

メンターさんに見て頂くことにしました。

(ひとつ前の画像と同じです)






以下メンターさんからの添削↓


大きく気になったのは

①たての揃いと

②ZEROの文字詰め


◾️Dが引っ込んで見えているので

もうすこしDを出したほうが良い

◾️逆にNが少し右に出て見えるので

Nはひっこめる感じ

◾️ロゴマークがすこし左に寄ってるかも?

なのでZEROやDESIGNの幅に合わせる

◾️たてのラインは実際に線を引いて合わせた後、

最終は目で見て感覚で揃える

◾️ZEROの文字間隔はZとEの間が

もう少し狭くするほうがいい(微差)


画像荒くてごめんなさい。

スクショの拡大です🙏



みっちり添削して頂きました凝視

おなかいっぱいでした…笑



自分では揃えたつもりだったんです。

けど拡大して見てはいなかった…



拡大するとこんなにも空間や揃いに

バラツキがあることに気付きます。



そこからは詰めたり離したりして

微調整、印刷の繰り返し。




線で揃えても線を外すと

ナンカチガウ。



教えて頂いた文字詰めのポイントを

考えながら詰めていく……


基本は「揃える」ことをします。

※故意にはずす場合あり


◾️和文(日本語)は正方形の枠に収める

◾️大きさと重心を揃える

◾️ふところを揃える

◾️エレメントを揃える

◾️濃度を揃える

◾️錯視の調整



私のロゴは欧文(アルファベット)のため

◾️リズム感ができているか

◾️黒味が分散されているか

◾️見え方で決める(理屈で揃えない)






ここでわけがわからなくなりました真顔

(ゲシュタルト崩壊的な)






来週、ようやく次のロゴ作り授業です飛び出すハート

教えて頂いたポイントと

お借りした本を3冊読んで調整しました。








メンターさんにしっかり

チェックして頂きますにっこり






うまくまとまりませんでしたが…驚き
読んで頂きありがとうございました💫