25年以上のWebデザインの進化が私たちをここにもたらした方法
公開: 2018-06-27米国では、中小企業の10社のうち7社がビジネスWebサイトを持っています。 個人だけでなく非事業体も自由に独自のWebサイトを開発し、現時点でオンラインになっている18億を超えるWebサイトの山に追加することができます。 ウェブサイトは、便利で、楽しく、そして興味深いものになる可能性があります。 しかし、それらはますます複雑になっています。
2018年、ウェブデザインは、さまざまなテクノロジーとサービスのマッシュアップです。 ウェブデザインでAIを使用したり、プロが作成したコピーをカスタムライティングサービスに依存したりすることは珍しくありません。 そしてそれは、グラフィックデザインや、ウェブサイトが競合他社よりも速く、スムーズに、そしてより良く実行されることを保証するために内部で行われるすべての作業についても言及していません。
今日のウェブデザインは非常に競争の激しい分野です。 それは主に、他のウェブサイトの海で際立っていなければならない非常に重要な資産であるウェブサイトのおかげです。 しかし、それはいつもこのようではありませんでした。
Webデザインの始まりへのジャンプ—1990年代初頭これまでオンラインであった最初のウェブサイトは、インターネットの父であるティムバーナーズリーによって1991年に作成されました。 現在、元のWebサイトにアクセスすることはできませんが、1992年に作成されたコピーにアクセスすることはできます。最初のWebサイトには画像が含まれておらず、すべてテキストとハイパーリンクでした。
最初のWebサイトの構造は、HTMLの初期バージョンで指示されているように、単純でした。 見出しと小見出し、段落、リンクを設定する以外に、多くのことを行うことはできませんでした。 1990年代初頭のほとんどの間、アクセスできたWebサイトは、同じ1列のテキストベースのデザインを使用していました。
少なくとも今日の基準では、かなり暗いように見えました。 最初のWebサイトは、動的な要素がなく、今日のWebサイトよりも今日のテキストプロセッサとの共通点が多かった。
90年代半ば—変化の最初の兆候1990年代半ばまでに、Webデザインはいくつかの重要な進歩を遂げました。 初期のウェブデザインは、デザインが低く、構造が高かった。 数年後、ウェブサイトの見た目が変わり始めました。 Webデザインが移行し、テーブルベースのレイアウトを使用し始めたため、単一列のデザインは過去のものとなりました。
WebベースのWebサイトビルダーと組み合わせると、テーブルベースのレイアウトには2つの効果がありました。 ウェブサイトの構築が容易になり、構造が後部座席を取り、デザインの選択を主導しました。 しかし、これは優れたデザインの黄金時代ではありませんでした。 Webデザインは主に、最高の、最も機能的な、または心地よいものではなく、最も高度に見えるものに関係していました。
ウェブデザインのこの進化のステップの間に生じたデザイン要素のいくつかは象徴的になりました。 この期間中に、Webサイトへのアクセス数を示すボックスであるヒットカウンターがWebサイトに表示され始めました。 背景画像は、テキストのスクロールと同様に、その時代のもう1つの発明でした。 GIFスペーサーが大流行しました。 フラッシュが開発され、それは根拠を得始めました。
90年代後半とフラッシュの治世10年の終わりまでに、FlashはWebデザインの定番になりました。 Macromediaによって開発されたShockwaveは、Webサイトにダイナミクスを与えるもう1つの方法でした。 Flashより前に開発されました。 ただし、ダイヤルアップコレクションを使用してインターネットにアクセスしているユーザーにとっては、大きすぎて扱いにくいものでした。 フラッシュは小さくて機敏で、すぐにウェブデザインの定番になりました。
Flashはテーブルベースのレイアウトを廃止しませんでした。 それは彼らの一部になりました。 Flash要素の一般的な用途の1つは、ユーザーがクリックするとFlash対応ボタンのサイズと色が変わるWebサイトナビゲーションでした。 会社のロゴやその他のグラフィックを含むスプラッシュページは、Flashのもう1つの一般的な使用法でした。
2000年代初頭—CSSとJavaScriptCSSは、デザイナーがWebデザインをWebコンテンツから分離できるようにすることで、ミレニアムの変わり目にWebデザインに革命をもたらしました。 デザインの領域にあったページの要素は、ページのHTMLコードではなく、スタイルシートから操作されました。
すぐに、デザインの世界ではJavaScriptの形で別の地震が発生しました。 直接の影響には、テーブルを破棄してJavaScriptに置き換えることが含まれていました。 JavaScriptはFlashの終わりの始まりでもありました。 JavaScriptはドロップダウンメニューの主な原因であり、Webサイトフォームの台頭に役割を果たしました。 これらのデザイン要素は両方とも非常に人気があり、今日でも広く使用されています。
2000年代半ばから後半—パラダイムシフト10年の終わりまでに、「ウェブデザイン」の「ウェブ」は大きな変化を遂げていました。 ユーザーがウェブサイトとそのコンテンツの開発に積極的な役割を果たすことを可能にする新しいパラダイムが出現しました。 「Web2.0」と呼ばれるこのパラダイムは、ソーシャルメディアのWebサイトやアプリケーションで最もよく見られます。 Web 2.0の開発は、非同期のJavaScriptとXMLの使用に大きく依存しています。
Webサイトのユーザーの見方では、Web 2.0は、ページをリロードしなくてもWebページのコンテンツを変更できることを意味していました。 彼らはまた、ウェブサイトがサードパーティのコンテンツに大きく依存し始めたことにもおそらく気づいたでしょう。
これにより、コンテンツ作成を専門とするWritingsGuruなどのビジネスが生まれました。 相互運用性はますます重要になり、ユーザーはWebで見たり読んだりしたものすべてをソーシャルメディアで共有する機会がありました。
。 今のウェブデザイン私たちが取り組んでいる10年は、主にさまざまなデバイス間で優れたユーザーエクスペリエンスを作成することに重点を置いています。 スマートフォンユーザーの数が増えるにつれ、Webデザイナーは、小さな画面のデバイスで優れた表示とナビゲーションエクスペリエンスを実現するソリューションを考え出す必要がありました。 ウェブサイトのモバイル版を作成することはそれを行う1つの方法でした。 レスポンシブウェブデザインの実装もまた別でした。
ウェブサイトのモバイル版には、最小限の要素が含まれています。 Webデザインの重要なタスクは、特定のWebサイトのパフォーマンスにとって重要な要素を特定することです。これらは、最終的にスマートフォンに表示される要素だからです。 最近のウェブサイトは背が高く、ローカライズされたエクスペリエンスを提供するために位置データを使用することがよくあります。
そして、それが私たちが今日の場所にたどり着いた方法です。 スマートフォンは、Webを閲覧するための推奨デバイスです。 Webサイトは、Webサイトにアクセスする人々についての学習が上手くなり、セマンティックWebに向かってゆっくりと進んでいます。 近い将来、Webデザインに仮想現実または拡張現実が組み込まれるようになるでしょう。 そして、そのすべては、複数の列さえも持たない単純なHTMLWebサイトから始まりました。