マガジンのカバー画像

webデザイン所感

77
本
(できるだけ)毎日10サイト見て思ったことを徒然なるままに書く 偉そうでごめんなさい サムネには当日個人的ベストのスクショを勝手に貼らせていただいてます
運営しているクリエイター
ホシノ

webデザイン所感 施設系

様々な施設のサイトでまとめてみました 施設ロゴのアクセントカラーにもなっている金色が高級感を出している イベント一覧の一番大きいイベントであるであろう左のイベントが、 上部で固定される動きは見てて面白いし効果も高そう 最後にインパクトの強い斜めの切り取り方で店舗の写真を出してるのは上手いと思った 真ん中を見てしまうヘッダーのセンターのラベルが良き 中心に要素が重なっていて気持ちいい 写真の空とセクションの背景を自然になじませるのはとても良いデザイン 文字やセクションが気持

ホシノ

webデザイン所感 洋風飲食店

洋風な飲食店でまとめました 背景の色を変えている比率は黄金比を意識してる？ アクセントになっている金色がとてもリッチな印象 重なるフォントが色が反転してるのがとてもかっこいい Playfairというフォントはモダンな感じがする ピザを前面に写した大胆なカメラワークが印象的な動画fv セクションタイトルのアニメーション表現がおもしろい fvで美味しそうなのは伝わってるが、 メニュー画面にも画像が欲しいところ fvの背景を暗くしているのが高級感を演出している気がする タイト

ホシノ

webデザイン所感 書籍・出版系

書籍・出版系でまとめてみました スライドと年表を組み合わせたfv、素晴らしい発想 対象者を鑑みてか、かなり落ち着いた印象のサイト 装飾がほぼ無いため非常に大人びた印象に感じる しかし地味というわけでは無いのが巧妙 メッセージ性の強いタイトルと写真が目を引くfv 縦書きをずらして配置してるのが良き、右の行がタイトルと揃っていて気持ちいい 交差点のような写真ですれ違いを表現しているのだろうか？ うっすらと英字があるのがかっこいい 全体的に薄い虹色がとても綺麗 セクションタイト

ホシノ

webデザイン所感 家電系

家電系でまとめてみました 日本のサイトだと思うが英語が主体でスタイリッシュ、ただわかりづらい イヤホンの配置の仕方が対比を意識してる印象 そもそも日本市場を意識してないかも https://cado.com/jp/ 白と銀が基調になっていて清潔感と上品さを感じる セクションタイトルのCormorantのフォントが細く重ねて上品な印象 ヘッダーメニューが中央揃えで安定感を感じる ドット調の加工がされた動画fvにまず目がいく セクションタイトルのbrandonフォントが可

ホシノ

webデザイン所感 アニメ系

アニメ系でまとめてみました バナナらしく黄色と黒でまとまって良き タイトルのフォントがペンキのようで、 アニメの舞台のストリートを彷彿とさせる 左右で敵味方で分けられててかっこいい マウス追従で画像がスクロールするのは非常におもしろい テキストは縦、画像は横でスクロールはあまり見ない挙動でとても目を引く 明朝体のフォントも画像の背景とあっていて美しい ただセクションタイトルの画像が解像度足りてない気がするのは残念 動物の可愛いキャラとあったポップな明るめの彩色が特徴的

ホシノ

webデザイン所感 和風

和風なサイトでまとめてみました fvの写真の構図が足だけだったり後ろ姿だったり面白いものが多い 透明なヘッダーに小ぶりなMontserratのフォントが可愛らしい セクションにはLoraというMontserratと全く違うフォントを使用しているが、 違和感は全くなく細身で美しい感じがする 青を強くしたfvの写真がとても美しい アニメーションのスピード感がとても良い そもそもアニメーションを期待してない分野のサイトだったので良い驚きがあった hoverで枠内だけ色変えるのも

ホシノ

webデザイン所感 日洋映画サイト比較

日本向けと海外向けの映画サイトを比較してみました ナイブスアウトの英語圏版 どうしても目にいってしまうタイトルの大きさとデザインが良き 恐らく作中で重要になるであろう剣や注射器などのモチーフを効果的に使っている hoverで様々なアクションが発生して非常に楽しいサイト ナイブズアウトの日本圏版 タイトルの大きさは共通点があるが、明らかに大きく違う 斜めに切られたセクションがダイナミックな感じがする 黄色と黒を主体にしてるのでインパクトがある 英語圏より情報量に対する取得の

