![見出し画像](https://assets.st-note.com/production/uploads/images/89933481/rectangle_large_type_2_9d0b4d245954b5e0d0f2cb497c2becfd.jpeg?width=1200)
Webデザイン記録_DAY1
印象に残った企業デザインの記録
BATOU
![](https://assets.st-note.com/production/uploads/images/89882614/picture_pc_bdb54a75b9f3ecd34d5fb31864113d1b.png?width=1200)
TOOページデザインは、
背景:ベージュ、ホワイトよりのベージュ
文字:ブラック、ブラウン
フォント:ゴシック(書体細め)
男性の大人向けファッションのデザインなので落ち着いた印象を受けた
デザインポイント①
英字を横向きと縦向きに配置したあしらい
イラストは少なめで文字をうまく配置してオシャレに見せ、シンプルで洗礼されたデザイン
デザインポイント②
画像が、背景•人•文字で重なって出てくるのが他にないお洒落なビジュアル!!
![](https://assets.st-note.com/production/uploads/images/89882799/picture_pc_367ccc13c6dc768a6ed42232e35333a8.png?width=1200)
デザインポイント③
ハンバーガーメニューが右下にあることで、右手だけでメニューが、選べる
欠点は左利きの人は両手を使わないといけない
デザインポイント③
画像を切り抜いて前面に出すのがオシャレ
ぜひこの手法は使えそう
![](https://assets.st-note.com/production/uploads/images/89882555/picture_pc_db788f3bb28a8312bab8908c4bb22760.png?width=1200)