見出し画像

webデザイン所感 2020/07/25

ロゴのシンプルイズベスト感、aとeは上下反対に見えて面白い
その次のスマホが流れて最上部でfixして次のスマホがくる演出、とてもかっこいい
装飾が少ないのでマウスストーカーが映える

美容院のサイトというと清潔感を出すために白を使う印象があるが、こちらは真っ黒(rgb(0,0,0))
白もrgb(255,255,255)でコントラストが強烈
ただそのおかげで画像の女の子の髪色がすごく映える
男も配置して、カラーリングに自信のある、メンズもいける美容室であることが一眼でわかる

湯気のアニメは単純なようですごく効果的
初回読み込み時だけでなく、タイトル表示時に毎回アニメが入るのが良き
皿のデザインが菱形で綺麗

ホウキの形にも合う三角のモチーフが印象的かつ可愛らしい
違う商品で背景の色を変えるのはシンプルだけど効果的

テーマの自転車と愛媛の自然が綺麗に映えてる写真の質が高い
オレンジを基調として元気な印象
ロゴやアイコンに入っている3色のラインが、そのままでも自転車の疾走感を感じさせる上に、
その後のセクションのアイコンの色にもなってるのは気持ちが良い

フワッと表示させるアニメは良くあるが段階的に表示させるのは初めて
奥行きや空間を感じれてとても良い演出
してるかわからないレベルのパララックスは観てて悪くない違和感を与える
fvの配置も窓のようで印象的かつ開放感を感じる

海外のサイトは一眼でわかるくらい色がビビット
タイトル伸縮しすぎて面白い
英語わからなくても写真の力強い視線が何のサイトなのかをイメージさせる
様々なフォントを使用してるが上手く調和させてる気がする

文字を際立たせるための画像の薄い白の処理が雰囲気にあってて良い
一文字ずつ表示させるアニメはタイプライターのようでレトロ感を感じる
左から降りていくような配置のため、縦書きに合っていて非常に読みやすい

可愛らしいイラストや手書き文字で、暖かみや親しみやすさを感じる
紙芝居のようなモーションはjQueryでなんとかしている?派手に動くわりに軽くて素晴らしい
水色と白は清潔感を感じるよくある組み合わせだが冷たさを感じてしまうのを、
サブのベージュ色やイラストの色が上手く調和して暖かみを感じさせる

fvの画像を思いっきり拡大&ぼかして透過した背景を重ねるのとてもかっこいい
ヘッダーロゴの大きさが変わるのも良き
概要のメッセージの区切りが綺麗で読みやすい
テーマであろう"ヒップ"という字がちょうど真ん中にあるので印象に残る





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