ホシノ

webデザイン所感 喫茶店系

喫茶店でまとめて見ました 中央にイラストを重ねて可愛い印象の画像と、 反対にサイドに大きいテキストでインパクトが残る画像のfv イラストで視線を中央に集めるつもりでやってるなら策士 フォントがどれも雰囲気があっていて素晴らしい fv写真の下にヘッダーメニューを配置している構成だが、 配置の仕方が綺麗でとても好き、Latoとというフォントがとても良き 明朝のフォントは綺麗で上品、Latoと不思議と合ってる 余白が大きく優雅な印象を感じる 動く幅が大きいパララックスが面白い

ホシノ

webデザイン所感 酒系

酒系でまとめてみました 黒の背景にウイスキーの色を使ったテキストがリッチに感じて良き 写真にも氷の影がはっきりとする加工を施してる 色のせいか縁取りだけでリッチに感じる あえて酒をぼかすという国内ではあまりみないデザイン あくまで人が主役であるという印象を感じる 余白が少なく窮屈に感じてしまうが、 海外ではこういうデザインも多い気がする 優しい印象を感じるライトグリーンの配色に、 素材の米で飾り付けるアイディアが素敵 (甘酒だけど)酒系には珍しく朝を彷彿とさせる写真 F

ホシノ

webデザイン所感 車・バイク系

車・バイク系でまとめてみました 車のカラーでもある黄色と黒は危険を感じさせるけど非常に目に付く配色 加えてfvの動画のスクロールが激しく目を引く 基本的にコンテンツが全て大きめに作られている気がする ダイナミックさを感じる 線は細いが墨たまりが大きいフォントが印象的 サイドバーと背景がスクロールでセクションごとに切り替わるのが良き 配色、アニメーション共に、親しみやすくしている感じがある ヘッダーが上部が黒の透過グラデーションであまりみなくて印象に残る 下を濃ゆくするの

ホシノ

webデザイン所感 農業系

農業系でまとめてみました 若干湾曲した画像が目をひくfv 縦書きが和を感じさせる ストーリー性を感じさせる構成 セクションごとに文字色を変えていて雰囲気を上手く変えている 家族をイラスト化して非常にアットホームで温かみのある印象 玉ねぎ風に切り取られた写真が非常に可愛らしい 玉ねぎを感じさせる配色も良き google mapが画面端まで広がっていてとてもみやすくて良き 素朴な印象を感じるイラストが可愛らしい 時系列に並べて比較しているデザインは見易くてとても良き 各ペー

ホシノ

webデザイン所感 動物系

動物系でまとめてみました 猫をもじったロゴが可愛らしい “猫と暮らしていること”をコンセプトにしているため、 猫単体よりも風景と猫を写している 商品画像の配置の仕方がバラバラのように見えるけどすごくオシャレ hoverで猫がいる状態になるのが良き 動物の可愛らしい動きをまとめた動画fv あまりメジャーでない小豚の良さを端的に伝えるのに効果的 色彩は豚の体色でまとめている？ スクロールすると縮む肉球をイメージしたヘッダーアイコンが良き タイトルに英語が使われているからかヘ

ホシノ

webデザイン所感 アクセサリ系

装飾品などを取り扱ってるサイトでまとめてみました 金色の手書き文字はリッチでありながら親近感を感じれる お店のロゴと一緒に添えてさらに効果が高くなってる 写真もコントラスト強めで高級感を感じる タイトルのフォントはLibre Baskerville？サイズも加味して高級感を感じる フォントと余白のせいか、シンプルな作りながら非常に美しい courier_primeと思われるヘッダータイトルなどに使われてるフォントがとても良き フォント選びのセンスがすごい fvの赤がビロ

ホシノ

webデザイン所感 アパレル系

アパレル系でまとめてみました 写真の撮り方 服の見せ方 写真とサイトの色比較 などを考えながらみていきます ガラスが割れたようなエフェクトのスライドが非常に目を引くfv 手描き文字がラフでありながらお洒落 写真真ん中のキャプションも良き 動きも多く見ていて楽しいサイト ロゴを先に表示させて、その上にスライドを配置してるのがあまり見なく特徴的 hover時に凹んだような感じになるのが良き コメントや投票ボタンを手書き文字にするセンス 左上を大きく占領したタイトルロゴが目を

ホシノ