古い学校のウェブサイトのデザインの典型的な例は何ですか?[閉まっている]


12

90年代半ば(商用インターネットの始まり)人気があったレトロなもののためのWebサイトを構築したいと思います。

そのため、当時非常に人気があった古いデザインを使用したいと思います。

私が最初にunder construction思いついたのは、それらのアニメーションGIFです。多くの場合、アニメーションGIFはあらゆる場所に配置されます。

代替テキスト

しかし、それらのひどい繰り返しの背景も

そう、私は私のウェブサイトが90年代半ばのように見えることを望みます;)

(実用的で使用可能な機能を提案してください、Javaアプレットメニューは今日は機能しないか、このウェブサイトはNetscape 3に最適化されていると言っています)

編集:結果を見たい人のために:レトロロジー


正しい答えは1つもないので、このコミュニティWikiを作成しました
John Conde

回答:



6

90年代初期から中期のWebサイトの「スタイル」は、基本的にスタイルのないWebサイトです。帯域幅を節約することはもちろん、Web標準の技術的な制限(またはその欠如)のためです。Amazonの元のレイアウト(1995)をご覧ください。
代替テキスト

派手である必要はなく、たくさんのアニメーションGIFや工事中の標識があります(これらは一般的な光景でしたが、業務用のWebサイトではありませんでした)。

別の良い例はpets.com(1998-2000)で、ウェブサイトのデザインで広告業界から多くの賞を受賞しました。しかし、私はそれのスクリーンショットを見つけることができません。

とにかく、最近はデザインのほとんどが貧弱なデザインと見なされていますが、それでも90年代の良いWebデザインと悪いWebデザインの両方があります。たとえば、256色のパレット、90年代のクリップアートスタイルのWebグラフィック、Times New Romanタイプの顔のように、灰色の背景はかなり「レトロ」です。フレームは、gopherリンクおよびヒットカウンターと同様に、優れた先祖返りです。しかし、ミディのバックグラウンドミュージック、クラッシュするデイグロカラー、ストックアニメーションGIFなどは、一般的な90年代のWebデザインよりも貧弱なデザインの特徴です。


2
灰色の背景、90年代のクリップアート、新しいローマ時代:スラッシュドット(再設計前)
MrG

何てことだ!+1
ドリュー

空飛ぶ鳩、両側に2つの高いバーストモルタル花火gif、点滅テキストを忘れないでください。CSSで点滅をシミュレートする方法はまだあります。
フィアスコラボ

3

あなたは私のホームページを見ることができます、私はそれを非常に90年代半ばまでやりました。古いスタイルのHRフッターを使用し、最後に更新されたものは良好で、デフォルトでは灰色の背景ブラウザーが使用されていました。古いスタイルのブラウザーアイコン。アニメーションGIFは斬新であり、あらゆる場所にありました。

基本的に考える:ジオシティ/エンジェルファイア。


ダウンロードしたNetscape Navigatorが気に入っています。
マルコデマイオ

言及のための+1 <hr>さん
シュテファン・ミュラー

2

「個人ホームページ」の先祖返りを計画している場合は、これらの派手な「カスケードスタイルシート」の使用を忘れてください。それらは必要ありません。

お気に入りのWYSIWYGエディターを開き(Microsoft Wordはピンチで行います)、たくさんのカラフルなテキストと大胆なフォントの使用を組み合わせます(疑わしい場合は、Comic Sansを使用してください)。

「Webセーフパレット」でグラフィックを使用することを忘れないでください。そうです、多くのアニメーション.GIFが必要になります。

ただし、ビジネスサイトの外観の例が必要な場合は、現在も存在するいくつかのブランドの名前を選んでWayback Machineにアクセスする方が良いでしょう。


1

私の頭に浮かぶ最初のサイトはhttp://webpagesthatsuck.com/です

古い学校のカテゴリーを見てください。ちなみに、このサイトはその提案として素晴らしいです。サンプルではないことを通してデザインを学びましょう。


