読者です 読者をやめる 読者になる 読者になる

I AM HARRY

WEB、英語、ライフハックや日々のニュースを発信していくWEBブログ

おすすめWordpressプラグイン6選!これで2016年トレンドのwebデザインに!

WEB Wordpress Webトレンド

Wordpressのプラグインは、SEO対策になるようなものから写真ギャラリーになるものまで様々ありますが、今回はトレンドをおさえた最新webデザインに変えてくれる?プラグインをご紹介したいと思います。

 

1. CARDS

PinterestやTwitter、Facebook、Google+でも採用されている(されていた)2015年のトレンドデザインとして、もっとも人気だったカードレイアウト。今も尚、焦せることなく人気のあるレイアウトです。Wordpressでこのようなデザインにしたいときにおすすめなのが、Masonry Layout。PCでもスマホでも最適なインターフェイスでブログやオンラインマガジン、ECサイトでもあらゆる場面で、効果的に見せることができます。

Masonry Layout

Masonry Layout (Pinterest Like Grid) — WordPress Plugins

 

 

2. DUOTONE GRAPHICS 

SpotifyやAdidas、Lois Jeansのキャンペーンサイトでも使用されていた今一番トレンドなデュオトーングラフィック。

フォトグラファーの間ではよく使われていたデュオトーンですが、昨年からWebでも一気にトレンド化しました。Spotifyが良い例です。このテクニックを用いるなら、TwotoneFXというプラグインがおすすめです。

TwotoneFX

GitHub - audiotheme/twotonefx: A WordPress plugin for applying a duotone effect to photos in the media library.

 

 3. THE PARALLAX EFFECT

ダイナミックな動きやスムーズなユーザーエクスペリエンス、3Dエフェクトなど目立った動きのあるWebデザインをするときにおすすめなのが、Parallax Scrollというプラグイン。パララックススクロールを用いることでエレガントさを出すことができます。

Parallax Scroll

Parallax Scroll — WordPress Plugins

 

4. MATERIAL DESIGN

Googleが提唱する新しいUX体系「マテリアルデザイン」。マテリアルデザインとは、

アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」

 と定義されています。

まだまだ、理解するのが難しい、マテリアルデザインですが、そんなときにおすすめなのが、Materializerというプラグイン。理解を深めるために一度使ってみるのもアリ。

Materializer

Materializer by CodyReichert

 

5. ANIMATIONS

最近よくポートフォリオサイトなどで見られるアニメーション。プロジェクトや製品の説明をするときにもよく用いられています。飛び跳ねたり、フェードしたり、回転したり、弾いたり、ひらひらしたりと、色々な動きをもたらすことによって、ページに与える印象をさらに深めていくにはもっと良い手法です。そんなときには、Animate Itというプラグン。

Animate It

Animate It! — WordPress Plugins

 

6. HAMBURGER MENU BUTTONS 

The New York Timesでも使用されているハンバーガーメニューボタン。特にレスポンシブデザインに多用されていて、8万人のWordpressユーザーの間で、ブログやマガジンサイト、企業サイトなど、あらゆるサイトで使用されるべきプラグインとも言われている Responsive Menu。これを利用するだけで、レスポンシブメニューを装備することができます。

Responsive Menu

Responsive Menu — WordPress Plugins

 

まとめ

おすすめWordpressプラグイン6選いかがでしょうか?トレンドをおさえたWebデザインにするためのプラグイン。機能的な面で使用するプラグン以外でもデザインを一気にトレンドのものに近づけてくれるおすすめのWordpressプラグインを試してみてはいかがでしょうか?

 

合わせて読みたい記事 

www.iamharry.net

www.iamharry.net

 

Copyright© I AM HARRY All Rights Reserved.