デザイン模写 Day8
毎日模写、8日目。
今日は素敵なサイトがたくさん掲載されている、AWWWARDSからジュエリーのECサイトを選んでみました。LIMNAというサンフランシスコのブランドです。
AWWWARDSは、掲載されるために投票が行われているので、世界中のクオリティの高いサイトを見つけられることができますね。
ファーストビューの動画から全体的に画像にパララックスをつけていて、もったりした動きがタイプです。。
所要時間
3時間
時間かかったポイント
フォント探し
使用してるフォントを所持していなくて、有料フォントだったので類似フォントで代用しました。類似フォントは、Adobeのアプリ、【Adobe Capture】を使うか、Adobe fontsで条件絞り込んで探してます。
画像ダウンロード
画像は一括でGoogle Chromeの拡張機能を利用してますが、Webpをたくさん利用されていてデザインデータでは使用できなかったので、開発ツールからjpgのURLを調べてひとつひとつダウンロードしました。
利用ツール
Adobe XD
どんな語り口で、どんな感情を与え、どんな情報を受け手に伝えたかったのか
ユーザーがパーツを選んで、オリジナルのイヤリング、ネックレスをオーダーできるサイト。自由度もありながら、ブランドの世界観もしっかり持っている。普段使いできるけどラフすぎない、ラグジュアリー感もある。
・大まかなレイアウト、余白の取り方など
余白は多いのか少ないのか：
多め。コンテンツ多めのセクションは文字周り余白多めにとりながら、画像を敷き詰めている。
どこに一番視点が集まるように設計されているのか：
ファーストビューの動画。ブラウザの高さいっぱいに表示されるようになっており、インパクト大。
視点を誘導するためにどんな工夫がされているのか：
スクロールと連鎖して画像が遅れて表示される、パララックスするなどして、画像の動きに注目してしまう。
(グリッド的に)どこが揃っていて、どこを外しているのか：
ブラウザのサイズに対して、左は126px、右は90pxのpaddingをとっているセクションが多く、基本横書きテキストのWebサイトはこれはありだなと思いました。左スタートだけど、右までいっぱいに文字をならべることはあまりないので、左は文字つまりがち、左は画像をおきがちになるなら、左右のpaddingに差をつけるのは今後やってみたい！
・配色
何色くらい使っているのか：
黒系、グレー：＃000、＃5A5858、＃707070、＃A0A0A0、＃EFEFEF
ベージュ系：＃A69A96、＃9B918E、＃8C8686、＃CFC6C3
白：＃FFF
ポイントカラーのオレンジ：＃D35C34
11色。
どういったトーンでまとめられているのか：
背景はくすんだベージュとうすいグレーの２色。ポイントカラーのオレンジと、イメージ画像もやわらかい暖色で、全体的にくすんだオレンジベースの印象。＃FFFを背景として使用しているところがないので、白抜きの商品写真が映えている。
パキッとした印象か、ぼんやりした印象か：
グレー背景にグレー文字を乗せたり、オレンジもくすんだオレンジを使用しているのでどちらかというとぼんやりした印象。
・文字組み
フォントはどういうものを何種類使用しているか(ゴシック、明朝、太い、細い、丸みがある、角張っている、など)：
Prospectus（Serifの見出し）、Sailec
どちらも持ってなかったので、Prospectusは、Retiro、SailecはHaboroで代用。Prospectusはコントラスト強めのSerifで、ラグジュアリー感のある字体。SailecはすっきりしたSans serifで、丸みもある。
行間、字間はゆったりなのか、きつめなのか：
Serifの部分は字間きつめ。Sans serifの部分は字間も行間も広め。かなり字間をとってキャプションにしている部分もある。
どこを強調しているか：
Serif部分。見出し、リンクなど強調する部分はすべてSerifにされている。
ジャンプ率はどれくらいつけているか：
メインビジュアルのキャプションと見出し、見出しと本文は、3:10の部分が多く、高めの印象。
・あしらい
あしらいを使用しているか：
小さい画像をいろんなところに配置し、セクションを跨いでパララックスで動くようになっている。
どういった意図であしらいが使われていそうか：
イメージ画像や商品画像を散りばめて、ブランドイメージや商品自体を訴求。
あしらいのサイズ感や量はどれくらいか：
画像は小さめ。左右の端に配置してメインコンテンツを邪魔しないサイズ。
Spotifyのポッドキャスト、【The Potluck Cast】っをよく聞いているんですが、先日、アメリカでは耳をデザインするジュエリーが流行っている、耳をどういう風に飾るかプロデュースするところもある、といったお話をされていて、このサイトをみてまさにこれだー！！と思いました。
昔イヤーフックって流行りましたよね、eteなどからたくさん販売されてた気がするんですが、、そういうのとかピアス大好きで、10〜20代のときは耳ガチャガチャに着飾っていたのを思い出しました。。こういうお洒落なブランドなら30代になった今でも楽しめそうですね！
明日も頑張ります〜