こんにちは、コンスキです。
前回のやり方でナビゲーションメニューの部分のイラストを描いていく様子を紹介します。
園について
「園について」なので、やっぱり幼稚園のイラストがいいと思います。
![](https://konsuki.com/wp-content/uploads/2021/07/image-23-1024x620.png)
今日のこんだて
ご飯をの絵なら、献立を連想できるのではないでしょうか?
![](https://konsuki.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-04-19.47.27-1024x622.png)
年間予定
つまらなくならないように、個性的な顔も描いてみました。
![](https://konsuki.com/wp-content/uploads/2021/07/image-24-1024x620.png)
お問い合わせ
携帯電話か、固定電話かで迷いましたが、固定電話にしました。
固定電話を使う人はあまりいないと思いますが、固定電話の方がお問い合わせを連想しやすそうです。
固定電話の中でも黒電話です。
黒電話は「The 電話」という感じがします。
ただ、ここまで明るい色で塗ってきたので、色は黒以外にする予定です。
![](https://konsuki.com/wp-content/uploads/2021/07/image-27-1024x622.png)
アイコン
ここからはイラストというより、アイコンを作ります。
![](https://konsuki.com/wp-content/uploads/2021/07/image-32-1024x228.png)
画風を「手書き風」に統一したいので、こちらもGIMPを使って描きます。
アイコンは小さめで見えにくいため、「色を濃く」「シンプルに」を意識して描きます
細部をこだわっても描いても、小さいとあまり見えないことがあります。
![](https://konsuki.com/wp-content/uploads/2021/07/image-28-1024x621.png)
![](https://konsuki.com/wp-content/uploads/2021/07/image-29-1024x622.png)
![](https://konsuki.com/wp-content/uploads/2021/07/image-30-1024x625.png)
Twitterのロゴは規約を読んだところ、自分のオリジナルを作っていいのかどうか微妙なところだったので、正式なロゴを使うことにします。
配置する
ここまでで作ったイラストやアイコンをAdobeXDの方に取り入れて、配置してみます。
![](https://konsuki.com/wp-content/uploads/2021/07/image-33.png)
最初に比べると少しにぎやかになった感じがします。
配置の仕方に関しては、まだ、イマイチな部分があるので、今後直していきます。
コメント