WebGallery

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

*

トップページにメニューを載せ、カラフルな構成に

   

名称未設定 1

 

「朝食フェス2015」の特設サイトです。メニューをブロック化して掲載し、様々な朝食を閲覧することができます。また、そのブロックもカテゴリーごとに写真本来の色を邪魔しないパステルカラーで彩られており、可愛らしい印象を受けました。グローバルナビがシンプルな分、写真やコンテンツをカラフルにすることで上手くバランスが取れていると感じます。ブロックも1つ1つが大きいのでスマートフォンで閲覧する際も押しやすく、間違えて別のボタンを押してしまった!なんてことも起きないデザインになっています。

サブページでは打って変わってロゴマークのカラーを使用したデザインになっていて、とてもシンプルな構成になっています。文章はスマートフォンだと字が小さいかなと感じることもありますが、このサイトでは文字を太くしたり文字間を空けたり、行間を少し広く取ったりと見やすい工夫がされており、情報が目に入りやすいと感じました。

 - 色で表現 ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

トップページやタイトル部分を縦書きにすることで和を意識した「肘折温泉」

山形県最上郡大蔵村にある温泉郷「湯の里 肘折温泉」のホームページです。 ファース …

パソコンとスマートフォンで色味が変わるサイト

  千葉県八千代市にある「京成バラ園」のホームページです。全体的にピン …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

手描き風のフォントやパステルカラーの配色を使って、安心感のあるデザインの病院サイト

岡山県岡山市にある産婦人科医院「丹羽病院」のホームページです。 ファーストビュー …

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激し …

豊富な情報量をすっきりとしたレイアウトで読みやすく、伝わりやすくする

岡山県の地域情報をお届けする「月刊タウン情報おかやま」のWebメディア「日刊We …

参考にしたい!グラデーションを使ったwebサイト5選!

最近はグラデーションを使ったデザインのwebサイトをよく目にします。色鮮やかなグ …

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

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

茶系の色で高級感を出し、オレンジで暖かみを出す「小谷流の里 ドギーズアイランド」

千葉県八街市にある「小谷流(こやる)の里 ドギーズアイランド」のホームページです …

映画の雰囲気を大切にしたデザイン

2016年の9月1日から公開されている映画「グランドイリュージョン 見破られたト …