2023のWebデザイントレンドを調べてみた

こんにちは！ニラです。

１月もそろそろ終わりそうです。そして学生生活も終わりへと向かってきています。

さりげなく言っていますが、大きな節目ですよね。正直まだ卒業したくないです。

2023年になってので、カラーの次はお待ちかねのWebデザイントレンドを調べてみましょう！

なんか記事によって書いてることが全然違うんですけど、有名なやつとか、ピンときたやつに焦点を当てて紹介していきます！

ニューモーフィズム

ニューモーフィズムっていうのは、凸凹したようなデザインのことです。

立体感があります。

スキューモフィズムとはまた違う立体感ですね。ちょっと前までは、影つけると古臭いとか言われてたらしいんですけど、なんなんですかね。

でもなぜか新しい感じがします。不思議です。

片方に暗いドロップシャドウ、反対側に明るいドロップシャドウをつけるとそれっぽくなります。

Webで実装するにしてもCSSでなんとかなりそうですね。

アイソメトリック

アイソメトリックは、こんな感じで、横・奥行き・高さの3方向でつくる角度がそれぞれ120度になるように描く図法です。

ただの立体図じゃなくて120度っていうのにもポイントがありそうですね。

んで、こうゆうイラストができます。こうゆうのもよく見かけるようになりますよね。

変にグラデーションとかがないけど、描くの大変そう。

アイソメトリックの人だいたいのっぺらぼうじゃないか

時代はのっぺらぼうですね。顔を描く手間が省ける。画伯にもチャンスがある？

ミニマリズム

ミニマリズムは、いらんもんを消しまくって完成するデザインですね。

省きまくった分、メッセージがより強く強調されそうです。

電化製品をこうやって載せるデザインも結構あった気がしますね。

数時間、数日間考えまくった結果こうゆうデザインに行き着いたとき、ちょっと泣きそうになります。

データビジュアライゼーション

データビジュアライゼーションは、グラフやデータをカッコよく並べるデザインですね。

感染者マップ

今年度の授業でちょっとやりました。難しかったけどやっててよかったです。

デザイン面ではもちろん、実装もかなり難しそうですね。こんなのをチャチャッとやっちゃうプロはえぐいと思います。

このイラストも数値とかはないけど、データビジュアライゼーションの一部だったり？

非日常WEBサイト

みたことないような景色を背景にするWebもトレンドだそうです。そうゆう景色をどう作るかがポイントになってきそうです。

これに限らず、現場で使うことは少なそうですね。

画像は使わない

タイポグラフィってやつでしょうか？

あえて画像は使わずに文字やシェイプを使うことによって、デザイン性が高くなるとか。

これすごい

パララックスデザイン

パララックスデザインは、あまり言葉で言い表せないです。

なんかこう、サイトをスクロールするときに、背景画像は素早く移動するのに、他のコンテンツは遅く移動するみたいなやつです。そんで3Dっぽさを出しているサイトですね。

みなさんもみたことあるはずです。

なんか再流行しているらしいです。

引用

CGを取り入れたデザイン

ユーザーを驚かすのに相当効果的の様ですね。

CGの作り方知らない、、。できる気がしねぇ。

ナビがないデザイン

・・・・・・は？

どうやらシンプルさを追い求めて、こうゆうのが流行るそうです。

シンプルでオリジナリティを出すのは絶対難しいです。

まとめ

トレンドは、まだまだありますがピントきたものを載せてみました。

サイトを作る際に、トレンドをちょっと意識しながらデザインすると最新っぽいものが作れるかもしれませんね。

かといってトレンドに囚われすぎると、本来の目的からズレてしまうかもしれないので気をつけましょう

❤︎

2023/01/27

nira-012.mahora94

prev...

▶︎

comment

fill out コメントをキャンセル

Artist

nira-012.mahora94

よろしくお願いします