見出し画像

#1日1サイトレビュー 137 やさしい切りかた辞典 | 貝印

◎フォント

日本語はZen Kaku Gothic Newで数字や記号はBarlowで分けている

・KintoSans

スクリーンショット 2022-10-23 16.40.00

・Zen Kaku Gothic New

スクリーンショット 2022-10-23 16.40.09

・Barlow

スクリーンショット 2022-10-23 16.40.38

◎カラー

やさしい切り方辞典

◎トーン

ビビッド、ブライト、ペール(背景)

トーン

◎配色

上下は隣色、類似色相配色になっている。

同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8-10)補色色相配色(11-12)

スクリーンショット 2022-10-23 16.47.23

◎配色技法

複数の配色でトーンを統一させているのでドミナントトーン配色になっている。
かつ、背景と野菜トーンオントーン配色になっている。

◎ユニバーサルデザイン

文字は、背景色と明度差がはっきりしている。
クリッカブルなところはホバーをするとアクションがあってわかりやすい。

◎感想・考察

・アニメーション1つ1つが綺麗。

・React, Next.js, Three.jsが使われている。

・レスポンシブ対応は4分割されている?
440px | 440px- 768px | 768px- 1024px | 1024

・fvでLoading画面が出てくるけど、mp4はスクロールした後に読み込んでいる。

スクリーンショット 2022-10-23 16.59.51


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