WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (2024)

トレンドは周期的であり、平均して30年ごとに一般の意識に戻ります。

ただし、トレンドは、以前の時代の外観のピンに完全な時代のacccurateの再現の形をとることはありません。トレンド知らせる私たちの美学は、デザインの選択に大小を問わず、より現代的なスタイルを備えた新しいリミックスとハイブリッドを作成するように促します。

トレンドサイクルが再び登場しました。今回は、Y2KはそうでしたY2Kファッション滑走路を鳴らして、Y2Kのキャンディーの色はミレニアル世代のピンクの玉座を奪い、デザイナーはコーポレートメンフィスから移動します土地、サイバーパンクと宇宙時代のY2K美学を受け入れます。

Y2Kの楽しいのは、その楽観的で、ユニロニックで、幻想的なルックスです。それは、ミレニアムのターンの希望に満ちた未来主義と混ざった初期のデジタルDIYです。現代のウェブデザイナーは、独自のスタイルを作成するように見えるリミックスを作成でき、デザインに新鮮で遊び心のあるエネルギーをもたらします。

Y2K美学を生み出した影響

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (1)

Y2Kは、初期のインターネット時代(およびそのテクノロジー)を、ミレニアムのターンの将来の興奮と組み合わせた結果です。

審美的には、それは宇宙時代にうなずき、臭い形状と明るく光沢のあるテクスチャを取り入れています。また、ヒップホップスタイルを、キラキラ、フラッシュ、誇張された形を採用し、キャンディーの明るい色とサイケデリックな画像で絶賛された文化を参照しています。

これの多くは、当時の反響学によるものです。90年代後半以降の初期には、Web開発がまだ出現しており、ほとんどのユーザーは低帯域幅の接続があり、ピクセル化または低FI画像、および初歩的な種類のアニメーション(スピニングシェイプなど)につながりました。

しかし、テクノロジーは急速に発展しており、デザイナーは新しいことをテストし、曲線や曲率などのグラフィカルにできることの境界を押し広げていました。「Y2Kの美学では、以前はそれほど簡単にできなかったため、曲線は最高でした。エヴァン・コリンズ、の作成者消費者美学研究所

Y2Kの使用方法現代のWebデザインプロジェクトで外観

Y2Kの外観を独自のデザインに組み込む場合、時代からインスピレーションのソースを見つけることをお勧めします。

開始するのに最適な場所は、アーカイブがあるY2K美学研究所ですインスタグラムツイッター、 そしてタンブラー。チェックアウトすることもできますnewWavearch90'sy2k imgurコレクションy2k美学subreddit、そしてこのコレクションY2KはBehanceでプロジェクトをします

次に、取り組んでいるサイトに適している要素の種類を把握します。ファッション、音楽、デザインのよりトレンディなサイトの場合、オールインしてウェブサイトのY2Kアートピースを作成できる場合があります。あなたは完全な歴史的な複製を行うか、特定の要素からインスピレーションを得て、美学に対する独自の現代的なテイクを作成することができます。

ただし、多くのWebデザインプロジェクトでは、機能とアクセシビリティにもっと集中する必要がある場合があります。この場合、Y2Kを調べて、特定の視覚要素を借りることができます。サイトのY2Kカラーパレット、フォント、または写真スタイルを選択してください。お気に入りの広告やCDカバーに触発されたデザインの形または背景。

あなたのために働く要素を取り、それらをデザインに取り入れてください。現代のスピンでトレンドを再解釈してください。あなた自身の見た目を作りましょう。

カラースキーム

Y2Kには非常に特定のカラーパレットがあり、それらの多くは現代のウェブサイトで美しく機能します。サイトの設計にこれらの配色のいずれかを選択するか、カラーピッカーツールソース画像から直接シェードを引く。

クロム、メタリック、ホログラフィック

Y2K時代には、すべてが光沢がありました。デザインは未来的であり、フォントのクロム効果はすべての人のコンピューターで突然簡単に入手でき、3Dグラフィックスは完全にradに見える光沢のあるオブジェクトを作るのに十分高度になりました。

この外観には、透明な反射を備えた明るいクロム、つや消しの金属製の光沢、または多くの柔らかい青、白、ピンクの真珠光沢のあるホログラフィック効果が含まれます。

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (2)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (3)

モノクロ

多くのY2Kデザインでは、写真やデザインにモノクロオーバーレイも使用していました。考えてくださいマトリックスの色 - グラデーション、世界がカリカリの深い黒人を備えた単色の緑色の色合いを手に入れます。また、この時期に人気があり、氷で未来的に見えた白人の青いモノクロがありました。

画像を飽和させてから、この効果を作成したり、色相を誇張したり、でプレイしたりするために完全なシングルカラーの色合いを与えます。活力特定の色を引き出すため。コントラストを増やすのではなく、黒を暗くするか、画像のハイライトを増やして、一方の方向に押し込むようにしてください。

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (4)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (5)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (6)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (7)

キャンディーブライト

60年代の影響は、Y2K時代のグラフィックデザインに使用された明るく平らなキャンディーの色に示されています。明るく、わずかに衝突する色を選択し、デザイン全体でフラットブロックで使用します。また、この間に人気のある漫画の効果に白または黒の境界線を組み込むこともできます。

タンジェリンオレンジ、バービーピンク、ライムグリーン、ベビーブルー、飽和パープルは特に象徴的でしたが、この外観は、黒や白をベースに混ぜないフルク色の任意の組み合わせで機能します。

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (8)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (9)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (10)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (11)

ブレンドマルチクローム

衝突する色は、多くの場合、重い黒人を使用してブレンドデザインで使用され、宇宙船やナイトクラブを呼び起こす超クールな外観を作成しました。Y2Kのデザインは、しばしば少し茶色を取り入れていっぱいに取り入れましたが、現代の解釈は、暗い背景に対して明るい混合色と勾配の形をとるかもしれません。

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (12)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (13)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (14)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (15)

Y2Kフォント

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (16)

Y2K時代のフォントはそうでした楽しい。彼らは非常に未来的であり、デザイナーはラインと重量で遊んで、超誇張された形を作りました。よりシンプルなフォームを必要とするコンピューターディスプレイ言語からインスピレーションを得た人もいました。フォントは、バブルのようなものまたは角張っている、超薄い、または超分厚いものです。彼らはしばしば境界を含め、漫画やステッカースタイルのルックスに向かって遊んでいた。

このトレンドを利用するには、既存のデータベースからY2Kのようなフォントをたくさん選択できます。視覚薬局素晴らしい選択があります。作成することもできますカスタムレタリング画像またはヒーローセクション用。カオスY2Kルックのデザインに複数のフォントを混ぜます。

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (17)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (18)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (19)

効果

Y2Kは、完全な外観をまとめたテキスト、画像、および背景に頻繁に組み込まれたフィルターと効果を組み込んだように見えます。Photoshopの進化は、他の画像ソフトウェアとともに、90年代を通じて、ミレニアムのターンまでに、これらの効果がほとんどすべてのグラフィックデザイナーが利用できることを意味していました。

デザインのこれらの効果のいくつかを使用して、サイトの画像、テキスト、視覚的要素に先祖返りのような外観を与えます。

輝く

グロー効果よりも未来的なものは何ですか?多くのY2Kデザインでは、宇宙船や満員のレイブのライトを連想させる、吹き飛ばされた外観を与えるために、デザインの1つまたはすべての要素に輝きを使用しました。

サイトの要素にグローを簡単に追加したり、この効果を呼び起こす画像と背景を輝かせたりすることができます。また、aとして完全に機能しますホバー効果インタラクティブ性を追加します。

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (20)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (21)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (22)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (23)

グリッチ

グリッチ効果は、90年代の恐ろしいエフェクトであり、Y2K時代にトリッピアなサイバーグリッチ効果に移行しました。グリッチとは、デジタルの間違いとノイズの外観をデザインに組み込むことを意味します。初期のデジタルテクノロジーの美学をロマンチックにしました。

グリッチエフェクトを使用して、テキストに視覚的な関心を加えることができます。また、ウェブサイトのグラフィックを作成するのに最適な方法でもあります。ランダムノイズ、ピクセル化された要素、またはぼやけたリキイフィルター効果を画像に追加して、Y2Kにインスパイアされた外観を作成します。サイバーパンクのようなグリッチアニメーション効果を使用することもできますValdis Zhvaginsh

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (24)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (25)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (26)

ネガティブな画像と色

画像、テキスト、形状をY2Kデザインにブレンドするときに、頻繁に悪影響が使用されました。多くの場合、それらは、重複する画像に色と視覚的興味を追加する方法でした。

