WebGallery

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

*

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

      2016/04/19

名称未設定 1

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

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

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

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

 - 色で表現

Message

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

  関連記事

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

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

万華鏡のようにクルクル変わるタイトルが綺麗!なアートイベント

2016年7月30日から東京ミッドタウン・ホールで開催されている「FLOWERS …

レンズ越しに見る片山津温泉の風景

片山津温泉観光協会のオフィシャルページ「水と光と音のまち 片山津温泉」のホームペ …

フラットデザインだけど、グラデーションの処理を1人1人違ったものにして印象強くしている学習塾の特設サイトがカッコいい!

東進ハイスクールが提供している特設サイト「SEKAI ぼくらの未来を広げるWEB …

見出しを明朝体、文章をゴシック体にして凛々しい雰囲気を出しながらも親しみやすさを感じる士業サイト

東京都品川区にある税理士事務所「CROSSROAD(クロスロード)」のホームペー …

重要な情報は配色を逆にして目立たせているレストラン

大阪市にあるフレンチレストラン「convivialite」のホームページです。 …

幻想的なプロモーション映像を使ってイベントの様子を紹介している灯篭まつりのサイト2選!

昨日とは打って変わって、一気に気温が上がりましたねー… 普段は室内にいるので事務 …

うっとりする写真が盛りだくさんの「休暇村」

休暇村協会が運営している「休暇村」のホームページです。 背景に和紙のようなテクス …

豊富な情報量をコンパクトにまとめた競馬場サイトがオシャレ!

北海道帯広市にある競馬場「帯広競馬場(ばんえい十勝)」のホームページです。 2カ …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …