WebGallery

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

*

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

   

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

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

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

 - 色で表現 , ,

  関連記事

学校の「楽しそう!」な雰囲気が伝わってくる専門学校

愛知県名古屋市にある、医療系や販売・ITや観光系などのビジネス専門学校「あいちビ …

黒を使った重厚感のあるデザインで、明治から続いている歴史ある酒蔵を表現した「明治蔵」

鹿児島県枕崎市にある「薩摩酒造花渡川蒸溜所 明治蔵」のホームページです。 背景の …

様々な情報が各ブロックごとに色んな大きさで並んだレイアウト

長野県小谷村の観光公式サイトです。 左側にアイコンが縦に並んだメニュー欄、右側に …

サイトを見てるだけで食べたくなる!焼きたてチーズタルトの専門店「PABLO」

「焼きたてチーズタルト専門店 PABLO」のホームページです。 コンテンツやIn …

日本古来の色合いを使ってデザインされた着物専門店

東京都中央区銀座にある着物専門店「GINZA 和貴」のホームページです。 ファー …

緑色のイメージを効果的に使った製造会社

石川県で焼成炉や乾燥炉などの設計・製造を行っている「株式会社アクトリー」のホーム …

タグで切り替えて表示することで2ページ分の情報を1ページに収める

北海道河東郡音更町にある十勝川温泉の魅力を紹介する「潤い十勝川」のホームページで …

【WEBサイトまとめ】もうすぐ春!ピンク色を効果的に使ったサイト5選!

まだまだ寒い日が続きますが、暦の上ではもう「春」ですね〜。 ということで、今回は …

青とゴールドの組み合わせがゴージャス!なバーのサイト

今年もあと僅かになりましたね… 何だか今年はあっという間だった気がします(毎年言 …

お昼寝案内

  手書き風のゆるーっとしたサイトです。イラストを使用してわかりやすく …