2021.9.19現在
3714件のデザインを掲載中
https://source.typekit.com/source-han-serif/jp/

「源ノ明朝」のホームページデザイン解説

Design Review
デザイン解説

一見すると白黒のみのテキストやイラストで構成されたサイトが、カーソルを合わせることで写真が現れたり、文字が太くなるモーションが見られたりと、様々な面白い効果が加えられています。ファーストビューには、提供しているフォントの文字が多数並べられていて、カーソルを合わせることで徐々に文字が太くなる効果が加えられています。スクロールしていくと、シンプルな線画で描かれた、筆で文字を書く手のイラストにカーソルを合わせることで背面から写真が現れて、線画が消えていくという演出が見られて、驚きを感じる演出となっています。ページ下部でも人物の写真に同様の効果が加えられていて、楽しく閲覧できるサイトに仕上がっています。

執筆者

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

カテゴリ

基本情報

会社名
Adobe Systems
サイト名
源ノ明朝
URL
https://source.typekit.com/source-han-serif/jp/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む