2016年のWebトレンドについて海外の様子をうかがってみる

Untitled-1

こんにちは。ナガタです。

つい先日2015年に量産されたWebデザインやトレンド | unitopi – ユニトピ –とか書いたんですが、やっぱり2016年がどうなるかも追っておかないとと思いました。

海外のデザイン系サイトを見て色々気になるところを雑な勢いでメモします!

2015年のトレンドが2016年でも継続するぜ – Hongkiat.com

20 Hottest Trends That Will Shape Web Design Come 2016 – Hongkiat

こちらはデザインだけでなくテクノロジー面もあるので、Web制作者にはビビッときますね。

1. SketchがPhotoshopをリプレース

UI設計作業で話題になったSketchがもっともっと普及するよ!

2. ブラウザベースのIDE

デスクトップアプリだけでなく、CODEPENとかシェアしやすく、スニペットとして保存できるクラウドのIDEが流行るよ!

3. Sassのmixinライブラリ

メンテナブルで見やすいSass、SCSSのmixinのライブラリが流行るよ!

4. カードレイアウト

Printerestが普及したカードレイアウトは複数の項目をリストするために最適だよ!

5. ビデオコンテンツ

製品やサービスのための開発者とかが説明動画をあげるよ!わずか数分で伝えたい事が伝わるんだ!

6. ライブプレビューコンテンツ

製品やサービスを実際に使っているっぽいビデオをコンテンツに追加するよ!使うイメージがわくよ!

7. タスクランナー

Gulp, Grunt使ってるよね!手作業を軽減させてオートメーションさせていこうね!

8. ネイティブJSモバイルアプリ

モバイルアプリのためだけに新しい言語を習得するのは大変!JSでやろ!最近はすげー簡単!

9. コラボレーションツール

インスタントメッセージ、グループチャットはもうリアルタイムってだけじゃだめ。チームでの作業を円滑にするために使お!

Web制作者のためのコラボレーションツール「universions」の出番!
これでPSDだろうがAIだろうが、簡単にやりとりできてレビューも簡単だよね!!

あなたが知っておくべき2015&2016年デザイントレンド – awwwards.com

6 Web Design Trends You Must Know for 2015 & 2016

レスポンシブデザインでUIが似てきてる

つまり、以下の様なものだよ!

  • ハンバーガーメニュー
  • ロングスクロール
  • カードレイアウト
  • 高画質な大っきいイメージ

アニメーション効果

特に小規模なアニメーションのおかげで、ユーザーのためにもなってるよ!

  • ロードアニメーション(音はいらない)
  • スクロールしないナビやメニュー
  • ギャラリーやスライドショー
  • モーションアニメーション
  • スクロールイベントによるアニメーション
  • 背景アニメーション/動画

新しいフラットデザイン

ミニマルな見せ方だけど、僅かなシャドウなどで深みを作るよ!

  • 効果的な影(押せる感の演出)
  • シンプルなタイポグラフィ

2016年最大のWebデザイントレンドは何か? – Quora.com

What will be the biggest web design trends of 2016? – Quora
知恵袋的なサービス

CSS:Flexbox

垂直に整列するための最もクリーンな方法だからもっと主流になるよ!

Node.jsのCMS「KeystoneJS」

KeystoneJS · Node.js cms and web application platform built on Express and MongoDB

面白そうだよ!

ミニマリストの時代はおわる?

手書きイラストが頭角をあらわす!仕事は大変になるけど、タイポグラフィだけでは飽きるよ!

まとめ

と、雑に海外サイトから持ってきただけですが、いくつか気になるものもありますね。
フラットデザインが普及したときほどガラッと変わるなにかネタがでてくるのかどうかわかりませんが、日々進歩する業界でワクワクします。

フォローして続編をチェック

@universionsをフォロー