東京のWeb制作会社LIGLIGならできるおもしろいこと。デザインシェアこんにちは、デザイナーの藤田です。2016年のトレンドを見ていきましょう。ページの非同期遷移http://www.jeanphilippenuel.com/2015〜2016年のトレンドと言われて真っ先に思いついたのが、ページの非同期遷移です。ページ遷移のたびに共通要素を読み込まなくてよいため、通常よりも早い画面遷移をおこなうことができるという利点と、画面遷移に切れ目がなくなるので、ユーザーによりリッチな印象を与えることができます。ローディング〜メインビジュアルのリッチなアニメーション演出https://dena.com/running/ローディングもさることながら、ローディング完了時のメインビジュアルのアニメーションにも凝ったサイトが増えてきたように感じます。人は動くものに対して注目しやすいので、アニメーションによってブランドイメージを伝え、一気にユーザーをサイトの世界観へ引き込む。効果的な手法なのではないでしょうか。スプリットスクリーンhttp://gms.life/この手法は高解像度のディスプレイが普及するようになり、大きなブラウザサイズでの閲覧時でも左右の余分な余白を生まないために考案されたのではないかと考えられます。参考サイト以外にもこちらのサイトのように、画面の途中からスプリットスクリーンに変わる構成もおしゃれですね。拡散型シャドウhttps://draft.co.jp/平坦なデザインにシャドーを使用して奥行きを表現する手法は以前からも使われてきましたが、今っぽいシャドーの付け方は間違いなくこちらではないでしょうか。要素の重なり感が強く出るので、パララックスアニメーションと親和性が高い手法ですね。アシンメトリーなレイアウトhttp://weekend-sendai.com/以前から見出しなどの「あしらい」に「紙面ぽい」デザイン手法は多く見られましたが、今年に入り、グリットを若干崩したレイアウトによって「紙面ぽい」感じが表現されているデザインが多く見受けられるようになりました。ランダムに配置しているように見えても、ページ1枚を通してみると左右のバランスがしっかりと取れるようデザインされているサイトが多いです。一画面構成http://www.kabu-kitamura.com/colon/ユーザーへ伝えたいことが限定しているため、画面内を構成する要素は必要な物だけにする、という発想から生まれた手法かと思います。海外のサイトではこのような構成のサイトが多く見られますが、国内のサイトでもミニマムデザインのトレンドともあいまって、今後も多く見られるようになってくるのではないでしょうか。無限スクロールの応用http://www.navigatingresponsibly.dk/ユーザーへの行動喚起としてクリックよりスクロールされる方が障壁が少ないことから、メディアサイトなどでは以前より無限スクロールを使用したサイトが多く見られていましたが、近年はメディアサイト以外でも前述の理由よりスクロールをし続けると、そのまま次のページへ非同期遷移する構成のサイトが多く見られるようになってきました。国内ではまだまだあまり見られない手法ですが、パララックスアニメーションなど、「スクロールするのが楽しい!」と感じられるようなサイトと親和性の高い手法ですね。マージンを置かないブロック要素を並べたデザインhttp://www.kirkorarchitects.com/こちらはレスポンシブサイトの普及から多く見られるようになった手法ではないでしょうか。実際の案件に取り入れるのはなかなか難しいものから、今すぐにでも真似したい手法などさまざまでしたね。技術の進歩とともに表現が変わっていき、トレンドの移り変わりが激しい中で常に流行を追うのはなかなか大変ではあるのですが、自身の勉強も兼ねて今後も定期的にこのような記事を書いていければと思います。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。