ホームページ開設にあたり、ロゴを制作。
目次(クリックで移動)
ホームページロゴコンセプト
- 大事なポイントや目指すところを明確にする
- どんな人たちに興味を持ってもらいたいかを考える
ホームページ制作に役立つサイトにしたい。
ホームページ制作に悩んでいる方に、解決の扉となるようなサイトにしたい。
ホームページロゴモチーフ
特徴を考える
- 会社やサービスのモチーフを考える。
モチーフとは、会社やサービスの特徴・大事にしていることを表すイメージやシンボル。これを決めることで、ロゴが会社やサービスの雰囲気やメッセージを伝えやすくなる。また、どんな人たちに響くデザインかも考慮する。これらのモチーフが、ロゴデザインの基盤となる。
ホームページのモチーフとして、ホーム=家が思い浮かびました。
その他複数考えましたが、最初に思い浮かんだ家モチーフに決定。
デザインの基本
- どんな色を使うか、文字やスタイルを決める。
家モチーフにした場合、建物を連想させるため、不動産関係で使われているカラーから離れた色、かつ明るく目立つ色を選定。赤色のWEBセーフカラーで一番明るい#ff0000をセレクト。
ホームページロゴ制作工程
Illustratorで四角形の角を落とし、
まずホームを作成。
![ホームページロゴ制作工程1](https://homepage-seisaku.com/wp-content/uploads/b7cafb2d51b6f8131b721589f7f6bc39.webp)
家モチーフを強調するために枠を作成
![ホームページロゴ制作工程2](https://homepage-seisaku.com/wp-content/uploads/db06689712fcff695b296ee77f06588b.webp)
ホームページの扉となる入口を作成
![ホームページロゴ制作工程3](https://homepage-seisaku.com/wp-content/uploads/c828c8f40c77ca1013fa9d7962491953.webp)
ホームに入りやすいように
入口を広げる
![ホームページロゴ制作工程4](https://homepage-seisaku.com/wp-content/uploads/ab5d91b5cbdd5af2772680e274cf4842.webp)
ロゴタイプを検討
![ホームページロゴ制作工程5](https://homepage-seisaku.com/wp-content/uploads/918a7752011faa20c1b8797927f84468.webp)
ロゴタイプの並びを調整
![ホームページロゴ制作工程6](https://homepage-seisaku.com/wp-content/uploads/83cf3835478df0aeb27b8910a693c51c.webp)
家モチーフをもっと具現化。
説明的なロゴになったため没に。
![ホームページロゴ制作没案](https://homepage-seisaku.com/wp-content/uploads/0bb484f8f1a3a23b5950efce3768d109.webp)
できあがり!
![ロゴとロゴタイプ完成](https://homepage-seisaku.com/wp-content/uploads/5a0b66b873f6e54bc00f557934367ac2.webp)
ロゴキャラクター誕生
アイコンに文字入れして明るく
![ホームページロゴ制作工程7](https://homepage-seisaku.com/wp-content/uploads/fe0c26250bc8a129c23c78ccb7822770.webp)
ロゴキャラの表情展開
![ホームページロゴ制作工程8](https://homepage-seisaku.com/wp-content/uploads/cdf3cdd5cbdfa8ab7c68f7db6aca3b93.webp)
完成‼
![ロゴ制作工程完成](https://homepage-seisaku.com/wp-content/uploads/268afd3fbd71224dfbbca46c9781edbb.webp)