【バナートレース】ショッピングサイト

2020.06.05

今回は、仕事でイメージしていたデザインがあり、その練習でグリッドレイアウトに挑戦してみました。

使用したのは、RUNWAY channelさんの2017年SUMMERのセール時のバナー。

 

ファッショナブルな雰囲気だけど、整列してスッキリ感もあって好きなレイアウトです。

中央に文字が映えるので、伝えたいこともしっかり伝わってますね。

シンプルなので、写真の選出からフォントの選択まで迷うことがなかったです。

 

ただ、ファッションブランドの知識があればもっと売り出したいファッションイメージとか統一感が出るのかな・・・と思います。ふくやアクセサリーの雰囲気がばらけてしまいました。

また、フォントはオリジナルに一番近かった DIN condensed（ロゴはRoboto）を使用しています。

ちなみに、画像からフォントを探すときはAdobeのcaptureか、Chromeの拡張機能のWhatFontを使用しています。でも、特殊なフォントでなかったりすることが多いので、今あるフォントで一番近いものを使うかな〜

お仕事でやるときはその限りではありませんが、今回は練習なので。

 

グリッドを作るときに、囲みを線で引くか、シェイプで正方形を作って引くか悩みましたが、今回は正方形を並べました。ガイドを作って並べるとやりやすかったです。でも、ズレが気になったりして時間がかかったので、もっとやりやすい方法があるのではないかと思っています。。

 

それも含み学びの多いトレース2回目でした〜

 

【オリジナル】

 

 

 

【トレース】