<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=178786699202160&ev=PageView&noscript=1" />
SONICMOOV Googleページ

2018年の制作に取り入れたい!トレンドのWebデザイン

2018年の制作に取り入れたい!トレンドのWebデザイン

ひよっこデザイナーのmgです!早いものでもうじき2017年も終わりに近づいてきましたね…!そこで2018年のWeb制作に取り入れたいトレンドのWebデザインについて調査してみました!!

目次

01. 文字を画像からずらして配置する

この頃 整然としているデザインの枠を超えていくような不規則に配置されたデザインが多くなってきているなと感じています。文字を画像からずらした配置にすることで動きや勢いが生まれます。

キドリ

キドリ

アソビュー

アソビュー

Wantedly

Wantedly

ハウスM21

ハウスM21

02. 斜めにレイヤーや線を重ねる

こちらも先ほどご紹介した「文字を写真からずらして配置する」と同様、きっちりと決まりきったデザインから斜めにレイヤーや線を重ね、遊びごころを持たせることで新たな価値を生み出しているように感じます。躍動感やわくわく感が感じられますね。

ベイク チーズタルト

ベイク チーズタルト

クロッカンシュー ザクザク

クロッカンシュー ザクザク

ORIENS

ORIENS

デンソー ブランドサイト

デンソー ブランドサイト

03. カラフルなグラデーション

フラットデザインなどデザインがシンプルな方向性になっていたためカラーもシンプルにベタ塗り…という傾向がありましたが 近年グラデーションが再び注目されるようになってきています。なかでも複数の色を使ったカラフルで鮮やかなグラデーションをよく見かけます。画像の上からグラデーションを重ねていたり、文字をグラデーションにしたりという例もあります。

久米島インスタTRIP

久米島インスタTRIP

PUBIC HAIR

PUBIC HAIR

南福岡自動車学校新卒サイト

南福岡自動車学校新卒サイト

INUPATHY

INUPATHY

04. デュオトーン

デュオトーンとは、2色(Duo)の色合い(Tone)という意味でベースとなるミドルトーンとハイライトカラーから構成されるデザインのことです。デュオトーンを使うことにより一味違うアーティスティックな雰囲気やインパクトを与えることができます。ファーストビューやアイキャッチに使用するのがおすすめです。

Spotify

Spotify

情報科学芸術大学院大学

情報科学芸術大学院大学

ADISON PARTNERS

ADISON PARTNERS

Brooke Promnitz Marketing & Design, Modesto

Brooke Promnitz Marketing & Design, Modesto

05. スプリットスクリーンレイアウト

画面を大胆に複数に分割するレイアウトです。一度に複数面の情報を見る事ができたりスマートフォンでは分割部分を上下に分けることでレスポンシブデザインとも相性が良いなど様々な利点があります。

黒川温泉 旅館 山河

黒川温泉 旅館 山河

Fanny Myard

Fanny Myard

東京農業大学

東京農業大学

TIARAinc.

TIARAinc.

まとめ

いかがでしたでしょうか?トレンドのデザインを調べていくうちにぴっちりとしたデザインから殻をやぶっていくようなもっと自由に大胆で楽しい方向へ進んで居るような印象を受けました!いろいろな表現を効果的に使い2018年も素敵でわくわくするデザインをしていきたいですね!!

記事作成者の紹介

mg(デザイナー)

ひよっこデザイナー かわいい女の子やレトロなものが好きですʕ•̫͡•ʔ

関連するSONICMOOVのサービス

Webデザイナー募集!

イラストーレーター募集!

×

SNSでも情報配信中!ぜひご登録ください。

×

SNSでも
情報配信中!
SONICMOOV Facebookページ SONICMOOV Twitter SONICMOOV Googleページ

Webデザイナー募集!

新着の記事

mautic is open source marketing automation
S