マルチカラムを利用してスケジュールを表現！イベントサイトのWebデザイン

Webデザイン３つの良いとこ : 3 Good Point!

昨日に引き続き、pinterest風のWebデザイン、というよりマルチカラムをうまく利用しているイベント告知のWebデザインのご紹介。isotopeというjQueryプラグインの使い方が良いですね！

マルチカラムでスケジュールをうまく表示させています。なるほどこんな見せ方もあるんですねー！

今日のマルチカラムデザインは、昨日のようにmasonryではなく、「isotope」というjQueryプラグインを利用しています。これすごい便利で、ソート機能が超絶便利なんですよね。

ということで、そんなisotopeのソート機能をふんだんに使っているのが今回のWebデザイン。曜日ごとにソートすることができます。

特定の曜日について簡単に知れるこの機能は、イベントなどのWebデザインにとっても合うのではないでしょうか。

isotope以前利用したことがありますが、これは本当に色んな使い道がありそう…!

サイトをスクロールしていくと、途中で止まらせることを阻止するデザインが仕組まれています。

この大きな矢印って、全体のデザインに合うのもけっこう簡単にできるし、その上でユーザーにどうすれば良いのかを目で知らせることができるので便利ですよね。

こういったWebデザインは、デザイナーの腕の見せ所。しっかりとユーザーの導線を考えているWebデザイン、参考になりました！

今日参考にさせて頂いたサイト

Twitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。ぜひフォローしてください！