「S-LINQ」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

ファーストビューでは様々な記事リンクが2,3秒の短いスパンで左に流れていく仕様になっていて、充実した内容を伺えます。クリックすると内容がインタビュー形式の記事にまとめられていたり、動画コンテンツが見られたりと、幅広く楽しめる設計になっています。記事リンク画像は下部が波の形になっていてちょっとした遊び心を感じます。また、下層ページを含め掲載されている画像やリンクボタンなどが全て角丸の四角形で統一されていて、柔らかい雰囲気を演出しています。さらに黒文字で書かれたナビゲーションメニューが、カーソルを合わせると下線の表示とともに色が変わるようになっていて、メニューごとに全て違った色が設定されて鮮やかでポップな雰囲気も感じるデザインになっています。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: 一般財団法人日本宇宙フォーラム

サイト名: S-LINQ

URL: http://www.uchuriyo.space/

「S-LINQ」のホームページデザイン解説

執筆者

カテゴリ

基本情報

法人・組合に関連するデザイン

ポータルサイトに関連するデザイン

ホワイトを使ったデザイン

シンプルなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む