ウェブデザインの発展と西洋建築の類似点は何でしょうか?

ウェブデザインの発展と西洋建築の類似点は何でしょうか?

歴史は常に驚くほどうまく繰り返される。西洋建築とウェブデザインは、どちらも工学と芸術の組み合わせです。その発展の歴史の類似点は、次の 4 つの要素と切り離すことができません。

ユーザーに場所を提供する

これらはすべてエンジニアリングを利用して構築されています

科学技術の進歩が発展のボトルネックとなっている

それでも、それらは依然として芸術の一形態です。

これらの設定を念頭に置くと、建築と Web デザインが非常によく似た道筋に沿って発展してきたことがはっきりとわかります。したがって、Web デザインの将来を知りたい場合は、過去のアーキテクチャを調べれば十分です。

1. 新石器時代 - シンプルで限られた構造

ウェブデザインと西洋建築の類似した発展過程 123WORDPRESS.COM

この段階では、何かを構築するだけでも大変な作業であり、サイズや位置などの変数を除けば、実際には特別なトリックはありません。

2. 古典主義:秩序と適切な装飾

2

古典建築では、比率と階層構造が非常に重視され、明確な層と各部分に異なる機能があります。素材と媒体 (石/ピクセル) は古いスタイルを踏襲しています。パターン化された石が初期の伝統的な木製の梁に取って代わり、Web 上では 3D およびスキューモーフィック ボタンが物理的なキーを表します。

3. ロマネスク建築:重厚で丸みを帯びた

3

ローマ建築では、柔らかいエッジと厚い壁や仕切りが使われるようになりましたが、これはまさに 90 年代後半の Web デザインのメニューやボタンのスタイル、つまり、厚くてクリックしやすいスタイルです。

4. ゴシックスタイル:華やかで魅力的

4

建物の美しいステンドグラスは、CSS と Flash による Web デザインに反映されています。素材やスタイルの使用により従来の制限が打ち破られ、Web デザインには無限の可能性が生まれ始めました。ゴシック建築は、石に息を呑むような美しさを与え、その前に立つすべての人を息をのませました。この時代の Web ページにも同様の特長があります。詳細を思い出すのは難しいですが、当時の複雑なスタイルの独特の美しさは決して忘れられません。

5. ルネッサンス:シンプルさ、明快さ、正確さ

5

ルネッサンスの建築はまさに私たちの現在の段階に一致しています。 「フラットデザイン」の復活は、ルネッサンスと驚くほど類似しています。ルネサンス時代には、複雑な建築様式は整然とした古典的な様式に置き換えられました。シンプルな表現が再び主流になりつつあり、人々はこの新しいルールを受け入れ始めています。

この時点で、建築の発展を利用して、Web デザインの将来の発展方向を予測することもできます。

6. バロック:ルールの歪み

6

長い間規則に縛られてきた人々は、境界や規則を破ることに熱心になり始めています。建築の分野では、古典主義の要素を分解し、より複雑な形に調整し始めました。この段階の建築は、より感情的でドラマチックなものでした。では、Web デザインにはどのような影響があるのでしょうか? いつかわかる日が来るかもしれません。

7. 新古典主義:過去とのつながり

8

デザインとはこういうもので、いつまでも続くものです。デザインが一定の段階まで発展すると、自然に本来のクラシックなスタイルが美しくなり、再びレトロになるのは時間の問題です。古い Yahoo の Web サイトは、今は見た目が派手ではないかもしれませんが、数年後にはまったく違って見えるかもしれません。

8. もっと遠い未来のことなんて誰にも分からない。

次に、建築の発展は、古いボトルに入った新しいワインであるネオロマネスクやネオゴシックに遭遇する可能性があり、テクノロジーの恩恵を受けて再び戻ってくるでしょう。もちろん、これらは単なる可能性です。未来のことは誰が知っているでしょうか?

<<:  HTML から PDF への変換事例の概要 (複数の画像を推奨)

>>:  webpackの遅延読み込みとプリロードの詳細な説明

推薦する

VueのRender関数

目次1. ノード、ツリー、仮想DOM 2. 仮想DOM 2.1 データオブジェクトの詳細2.2 制約...

Mac Docker x509証明書の問題を解決する

質問最近、プライベートミラーセンターにログインする必要がありましたが、ログイン時にエラーメッセージが...

vue3 を使用したジグソーパズルゲームのリファクタリングの例

序文プロジェクト内のパズルゲーム(デジタル華容路とも呼ばれる)を再構築するのに 2 日かかりました。...

ネイティブ js でカスタム難易度のマインスイーパ ゲームを実装する

この記事の例では、マインスイーパゲームを実装するためのjsの具体的なコードを参考までに共有しています...

Vuexはセッションストレージデータを結合して、ページを更新するときにデータが失われる問題を解決します

目次序文1. 理由: 2. 解決策のアイデア: 1. ローカル保存方法: 2. 実装手順: 3. 最...

パーソナライズされたクリエイティブなウェブサイトデザインの例 (30)

そこで、個性的なスタジオやフリーランスを表現する組み合わせを 30 個選びました。デザインを目立たせ...

CentOS7 は rpm を使用して MySQL 5.7 をインストールするチュートリアル図

1. 4つのrpmパッケージをダウンロードする mysql-コミュニティクライアント-5.7.26-...

Vueはシンプルな計算機を実装する

この記事では、参考までに、Vue の具体的なコードで簡単な計算機を実装する方法を紹介します。具体的な...

Dockerリポジトリの一般的なコマンドの詳細な説明

ログイン dockerログインdocker login コマンドを実行し、ユーザー名、パスワード、メ...

MySQL でコミットされていないトランザクション情報を見つける方法

少し前に、「ORACLE でコミットされていないトランザクションの SQL ステートメントを見つける...

順序再構築に関する簡単な説明: MySQL シャーディング

目次1. 目的2. 環境整備1. 基本情報2. データベース環境の準備3. データベースを構築し、サ...

Linux 環境で crontab コマンドを使用して、スケジュールされた定期的な実行タスクを設定します (PHP 実行コードを含む)

この記事では、Linux 環境で crontab コマンドを使用して、タスクの定期的な実行をスケジュ...

SSH接続を介してXshellを使用したUbuntu 20.04で報告されたサービス問題の詳細な説明

1. 最近、Ubuntu の新しいバージョンをインストールしました。/etc/ssh/sshd_co...

MySQL で誤って削除したテーブル データを回復する方法 (必読)

バックアップがあれば、非常に簡単です。最新のバックアップ データを生成し、mysqlbinlog を...

Vue で手ぶれ補正を実装するためのサンプルコード

手ぶれ防止: 繰り返しのクリックによるイベントのトリガーを防止まず、揺れとは何でしょうか? 震えるの...