WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

左に写真、右にコンテンツの珍しいレイアウトの大学のwebデザインがカッコいい!

   

東京都世田谷区にある「東京農業大学」のホームページです。

2カラムに分かれた珍しいレイアウトのサイトです。
左側には学校を撮影したムービー、右側にはコンテンツが配置されています。
ファーストビューに情報が豊富に配置されているのですが、どのコンテンツも余白を取ってすっきりとしたレイアウトになっています。

サイト全体のフォントは、タイトル部分には明朝体・文章にはゴシック体と使い分けているのですが、明朝体は大きめにフォントを設定することで、フォントのジャンプ率を上げて全体的に動きのあるサイトになっています。
また、サイト全体の色をロゴカラーの緑と黒を使用することで、可愛らしくなりすぎず引き締まった印象を受けるデザインになっています。

 - 色で表現 , ,

  関連記事

オーガニックな印象に変わる養命酒の工場

長野県駒ヶ根市にある養命酒を製造している「駒ヶ根工場」のホームページです。 「よ …

暖色系の配色にすることで、温かみのある雰囲気の温泉旅館サイトが可愛い!

島根県松江市にある温泉旅館「源泉かけ流しの宿 湯陣 千代の湯」のホームページです …

デニム・ジーンズブランドのサイトがカッコいい!

メンズのデニム・ジーンズを取り扱っている「BMC JEANS – B …

日本らしい「和」の雰囲気がつまった京都の割烹料理屋さんのサイト

京都祇園エリアにある割烹料理屋「割烹日本芸料事業」のホームページです。 ファース …

作品の色味をサイトでも表現

  大阪にある陶芸作家のサイトです。作品の色味をサイトのカラーリングで …

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページで …

カットスタイルごとのギャラリーで好みの髪型をすぐ見つけられる美容院

渋谷にある美容院「Pure Soul」のホームページです。 トップページのスライ …

背景にふわふわしたアニメーションをつけて幻想的な雰囲気に

「大丸・松坂屋のファンタスティッククリスマス2016」のホームページです。 赤と …

目に優しい色合いと文字の大きさで、見る人の目の負担を軽減させた眼科のサイトデザイン

神奈川県藤沢市にある眼科「長後えんどう眼科」のホームページです。 オレンジと緑を …

ロゴカラーを使った配色で、シンプルなレイアウトと洗練されたデザインの「グローウィン・パートナーズ」

東京都千代田区にある「Growin’ Partners(グローウィン …