「学校法人日本芸術学園日本芸術高等学園」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

メインビジュアルは漫画のコマ風に組み合わせられた3枚の写真が1枚ずつ浮かび上がり、最後にキャッチコピーと吹き出しが浮かび上がるドラマチックな構成です。コンテンツは1カラムのレイアウトで、学校説明会の募集要項は写真・キャプション・リンクボタンを組み合わせてタイル状に並べられていますが、カリキュラムと学校紹介は写真を画面幅いっぱいに使って並べ、マウスオーバーするとブラックのオーバーレイの上にコース名が浮かび上がります。下層ページではタイトルの背景に、ハーフトーン処理した写真を配置してアーティスティックなイメージも演出しています。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: 学校法人日本芸術学園日本芸術高等学園

サイト名: 学校法人日本芸術学園日本芸術高等学園

URL: http://j-highschool.nichigei.ac.jp/

「学校法人日本芸術学園日本芸術高等学園」のホームページデザイン解説

執筆者

カテゴリ

基本情報

学校・大学に関連するデザイン

サービスサイトに関連するデザイン

レッドを使ったデザイン

かっこいいなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

「学校法人 日本芸術学園 日本芸術高等学園」のホームページデザイン解説

執筆者

カテゴリ

基本情報

学校・大学に関連するデザイン

サービスサイトに関連するデザイン

レッドを使ったデザイン

かっこいいなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

「学校法人日本芸術学園日本芸術高等学園」のホームページデザイン解説