マガジンのカバー画像

webデザイン所感

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

webデザイン所感 科学・研究

科学・研究系でまとめてみました 青で知的かつクールな印象
文字の一部に見立てた３dが面白い、動くのも良き
イラストで左右に対比させて口を動かすアニメをつけるとまるで会議してるように見える 子供を対象にしてるのだろうかテキストが大きくみやすい
 淡いグラデーションはなぜか近未来感を感じさせる
 可愛らしい3dのアニメキャラ、浮遊感が3dの奥行きの表現とあっている スクロールのアニメーションで会話が進行していくのが良き 
背景の緑とサブカラーに使われている黄色が良くあっている

ホシノ

webデザイン所感 和風

和風なサイトでまとめてみました 伝統と厳格さを感じさせる黒多めの重厚な動画fv
全体的に暗めなので白く大きなマウスカーソルがわかりやすい
背景の大きいテキストがガラスのように見える面白い一覧画面
写真の大きさと配置もすごく上手い気がする 写真がより良く見える配置をされてる気がする 白抜きされて横に並べられたテキストがお洒落
テキストにベタ塗りの背景はダサくなりそうだがその後ろのテキストのせいかかっこよく見える
和の雰囲気を感じさせるあしらいが良き
写真か何かの加工と組み合

ホシノ

webデザイン所感 猫系

猫が出るサイトをまとめてみました 猫のシルエットが使われたロゴが可愛らしくて良き 角が切られてるのとパララックス効果は相性が良い気がする、パララックスにより猫が長く表示されて嬉しい セクションタイトルにsenというフォントを使用されているが可愛らしくて良き 何度か利用したことある猫カフェのサイト タイル風にメニューを重ねたレイアウトがお洒落、スクロールでハンバーガーメニュー化する動きが良き fv以降もタイル風を踏襲して写真が多めなので猫好きには嬉しく、店内の雰囲気も感じら

ホシノ

webデザイン所感 コーポレート

コーポレート系でまとめてみました テキストを見やすくするために暗くするのは良くみるが、青系にしてるのはあまり見なく綺麗でとても良き 透過させた白のフォントが青と良くあっていてとても綺麗 添えられたオレンジの手書き風の文字が色も良いが良い感じに抜け感があって良き 変化するグラデーションのアニメーションが輝いてるように見える 写真自体が暗めの印象のものが多いので暗くしなくても良い感じにテキストが映えてる気がする 良く見かけるセクションタイトルが大文字で背景になってるデザインだ

ホシノ

webデザイン所感 イベント系

イベント系でまとめてみました https://www.jal.com/ja/csr/soraiku/ 教育を意識させる鉛筆と飛行機を掛け合わせたロゴが可愛い 赤を基調にして快活な印象を感じる 動画fvだが暗くしていない、恐らく暗い雰囲気にしたくなかったのだと思われる
空育って、なに？のページがイラストが多用されていて可愛らしくて良き 一度見たら忘れなられないイラストがとても印象的なfv 和を感じさせる中間色でありながら彩度が高く目を引かれてしまう オリジナルキャラを使用

ホシノ

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

連続ですがメディア系でまとめてみました ネオンのようなデザインが可愛らしく非常に印象的 円形のモチーフをかなり効果的に使ってる気がする 窓のような写真の切り抜きが雰囲気出てて良き この表現のおかげで上部の背景が白いテキストが窓のようにみえる メニューが切符のようになってるのも可愛くて良き 大きく写真に赤が映えてより美味しそうに感じる、端まで赤を伸ばしてないのはお洒落 スライドに合わせてテキストも変わるのは良き あしらいが最小限でありながらどれも良い効果を出してる ペーパ

ホシノ

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

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

ホシノ

webデザイン所感 制作会社

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

ホシノ

webデザイン所感 動き系

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

ホシノ

webデザイン所感 アパレル

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

ホシノ

webデザイン所感 お菓子系

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

ホシノ

webデザイン所感 和菓子系

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

ホシノ

webデザイン所感 酒系

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

ホシノ

webデザイン所感 喫茶店

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

ホシノ