web-dev-qa-db-ja.com

WebおよびUIデザインに固有の「芸術運動」はありますか？

今日では、アートが太古の昔からあったように、UIはより定型化されています。 UIデザインをグループ化するために特に役立つ芸術運動の分類はありますか？たとえば、90年代のWebページ、2000年代のWebページ、2010年代のWebページの違いをはっきりと見ることができます。印象派、リアリズム、アールデコのようなもの...

gui-designhistoryclassification
9
Guillermo Gutiérrez

さまざまな「芸術的な動き」を定義するためにも使用できるWeb機能には幅広い分類システムがあります-Web 1.0、Web 2.0、理論的には将来的にはWeb 3.0

この分類システムをスタイルに使用するのは妥当です。これまでのところ、これまでに経験した限りでは、利用可能なテクノロジーと時間のスタイルとの間には常に少なくともの関連があったためです。

ウェブ1.0

（ウェブの始まりから世紀の変わり目まで）

サンプルWebサイト

これは、Webの「読み取り専用」時代として説明されています[1、2]。静的ページ、低レベルの相互作用。この初期段階の美学は、おそらく最初は以下の影響を受けていました：

  • 家庭愛好家による自己出版 2 きれいなレイアウトを設計するよりもWebマークアップ言語を習得することに熟練していると、忙しい、しばしば派手なページになります。
  • 通常、CSS以前のサイトはテーブルで構築されていましたが、意外なデザイナーの手により、シンプルで幅広い単一列のレイアウトが得られました。
  • ブロードバンド前のインターネット速度では、 text-heavy site をもたらすWebサイトでの高品質の画像の使用が除外され、アニメーションGIFと視覚的関心のためのピクセルアート。
  • skeuomorphic design rounded or beveled buttons and decorative bordersなどの要素を作成するとき、デザイナーは新しい領域にいるため、おそらくより直感的で安全な[////] skeuomorphic design を選択しましたフレーム/（+）/

Web 2.0

（世紀の変わり目から現在まで）

（サンプルサイトは 毎日使用するサイトです。Facebook、Youtube、Googleマップなど 。）

これが私たちが今いるところです。一部では「インタラクティブウェブ」と呼ばれています。利用可能なテクノロジーは、Web の機能（サービス）にはるかに大きな影響を与えてきましたが、スタイルも影響を受けています。

  • 「ウェブデザイン」は正当な興味と研究の分野となった。 確立された設計理論（たとえば、ゲシュタルト原則）が適用され始め、品質の向上につながりました。

  • 計算能力と帯域幅の増加により、高品質の写真およびカスタムタイポグラフィの使用が可能になりました

  • 進化するテイストは、よりクリーンで広々としたレイアウト、よりスキューオモーフィックではなく、よりフラットなデザインにつながります

  • 最近、モバイルコンピューティングとブラウジングの台頭により、レスポンシブデザインの普及とグリッドベースのレイアウトの優位性が生まれました。

Web 3.0

（未来？）

多くの場合、Web 3.0は Semantic Web と同義であると考えられています。 Webがスマートになり、コンテンツの意味とそれらの間の関係を理解し​​始めるとき。そのときのインターフェースはどのようになり、それらが使用可能なテクノロジーによってどのように影響を受けるかは、まだ不明です。おそらく、拡張現実（AR）と仮想現実（VR）の台頭により、インターフェイスデザインのポストスクリーン時代が到来し、Webページのデザインは時代遅れになりますか？

概要

これよりはるかにシンプルでテクノロジーに焦点を当てたアプローチ のように、Web/UI /インタラクションデザインの履歴を表示する他の角度がありますが、長期的には、振り返ると20年または30年の間に、私がここで提案した幅広いカテゴリを使用して、Webデザインの年齢（時代）とスタイルを説明します。

参照

1- https://wittycookie.wordpress.com/2012/06/04/what-are-the-major-differences-among-web-1-0-2-0-and-3-0/

2- http://ezinearticles.com/?Difference-Between-Web-1.0,-Web-2.0,-and-Web-3.0---With-Examples&id=368379

3- https://en.wikipedia.org/wiki/Web_2.

4
dennislees

@dennislees

web 1.0とWeb 2.0でさえ、それぞれ2つの「ステージ」に分割できるような気がします。

web 0.5 – geocitiesタイプの派手なゴミ

web 1.0 –まだ完全に正則ではありません

ウェブ2.0 –変形

web 2.5 – skeumorphic/flat？

今日–フラット3D

どう思いますか？

3
Gasper