はじめまして！
今月よりASUEのデザイン担当で入社したシバタです。
ブログを書くことが久しぶりすぎて緊張しております(*´Д`)ﾊｧﾊｧ
このブログを通して最近のトレンドなデザインや、面白楽カッコ便利なjQueryプラグインなどを紹介できればと思っています！
早速ですが本日は最近気になっているjQueryプラグインのご紹介をしたいと思います！
そもそも、「jQueryって何？」って思う方もおられると思いますので超簡単に説明を。
一言で言うと「JavaScriptライブラリ」。じゃぁ「ライブラリって何？」ってなりますよね・・・うん・・・。
とりあえず難しいことは置いときます！！！！！！！！！
魔法を使う前の掛け声みたいなやつです！うん！！掛け声！！準備みたいな！！
例えばかめはめ波のかめはめの部分。詳しい説明はまたの機会でご紹介したいと思います。
それじゃ遅いよ！って方はこちらのサイトを参考に。
細かく説明されていてわかりやすい！デザインもキレイで読みやすいかと思います。
では、本題に戻ってプラグインのご紹介を。
目次
JQuery Panorama Viewer
画像をマウスでドラッグすることで横に広がっている画像を見ていくことができます。
大自然や夜景などパノラマサイズの画像をびゅーん！っと見れます！
ITEM BLUR EFFECT
ITEM BLUR EFFECT WITH CSS3 AND JQUERY
マウスを乗せると、乗せたアイテム以外がぼやけます。
ぼやけることによって乗せた部分だけが強調されるので、まわりのコンテンツとの差が出来て読みやすくなりますね！
Swatch Book
SWATCH BOOK WITH CSS3 AND JQUERY
スウォッチブック風メニューです。
なかなか使いどころが難しそうですが、インパクトがすごい！
jquery.diamonds
画像のlトリミングをダイヤの形に！
お洒落なブランドサイトなどに効果を発揮しそうですね！！
jquery.flatshadow
テキストにロングシャドウが実装できるプラグイン。
フラットデザインのアクセントにいいですね！！
さいごに
CSS3も交えたプラグインもご紹介しましたが、こういった効果はデモサイトでコチョコチョしているだけでワクワクしちゃいます！
しかし、この様な効果は使いどころを見誤ると本質の伝えなければならない内容がボケてしまうのも確かです。
そのサイトに合った効果や伝わりやすさを追求したデザインを心掛けたいですね。
せっかく制作したLP、成果出てますか？
- ブランディング色が強く訴求がおろそかに……
- なんのサービスかがわかりにくい
- ターゲットに刺さりにくいデザインになっている
- CVRが低い・成果に繋がっていない
本資料では、上記のやりがちな失敗を踏まえて
売れるデザインにするための効果的な方法を分かりやすく紹介！
この記事を書いた人
shibata
印刷屋さんを2件渡り歩いてDTPやWEB制作のディレクターやデザイナーに携わり、500案件以上のデザインを行ってきました。「わかりやすい」「伝わりやすい」をモットーに日々業務を遂行しております。
現在はASUEの制作部隊の責任者兼ビール担当大臣。
