#1日1サイトレビュー 024 Power Palette
目的
・自社製品の販売
デザインのカテゴリー
・ECサイト付きメディアサイト
・やさしい、同一トーンでまとめられている
コピーライト
・TOPページにポエムがある。
ポエムの解析は難しい、、、。
フォン
日本語はヒラギノ角ゴシックで、数字と英語はWork Sansで分けている。
・Work Sans(Bold)
GoogleとAdobe Fontに登録されている。
https://fonts.google.com/specimen/Work+Sans#about
Work SansはStephenson Blake、Miller & Richard、Bauerschen Giessereiといった初期のGrotesquesをベースにした書体群である。レギュラーウェイトとその中間のウェイトは、中程度のサイズ(14px-48px)での画面上でのテキスト使用に最適化されており、印刷デザインにも使用可能である。極端なウェイトに近いフォントは、ウェブと印刷の両方で表示するために設計されています。全体的に機能は簡略化され、画面解像度に最適化されています。
・ヒラギノ角ゴシック(Medium・Bold)
https://www.screen-hiragino.jp/lineup/hirg/
カラー
下の画像以外にもいろんな色を使っている。
XDのプラグインで抽出した色がこちら
感想・考察
・配色はライトトーンのマルチカラー配色でまとまっている。
ソフトで軽い印象があって、爽やか、清潔なイメージを与えることができる。子供や女性向けのサイトにはもってこい。
・マルチカラー配色なのでまとまっている。
・その他のマルチカラー配色の例
・アニメーションは動画ではなくてsnap.svgというライブラリを使っている。重くなくていい
参考記事:
https://www.codegrid.net/articles/2015-snapsvg-1/
・ECサイトはEC-CUBEを使っている。
この記事が気に入ったらサポートをしてみませんか?