マガジンのカバー画像

webデザイン所感

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

webデザイン所感 メディア系

メディア系でまとめてみました まるで雑誌の表紙のような写真とレイアウトが印象的 そのまま背景になるのもメディア系では斬新だと思った ハンバーガーメニューが右下にあるのも珍しい 携帯での操作を配慮したのだろうか ロゴと同じく透過してるのもカッコ良き opからもうお洒落極まりない 上部の黒いボーダーがとても良い効果を出してる気がする 太字のテキストはより力強いメッセージに感じる ページごとに写真より先に入る色が変わるのが良き 枠で囲むようなレイアウトがまずお洒落で素晴らしい

ホシノ

webデザイン所感 制作会社

制作会社でまとめてみました fvのレイアウトが独特で面白い、スクロールでフォントが小さくなって画像が大きくなる演出が良き その後もいろいろなものがスクロールの際に出現するがどれもスピード感がある上に出現の仕方にバリエーションがあって非常に面白い アニメーションだけでなくタイミング良く色を変えたり、hoverアクションもあったりと遊び心がすごい 動画fvがなんかかっこよくて見入ってしまった、テキストの一部が変わっていく表現が面白い テキストをほぼ入れずに制作物一覧に入るのが

ホシノ

webデザイン所感 動き系

動きが特徴的なサイトでまとめました https://chackathon.com/ opから目を奪われる素晴らしいアニメーションが印象的、そのまま畳になるのが素晴らしい その後縦書きが落ちてくるようなアニメーションとそれに並ぶあしらいが動きを感じられてまた素晴らしい 背景色が独特だがそれに合わせて赤とセクションタイトルに青を使用するセンスの良さ さらに続くライトグリーンもお茶を感じさせると同時にそれまでの重さから開放された印象を感じれる アクセントで入ってる金色が実はfvの

ホシノ

webデザイン所感 アパレル

アパレル系でまとめてみました opからかっこ良すぎるアニメーション、右から表示させて左からフェードアウトは面白い ほぼ白黒なのに配置で既にものすごくかっこよくまとまっている、白い部分がより目立つ構成になってるのも良き テキストが多めなのに余白の取り方なのか、雑多な印象を感じないどころかスタイリッシュに感じる 背景のあしらいが白い数字をより強調させる上に、服もより印象的に見える非常に良い効果を出している気がする このサイトに限らないがファッション系は一覧の見せ方が秀逸なものが

ホシノ

webデザイン所感 お菓子系

お菓子系でまとめてみました 青がチョコを綺麗に映えさせてる気がする、テキストとの組み合わせが綺麗 パッケージと製品の中身を並べるとよりパッケージの意味が伝わってきそうな気がする(味はわからないが) 余白の大きさを統一して写真を縦に並べるセクションがお洒落、実際に使っている風景を感じられる その後のオリジナルのアイコンも可愛らしくて良き イラストをかなり活用して楽しげかつ温かみのある雰囲気を出しているサイト、動きも多く非常に楽しげな印象を感じる やはりイラストには筆文字風の

ホシノ

webデザイン所感 和菓子系

和菓子でまとめてみました イラストから徐々に写真になっていくアニメーションが綺麗、セクション区切りが布のようになってるのも良き 最初にイラストを表示しているので自然とイラストを受け入れられる、イラストも温かみのあるタッチで癒される 写真の切り抜きも饅頭を意識させる円形で可愛らしい、商品だけでなく地図なども円形に切り抜いていて良き 店の風景にもイラストを使用していて非常に良き メニューから縦書きで和の印象を感じさせる、特にfvのタイトルが印象的、ただ縦書きの際の英字は難しい

ホシノ

webデザイン所感 酒系

酒系でまとめてみました 可愛らしいイラストとマッチした太めの抜け感のあるフォントが特徴的 背景の敷き詰められたイラストが可愛らしさと賑やかな感じを連想させる 大きさが変わるアクションがイラストの楽しげな雰囲気とマッチしていてみていて非常に楽しい フォントも太めでイラストと合っていて良き、イラストに合わせてか画像も角を丸くして親しみやすい印象 酒を注いでる様子をイメージさせるアニメーションが良き、アナログ感の強いイラストが雰囲気を出してる 横並び横スクロールの珍しい構成で目

ホシノ

webデザイン所感 喫茶店