衝突を使用するだけで、この効果を組み込むことができますデュートンカラーパレット、画像に負の効果を適用したり、否定的なイメージのマウスオーバー効果を作成したりすることさえありますsincco良い彼らのウェブフローサイトのためにやった。

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (27)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (28)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (29)

写真と図像

時には、ソースが外観全体ではなく、デザインのグラフィックや写真を刺激するだけです。シンボル、背景、またはサイトのグラフィックを作成するために使用できる興味深いルックスがたくさんあり、Y2Kルックを呼び起こす写真に効果を適用できます。

低FIコンピューターグラフィックス

3Dグラフィックスは、Y2K時代にこれまで以上に広くアクセスしやすく、高度であり、デザイナーはそれらを最大限に活用しました。彼らはきれいで現実的ではありませんでしたメタバース- しかし、私たちが今持っているインスパイアされたルックス。代わりに、彼らは光沢があり、低Fiで、ほとんど漫画のようでした。

Vaporwave近年流行しており、これらの混oticとした3Dグラフィックの多くが組み込まれています。彼らはウェブサイトの素晴らしいイラストを作成し、個々のオブジェクトや混oticとしたサイトの背景としても使用できます。フローティング画像、インタラクション、アニメーションはすべて、3Dオブジェクトでうまく機能します。

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (30)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (31)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (32)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (33)

人々の写真

写真と人間の人物は、広告からCDカバーまで、すべてにおけるY2Kデザインの重要な部分でした。Y2Kの外観は通常、写真を分離するのではなく、画像をデザインにブレンドしました。多くの場合、人々は切り取られ、画像効果を備えたデザインに溶け込みました。スティーブマッデンビッグヘッド広告

このインスピレーションを組み込むには、写真から人々を切り取って、全体的な色合いを与えてみてください。写真が超高角度または低い角度および/または魚眼レンズから撮影された場合、追加のクレジット。画像は、多くの場合、解像度が低くなったり粒子が粗く、印刷されたポスターや雑誌の画像の色付きドットと粒がありました。

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (34)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (35)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (36)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (37)

泡と塊

フラットと3Dの両方の水っぽい形状は、Y2Kデザインでグラフィック要素として、およびテキストで頻繁に使用されていました。一部の形状は60年代の原子形状のように見えましたが、他の形状は水滴または溶融クロムの外観を再現しました。

これらの形状は、視覚要素をサイトに追加する楽しい方法です。それらを背景またはテキストの後ろに重ね、形状内またはサイトをスクロールするときの動きを組み込みます。

Y2Kのインスピレーション:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (38)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (39)

現代のテイク:

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (40)

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (41)

Y2Kスタイルの鍵は、楽しく、素晴らしい未来主義を受け入れることです

Y2Kスタイルは誇張され、過度で、幻想的でした。外見は極端に押し込まれ、デザイナーはエイリアンの宇宙船から引き離されたように感じた画像を作成しました。それは、心から楽しい、楽観的なスタイルであり、それをうまくデザインするために、あなたはその視覚的に遊び心のあるアプローチを受け入れるべきです。

デザイナートビアス・ヴァン・シュナイダーの人気を再現することについてミューズしますY2Kルック彼のブログで。「10年か2年か2回冷酷で不毛なミニマリズムの後、私たちは個人、カラフル、贅沢、過剰なものに戻ります」と彼は言います。彼は、「未来は有望で光沢があるように見えた。文字通り。"

Y2K美学の独自の現代の解釈を作成するために、2023年に始まる幻想的なサイバネティックな未来を想像してみてください。その未来のように見えるウェブサイトスペースを設計します。

WebデザインプロジェクトのY2K美学:あなたが知る必要があるすべて|Webflowブログ (2024)
Top Articles
Latest Posts
Article information

Author: Rev. Porsche Oberbrunner

Last Updated:

Views: 6417

Rating: 4.2 / 5 (73 voted)

Reviews: 80% of readers found this page helpful

Author information

Name: Rev. Porsche Oberbrunner

Birthday: 1994-06-25

Address: Suite 153 582 Lubowitz Walks, Port Alfredoborough, IN 72879-2838

Phone: +128413562823324

Job: IT Strategist

Hobby: Video gaming, Basketball, Web surfing, Book restoration, Jogging, Shooting, Fishing

Introduction: My name is Rev. Porsche Oberbrunner, I am a zany, graceful, talented, witty, determined, shiny, enchanting person who loves writing and wants to share my knowledge and understanding with you.