歴史は常に驚くほどうまく繰り返される。西洋建築とウェブデザインは、どちらも工学と芸術の組み合わせです。その発展の歴史の類似点は、次の 4 つの要素と切り離すことができません。 ユーザーに場所を提供する これらはすべてエンジニアリングを利用して構築されています 科学技術の進歩が発展のボトルネックとなっている それでも、それらは依然として芸術の一形態です。 これらの設定を念頭に置くと、建築と Web デザインが非常によく似た道筋に沿って発展してきたことがはっきりとわかります。したがって、Web デザインの将来を知りたい場合は、過去のアーキテクチャを調べれば十分です。 1. 新石器時代 - シンプルで限られた構造 ![]() この段階では、何かを構築するだけでも大変な作業であり、サイズや位置などの変数を除けば、実際には特別なトリックはありません。 2. 古典主義:秩序と適切な装飾 ![]() 古典建築では、比率と階層構造が非常に重視され、明確な層と各部分に異なる機能があります。素材と媒体 (石/ピクセル) は古いスタイルを踏襲しています。パターン化された石が初期の伝統的な木製の梁に取って代わり、Web 上では 3D およびスキューモーフィック ボタンが物理的なキーを表します。 3. ロマネスク建築:重厚で丸みを帯びた ![]() ローマ建築では、柔らかいエッジと厚い壁や仕切りが使われるようになりましたが、これはまさに 90 年代後半の Web デザインのメニューやボタンのスタイル、つまり、厚くてクリックしやすいスタイルです。 4. ゴシックスタイル:華やかで魅力的 ![]() 建物の美しいステンドグラスは、CSS と Flash による Web デザインに反映されています。素材やスタイルの使用により従来の制限が打ち破られ、Web デザインには無限の可能性が生まれ始めました。ゴシック建築は、石に息を呑むような美しさを与え、その前に立つすべての人を息をのませました。この時代の Web ページにも同様の特長があります。詳細を思い出すのは難しいですが、当時の複雑なスタイルの独特の美しさは決して忘れられません。 5. ルネッサンス:シンプルさ、明快さ、正確さ ![]() ルネッサンスの建築はまさに私たちの現在の段階に一致しています。 「フラットデザイン」の復活は、ルネッサンスと驚くほど類似しています。ルネサンス時代には、複雑な建築様式は整然とした古典的な様式に置き換えられました。シンプルな表現が再び主流になりつつあり、人々はこの新しいルールを受け入れ始めています。 この時点で、建築の発展を利用して、Web デザインの将来の発展方向を予測することもできます。 6. バロック:ルールの歪み ![]() 長い間規則に縛られてきた人々は、境界や規則を破ることに熱心になり始めています。建築の分野では、古典主義の要素を分解し、より複雑な形に調整し始めました。この段階の建築は、より感情的でドラマチックなものでした。では、Web デザインにはどのような影響があるのでしょうか? いつかわかる日が来るかもしれません。 7. 新古典主義:過去とのつながり ![]() デザインとはこういうもので、いつまでも続くものです。デザインが一定の段階まで発展すると、自然に本来のクラシックなスタイルが美しくなり、再びレトロになるのは時間の問題です。古い Yahoo の Web サイトは、今は見た目が派手ではないかもしれませんが、数年後にはまったく違って見えるかもしれません。 8. もっと遠い未来のことなんて誰にも分からない。 次に、建築の発展は、古いボトルに入った新しいワインであるネオロマネスクやネオゴシックに遭遇する可能性があり、テクノロジーの恩恵を受けて再び戻ってくるでしょう。もちろん、これらは単なる可能性です。未来のことは誰が知っているでしょうか? |
<<: HTML から PDF への変換事例の概要 (複数の画像を推奨)
>>: webpackの遅延読み込みとプリロードの詳細な説明
SQL クエリ ステートメントの実行順序は次のとおりです。 (7)選択 (8) DISTINCT &...
コードをコピーコードは次のとおりです。 <オブジェクト id="player1&qu...
この記事では、マウスでカード内外のコンテンツを切り替えるためのjsの具体的なコードを紹介します。具体...
2 つ以上のブロックレベル ボックスの垂直に隣接するエッジが重なり合っています。結果として得られる境...
クーパー氏は、一般的に上から下、左から右に向かうユーザーの視覚経路について話しました。優れたビジュア...
目次Vuex とは何ですか? Vuexの5つの特性vuex の State 機能とは何ですか? vu...
前提条件: Percona 5.6 バージョン、トランザクション分離レベルは RR mysql>...
これはモーダル ボックスのドラッグのケースです。ここで実装する関数は次のとおりです。 1. ポップア...
問題を見つける最近、仕事で問題が発生しました。MySQL データベースにテーブルを作成するときに、ラ...
序文ご存知のとおり、bash (Bourne-Gain Shell) は、ほとんどの Linux デ...
目次背景1. 思考分析2. ページ構成2.1 HTML レイヤー2.2 CSS レイヤー2.3 JS...
UDP の理論については詳しく説明しません。UDP に関する HelloWorld プログラムを紹介...
IMG タグの基本分析 HTML5 では、img タグには 4 つの要素があります。 (1) src...
最近、プロジェクトでは kubernetes (以下、k8s と表記、k と s の間には 8 つの...
列ベースの Web デザインのインスピレーションをお探しの場合は、32 個のクラシックな列/グリッド...