デザイン上達のため行うwebトレース_11

デザイン上達のため行うwebトレースのログです。気づき・疑問もメモ


参考サイト
関西化成品輸送株式会社 https://www.kansai-sp.co.jp/

トレース結果

カスタムサイズ – 1


要素に関するメモ

書体:nato sans jp TOPの見出しは游明朝 。英数字は見出しはCormorant Garamond 日付やラベルはLato  
カラー:メインカラーは企業ロゴの赤(#E31D23) 文字カラーは黒(#111111) 背景に薄グレー(#EFF0F2)(#D1D6DE)
メインイメージ:写真2枚を格子状に配置。残りの空間にグローバルメニューとキャッチコピー
ボタン:角丸無しのboxに小さめの文字と三角の矢印 ホバーで塗りと文字の色が反転。
アイコン:事業内容でモノクロのラインアート
写真:勤務中の様子を撮影 屋外の写真で空のトーンの揃った写真 作業現場の構造物のイエローを意図的に入れているかも。 
グローバルメニュー:メインイメージの左側に縦に配置。2カラム風の見え方。スクロール追随は無し。下層ページでも同じレイアウトで表示。

アートボード – 1

考察メモ

後日追記

この記事が気に入ったらサポートをしてみませんか?