バナーデザイン　１日１本/9本目

SHElikes メンターkieさん指導のもと作成していたバナーが、修正の結果OKいただけたのでそちらを全枚数掲載します。

「家事ノート」というパートナーとの家事内容の共有を目的とした家事アプリの紹介バナーです。

このバナー作成するにあたり、我が家でも導入しました。このアプリ家事の消化に応じてポイントが溜まり、レベルや称号がランクアップするというゲーム面もあるのですが、普段全く家事をしない（そもそもできない）夫は５日目ぐらいから反応しなくなり、現在私のレベルだけがうなぎ登りとなってます。

バナーの方ですが、私が作成したのは計５枚。（本当はSHEの表紙を入れて６枚）

＜第一フェーズ＞

ちなみにここから２回修正と変更をし、フィクスしたものがこちら

背景カラーは前回お伝えした通り、SHEで指定のカラーがあったので変更になりました。

変更したのはちょっとした事なのですが・・・

１、２、３・・・のナンバリングを文字からイラストに変更。

これなんですが、最初白でやって見たらkieさんより「色視認性低そう」とアドバイスいただけたのでグレーに変更。でも、そうすると今度は数字がグレーに沈んでしまった見えにくい。。。ので、

気にならない程度に数字部分だけ、背景グレーより彩度をあげました。

＞ 1 は背景と同じグレー　　
＞2 は背景より少し明るいグレー

コレはバナトレで得た知識でした。

後は、

背景色が変更になったので、他のグレーカラーのイラストの彩度を落とす

ぐらいです。

因みにこのイラストは、私が書いている訳ではなくイラスト集のもの何ですが、イラスト集のものってたまに、同じイラスト集から引っ張ってきているのに、イラストによって線の太さが違うって事ないですか？

これ作成している時、ガンガンありまして。

何でこっちのイラストは線がくっきりしているのに、こっちは細いんだ。。。って。

ポイントだけ太くしたいとか、簡単な図形ならツール選択で範囲広くして塗りつぶしちゃうんですが、初心者の私はレイヤースタイルの「境界線」で調整してます。

まず＜境界線なし＞

次に＜境界線あり＞

リップとケーキのイラストの線が太くなりました。ただ境界線は１pxからしか指定できないので、細かいとこのやり方では駄目なんですけどね。

では土日はお休みなので、週明けからまた頑張ります！