WebGallery

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

*

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

      2016/04/19

名称未設定 1

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

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

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

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

 - 色で表現

Message

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

  関連記事

記事の写真を活かしたシンプルなレイアウト

造花やドライフラワー・クリスマスグッズやディスプレイグッズを製造・販売しているメ …

背景にテクスチャをかけ、画面を引き締める

  石油関連事業を行っている会社のホームページです。ロゴのカラーである …

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

幻想的な青の美

青の美を発信する三越伊勢丹が行っている「ISETAN JAPAN SENSES」 …

白と黒の配色で、店舗の写真を際立たせるデザイン

広島県広島市で6店舗の美容室や花屋・カフェなどを展開している「RUTH grou …

ものづくりの現場で戦う女性職人がカッコいい!特設サイト「ものの婦」

「ものの婦 – 山形には、ものづくりの現場で戦う女性職人がいる。」の …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

可愛らしいデザインのボート教習所

ボートライセンススクール「国土交通省登録 小型船舶教習所 JEIS北陸信越」のホ …

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

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

佐賀県にあるアミューズメント施設のサイトがポップなデザインで可愛い!

佐賀県武雄市にあるアミューズメント・ショッピング施設「メリーランドタケオボウル」 …