こんにちわ!デザイナーの片山です。
先週の日曜日は、七五三でしたね~。
子どもの可愛さにはとても癒されます(^^)/
さて、今回はそんな「子ども」に関する、
幼稚園・小学校・中学校のwebデザインをテーマに紹介していきたいと思います。
1. 洗練されているデザインかどうか
突然ですが、皆さんが通われていた幼稚園や小・中学校のwebサイトを
見たことはありますか?
「色がたくさん使用されていて少しみにくい…?」
「画像の配置が少しバラバラでわかりづらいかも?」
などと感じてしまうデザインを時々見かけることもあるのではないでしょうか・・・?
Web業界の現状では、技術や見せ方の進化で、流行が使用されていてお洒落!
更に見やすさが重視されている!などなど
「洗練されたデザイン」を見ることが多くなってきていますよね。
そこで、今回は、「洗練されたデザイン」を
今回のテーマである、「学校サイト」を例に紹介していきたいと思います。
● 幼稚園のwebサイト
①デザインのコンテンツが右や左によらず、
子どもの笑顔の写真や学習風景が見えるメインビジュアルがスライドショーになっており、
一目見てすぐに楽しさが伝わってきます。
②メインビジュアルの次に、一番見せたいページにとんでもらえるように、
画像と短いテキストがリンクされています!
リンクされているだけではなく、マウスを載せると少し傾いたりなど、
リンクされていることがわかりやすい動きがユーザーにとってわかりやすいですよね。
③クレヨンで描いたような柔らかい雰囲気のイラストにパステルカラーが使用され、
子どもらしさと安心感を与えてくれます。
●幼稚園のwebサイトⅡ
①メイン画像がよくある長方形のスライドショーではなく、
上下に丸みをつけたデザインで画面いっぱいに広がり、
サイト全体を包み込んでいるような優しい雰囲気を感じます。
園内での学んだり、元気に遊んでいる子供たちの写真も使用されており、
より、安心感が伝わってきますよね。
②上記で紹介した幼稚園のサイトとはまた違ったイラストが用いられています。
子供が好きそうな動物がたくさん使われていますね♪
更に、このアイコンにふれると、ちょっとした動きが!
こういうところにも楽しさが感じられますね!
③コンテンツ内はタイトルがあり、それに対する画像があり、テキストがあるといった
保護者の方が見て、わかりやすいレイアウトではないでしょうか。
● 中学校のwebサイト
①メインビジュアルの画像と項目が変わっていくのですが、
変わり方がとてもおしゃれです!!
大きくて印象に残りやすいメインビジュアルになっているのでは?
②リンクのボタンや見出しなど全体的にシンプルなデザインです。
更新することが多い学校サイトでは、タイトルなどをCSSで簡単に組み、
タイトルなどは、画像ではなくテキストにすることで、
もし変更がある場合でもすぐに変更対応ができる利点があります!
③【http://www.mita-is.ed.jp/about/welcome/】
上記のURLのページでは、パララックスが使用されており、
まさに流行なデザインをとりいれつつも、
各カテゴリーがカラフルな色にわかれていることで、わかりやすくなっています。
いかがでしたか?
学校サイトに限らず、スーパーやその他会社など
まだまだ、「デザインが少し見にくい…」
と思う「洗練されていないWebサイトのデザイン」が存在しているはずです。
デザインの流行は、ものすごいスピードで変わっていきますが、
見やすいデザインにすることで、より多くの方に見やすさを感じてもらえ、
多く閲覧してもらえるサイトになるはずです!
以上、「今見るべき!洗練されていないから洗練されているwebデザインへ」
でした。
次回もお楽しみに!