WebGallery

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

*

3つのパートで構成されたオープンシティ戦略

      2016/04/19

名称未設定 1

「#オープンシティ釜石」のホームページです。

大きく3つのコンテンツに分かれており、その内容ごとに左側に固定されたメニューの背景色が変わるのがとても良いですね!内容が切り替わるごとに画面に大きくタイトルが表示されるのも1つの紙芝居を見ているようなデザインです。

情報量が豊富な分、イラストを使用して簡潔にまとめて読みやすいデザインになっています。人口推移のグラフや参考データなどは最初から表示させておくのではなく、ボタンを押すとイラストが表示される仕組みになっています。こうすることで、スクロールする量が省けてさらに見やすくなりますね!

「オープンシティ戦略」について書かれた部分では、写真を使って分かりやすく説明するのはもちろん、点線を使って目線の流れを誘導したり、縦書きで写真に言葉を付け足したりと読み手が読みやすいように工夫されています。

 - 色で表現

Message

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

  関連記事

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

岡山県岡山市にある「福田茶屋」のホームページです。 ファーストビューのスライダー …

漁師への関心を高めるために、背景の写真や動画をたくさん使用して漁師の仕事が伝わりやすくした「Fisherman Japan」

「漁業をカッコよく」をコンセプトに集まった東北の若手漁師集団「Fisherman …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

黒い色を使ったデザインがカッコいい!化粧品ブランドのサイト5選!

未だにこういった化粧品のメーカーって、どこを選んだらいいか迷ってしまいます… 結 …

青と黄色のみでデザイン

  東京都にある矯正歯科医院のサイトです。スウェーデンの国旗のカラーの …

女性が見ても親しみやすい塗装屋さん

神奈川県を中心に屋根・外壁塗装を行っている外壁塗装専門店「株式会社 松本建装工業 …

エイプリルフールに公開されたサイトをご紹介!第四弾「Gboard 物理手書きバージョン」

Googleがエイプリルフールに公開した「Gboard 物理手書きバージョン」の …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

工場のようなイラストが可愛い!バレンタインのキャンペーンサイト

2017年の東急ハンズのバレンタイン「楽しまなくっちゃ、バレンタイン」の特設サイ …

背景を白にしたシンプルなデザインにしていちごの美味しさが伝わるようにしたいちご園

静岡県富士宮市でいちご狩りや紅ほっぺを使った商品の販売を行っている「いちご 生産 …