2021.10.18現在
3714件のデザインを掲載中
http://blog.kobedenshi.ac.jp/

「神戸電子BLOG」のホームページデザイン解説

Design Review
デザイン解説

コンテンツの表示に様々な効果を用いて、閲覧するのが楽しくなる工夫の施されたサイトに仕上がっています。WEBマガジンの各記事の表示には下層ページへのリンク写真と、記事タイトル・説明文の記載されたテキストボックスが二分割される形で一覧となっていて、記事にカーソルを合わせると写真が少しズームインして、テキストボックスに漫画などで使われる集中線のエフェクトが現れるという演出が加えられてます。アイキャッチの効果が大きく、興味をそそられる演出です。また、記事のカテゴリー紹介では写真と文字を組み合わせた表示で、同様にカーソルを合わせることで面白いモーションが見られるようになっており、工夫を感じます。その他、イラストで記事リンクを表示していたりと様々な手法で楽しく閲覧できる構成を考えられていて完成度の高いサイトです。

執筆者

岡本 美憂
Okamoto Miyu
岡本 美憂
独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

カテゴリ

基本情報

会社名
神戸電子専門学校
サイト名
神戸電子BLOG
URL
http://blog.kobedenshi.ac.jp/

イラスト・手書き感なホームページのデザイン

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む