【XD】サイトトレース #1「色合いはコンセプトをそのまま表す」「画像配置で動きを出す」

ウェブサイト

レイアウトや構成、配色などを学ぶためにXDを使ってサイトトレースを行いました。

オリジナル&トレース

気づいたこと

  • 背景が黒なことで、普通のカフェとは違う感じが伝わる。プロ感(高級感)、夜の感じがする。素材にこだわったプロとしての威厳を感じさせつつ、カフェだけではなく、夜は酒場としてやっていることを伝えたかったんじゃないか。
  • 黒で高級感を出しつつカジュアルな感じを保っている。おそらくそれは、ロゴや地図の効果が大きいと思う。
  • 画像を左右交互に並べることで、動きが出るとともに、全体的なバランスを保つ。

コメント

サイトトレース初めてやってみて思ったのは、すごく考えさせられるってことです。「なぜこの色にしたんだろう」「ここをずらしたのは何故だろう」などです。

ただ、それを考えることでコンセプトが見えてきたり、意図が垣間見えたりするので面白いなと思いました。

メモ

  • コンセプト大事。コンセプトに合わせてカラーなども決める。
  • 画像を交互に並べることは、バランス保つとともに、サイトに動きを与えることができる。
  • ツール:XD
  • 所要時間:1時間
タイトルとURLをコピーしました