web-dev-qa-db-ja.com

古い学校のウェブサイトのデザインの典型的な例は何ですか?

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

ですから、私は古いデザインを使用したいと思います。これは当時非常に人気がありました。

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

alt text

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

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

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

編集:結果を表示したい場合: Retrology

12
Pierre 303

ブルース・ローソン 陽気 css zen garden 貢献はどうですか?

7
MrG

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

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

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

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

6
Lèse majesté

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

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

3
Thomas

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

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

"web safe palette" でグラフィックを使用することを忘れないでください。そして、はい、たくさんのアニメーション.GIFが必要になります。

ただし、businessサイトがどのように見えるかの例が必要な場合は、おそらく今日存在するいくつかのブランドの名前を選んで訪問する方が良いでしょう。 Wayback Machine

2
danlefree

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

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

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

ああ、あなたはただlovethis になります。

1
Vergil Penkov

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

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

1
lonstar

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

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

最後の点については、Geocitiesはもう存在しませんが、geocitiesコンテンツを再ホストするWebサイトです。より多くのアイデアについては、それらをご覧ください。

0
HoLyVieR

カーソルの後にある種のjavascriptのものを忘れないでください。多分、両目、雪の結晶、何でも。

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

0
Steve

Courierフォントを使用します。それは本当に1950年代を反映していますが、本当に古く感じます。

alt text

0
Michelle

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

0
Katrine

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

0
user6116

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

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

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

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

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

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

0
Chris Adragna