あなたのリンクのおかげで、私は、このページを発見:webpagesthatsuck.com/does-my-web-site-suck/...

悪いWebデザイン!= 90年代のWebデザイン。そして、そのサイトには多くの過剰な一般化と見当違い/時代遅れのアドバイスがあり、デザインとはまったく関係のないニッチピックもあります。IMO、ウェブサイトを台無しにする何百万もの方法を列挙して記憶しようとするよりも、一般的な設計原則とベストプラクティスを学ぶ方がはるかに実用的です。
Lèseはmajesté

1
  • ウェブサイトの所有者の画像
  • 建設中のアニメーションgif
  • 目に見えるヒットカウンター
  • 目に見えるテーブル
  • 繰り返しの背景
  • モノスペース書体
  • 一般的なリンクの色(青、紫、赤)
  • ドロップダウンメニュー
  • 各メニュー項目を異なる色にする
  • 箇条書き
  • 「ここをクリック!」-リンク
  • クリップ・アート
  • バックグラウンドミュージック
  • グロテスクなレイアウト(すべてが均等に配置されている/同じサイズになっています)
  • Times New Roman書体
  • 重い、ほとんどサイケデリックなグラデーション
  • 画像の周りの境界線
  • すべての地質、基本的に


1

http://archive.org/web/web.phpでインターネットウェイバックマシンを使用します。任意のサイトを検索して、そのサイトが長年にわたってどのように進化してきたかを見ることができます。古典的な例はもちろんヤフー、グーグルなどですが、Scobelizerなどのブログを選んで、それがどのように進化したかを見ることができます。

ブラウザ履歴のマイルストーン(Netscape、IE 5、Mozilla、Firefox、Chrome、webkit)を知っている場合は、それらの日付を確認し、サイトがどのように進化して新しい機能を利用できるかを確認できます。


0

覚えていることがいくつかあります。

  • それらのほとんどは、フレームデザインを使用する傾向があります。
  • 彼らはしばしばあなたに言うカウンターを持っていましたThis page has been visited xxx times
  • Geocitiesページのように見えました。

最後の点では、Geocitiesはもう存在しませんが、geocitiesコンテンツを再ホストするWebサイトです。より多くのアイデアを得るためにそれらを見てみたいと思うかもしれません。


mouhahahahahaカウンター。私はそれが好きです。私はそれらのためにいくつかのスタイルを作成していました。Googleで自分の(実際の)名前を入力すると、まだポップアップが表示されます。


0

興味深いことに、ピントではないクラシックカーのように、purposeいものを意図的に撃つことなく目的を達成できると思います。新しいものほど良いものではありませんが、その日の文脈の中でそれを理解することができます。

私が思い出すいくつかのこと:

  • リンクには青い下線が必要です。訪れたのは紫色です。(まだ一般的)

  • 灰色の背景は必須です。

  • すでに述べたように、フレームは非常に一般的でした。

  • お問い合わせには、アニメーションの封筒がよくありました。


0

「フレーム付きのサイトを表示」または「フレームなしのサイトを表示」のいずれかを選択できるランディングページがあることを忘れていました。


その「ハイスピード」と「ロースピード」に似ている

0

これらの低解像度画像をMSPaintなどで作成してください!低解像度のグラデーションを使用したサイドバーも機能します!迷惑な明るい色だけでなく、非常に遅い開発とループ広告を伴う大量の点滅gifと同様に、間違いなく「90年代のインターネット」と叫んでいます。うわー、私は突然、ピエールのリンクを見た後、昔について懐かしく感じました。今日の最も人気のあるソーシャルネットワーキングサイトの1つが90年代に開発されたとしたらどうなるでしょうか。FBを想像してください。ジオシティLOLのサイトのように見えます。


0

カーソルの後ろにある種のjavascriptのことを忘れないでください。たぶん、2つの目、いくつかの雪片、何でも。

そして、それはMIDIファイルの自動再生が発生した期間でしたか?


最も近いものは、Microsoft jscriptで行われた、動きに応じて歪むアナログ時計です。
フィアスコラボ
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.