喫茶店でまとめてみました コルクをイメージさせる背景色が温かみを感じさせる、ギザギザのあしらいもコルク風の背景と相まって紙のような質感を強調させる フォント、アイコン、イラストもインク風のテイストになっていて非常に良き、ボーダーも若干太めで雰囲気に合っている 地図がイラスト風になっているのもテイストを合わせていてとても良き、google mapのリンクも設置していてユーザーに優しい スライドの番号の表示の仕方がお洒落、スタンプと下部のテキストも合わせて綺麗に見える 淡く見

ホシノ

webデザイン所感 洋風料理店

洋風料理店でまとめてみました 嫌でも目についてしまうショッキングな色のパスタが特徴的 パスタ以外にもユニーク極まりない料理ばかりで笑ってしまいそうになるが、デザインがとてもかっこよくすごくおしゃれな料理に見えて余計笑ってしまう 宇宙のイメージが先進的な印象を与えるが、グリッドも似た印象を感じられるのは発見だった 一応洋風ではあるもののカテゴライズしづらい内容 Oswaldのフォントと文字組が綺麗でとても印象的、大きく前面に配置されただけなのに迫力がすごい セクションの切り

ホシノ

webデザイン所感 日本料理系

日本料理でまとめてみました 何故か日本料理系には藍や紺などの紫系の中間色が多用される印象がある 画面全体に映さない範囲のパララックスはとてもリッチ感が出る これに交差して反復させる縦写真がリズミカルで非常に良き、茶碗蒸しがちょうど良い位置にあるのも良き デザイン的には良いのだが、google mapの色変更は元のデザインを損ねるので微妙な感じがする お品書きのようなメニュー、看板のようなバナー、鉄板など、まさしくもんじゃ屋のようなデザインが素晴らしいサイト お店自体がレト

ホシノ

webデザイン所感 雑貨

雑貨でまとめて見ました 流れるテキストがお洒落極まりない、挟むように小さく違う色の文字を配置しているのが良き 商品の影をしっかり落として立体感がかなり出ている 文字組みも美しく、情報量が少なくないのに非常に見やすい 詳細画面でもテキストが流れるがちゃんと色を変えているのも良き 他社サイトの購入ボタンの色を変更してるがちゃんと馴染んでるのも素晴らしい 冒頭から素晴らしいクオリティのアニメーションであの会社じゃないかなと予想してしまう 縦方向のスライドはあまり見なく印象的な上

ホシノ

webデザイン所感 結婚

ブライダル系でまとめてみました 奥行きを感じさせる構図は広大な海にとても良く合う 透過テキストを風景に使うパターンを初めてみたがかなり綺麗に見えて素晴らしい セクションタイトルに使用されているgaramondのフォントがエレガントな印象 結婚式という空間丸ごとデザインしてそれを表現してる感じ 幸せそうな印象に溢れてる写真で、空気感の表現が素晴らしい 高級感を感じさせる金色が印象的 こちらも金色をテーマカラーにして高級でゴージャスな印象 飾りが強く重ねてエレガントな印象を

ホシノ

webデザイン所感 海が印象的な旅館とか

海が綺麗な旅館などでまとめました 横に配置した写真がスクロールで広がる表現がとても素晴らしい 涼やかさすら感じさせる青が非常に美しい写真たちが印象的 文字を可能な限り抑えているように感じる、余白を大きくとって大人びた印象 遠くをぼかしてるためかなり距離感を感じさせる美しい海岸が印象的なfv 反対に手前は強く見えるように加工してある？ スクロールで写真が縮むのはとてもお洒落 Ryo Text PlusNというらしいフォントが細字で綺麗 テキストを少なめにしてオシャレにしてあ

ホシノ

webデザイン所感 酒系

酒系でまとめてみました ロゴや背景のデザイン、動画の画面のセンスからサブカル感溢れてるデザインのサイト 影をかなり強くして存在感と重厚な感じを非常に強調されている上に、 光の印象も強くなるのでビールについた水滴がより映えて見える気がする 背景にセクションタイトルをしっかり大きくとってるのがとてもかっこいい fvのキャラクターのセンスでもう既に酔ってのではないかと思わせるデザイン 海外のサイトらしく配色の彩度が高くインパクトが強い ビールのテーマカラーを意識したビール一覧が

ホシノ