2016 design

1. 2016年はこれだ！
Webグラフィックデザインの
トレンドを学ぼう
柳原 光里

2. 本日の題材を決めた理由

3. Webデザインの今のトレンド
今必要とされているものは何なのか？
なぜそれが必要とされているのか？
を理解して
業務に活かしたい！

4. Webデザインの
今のトレンドは何か？
その背景は何か、
今後はどんな展望が
予想されるか？
知っておいたらいいかもと感じたも
のをpickupして紹介します。

5. 16 Graphic Design Trends To Watch
In 2016
というサイトを参考に作成しました。

6. アジェンダ
・レスポンシブデザインについてもう一度考えよう
・モジュール式のデザインを活用してみよう
・無限スクロールに対応したデザインについて考えよう
・フラットデザインについてもう少し追ってみよう
・配色を考えよう
・個人的な総括

7. 01. レスポンシブデザイン
について今一度考える

8. • レスポンシブデザインは今
や任意で取り入れればよい、
というものではなく必須！
• Googleでは「モバイルフレ
ンドリー」を実施している
• スマホに関するUXが最重
要！良いデザインとは、ス
マホのスクリーンで完璧な
ユーザビリティを持つこと

9. 02. モジュール式のデザイ
ンを活用

10. • Webで長い文章を読み手に
伝えたい場合は、短いパラ
グラフに分けて組み合わせ
て構成するのが従来だった。
• 今後はそれに加えてタイルっ
ぽいモジュール式のデザイン
を適用するのがよさげ。

11. • モジュール単位に情報をまとめることで、
ユーザーは正確に・簡単に読んで情報を得ることが
できる。
使用されている例

12. 03. 垂直なパターンのイン
ターフェースデザインを
考える

13. • Twitter,Facebook, Pinterest
など多くのサイトですでに
取り入れられている、無限
のスクロールに対応したデザ
イン。
• スクロールするのは今やク
リックするより簡単で速い。
UXを中断させない。
今年はより多くのサイトが
垂直方向のスクロールを意
識したデザインになるかも。

14. 04. フラットデザインの進化
flat design 2.0

15. • 長い影を使ったデザイン。
奥行きを持たせることがで
きるので、単調なフラット
デザインのアクセントにな
りそう！
• [ long shadow design ]とし
てフラットデザインの進化
と表現されている。

16. 05. 鮮やかな配色で魅せる

17. • 2016年のトレンドカラーはパステルを基調にした色
• 色のトレンドがデザインにも影響して、
派手で鮮やかな、80年代を連想させるような配色が
今年は好まれそう。

18. 感じた点（総括）
• ユーザーはネイティブアプリで、Webより速いブラ
ウジングを経験するようになってきているというこ
と。
モバイルを意識して無限スクロール可能なサイトを
構成することや、アプリを彷彿とさせるWebデザイ
ンを取り入れることでユーザーにとにかく速く見せ
たいコンテンツを見せるのが良い。
• フラットデザインに重点が置かれているのは以前か
らだが、それをより洗練させることにシフトしよう！