पुराने स्कूल वेबसाइट डिजाइन का विशिष्ट उदाहरण क्या है? [बन्द है]


12

मैं एक रेट्रो बात यह है कि के लिए एक वेबसाइट का निर्माण करना चाहते था मध्य 90 के दशक (वाणिज्यिक इंटरनेट की शुरुआत) में लोकप्रिय है।

इसलिए मैं पुराने डिजाइनों का उपयोग करना चाहता हूं जो उस समय बहुत लोकप्रिय थे।

पहली बात जो मेरे दिमाग में आती है वो थी " under construction" एनिमेटेड जिफ़। लोग अक्सर हर जगह एनिमेटेड जिफ़ डालते हैं।

वैकल्पिक शब्द

लेकिन उन भयानक दोहरा पृष्ठभूमि भी

इसलिए हां, मैं चाहता हूं कि मेरी वेबसाइट बिल्कुल नब्बे के दशक की तरह दिखे;)

(कृपया व्यावहारिक और उपयोगी सुविधाओं का सुझाव दें, मुझे लगता है कि एक जावा एप्लेट मेनू आज काम नहीं करेगा, या नीचे कह रहा है कि यह वेबसाइट नेटस्केप 3 के लिए अनुकूलित है)

EDIT : उन लोगों के लिए जो परिणाम देखना चाहते हैं: रेट्रोलॉजी


चूंकि कोई एक सही जवाब है मैं इस समुदाय विकी बनाया
जॉन कोंडे

जवाबों:



6

90 के दशक की मध्य-पूर्व की वेबसाइट की "शैली" मूल रूप से बिना किसी शैली के एक वेबसाइट है। यह बैंडविड्थ के साथ-साथ वेब मानकों (या इसके अभाव) की तकनीकी सीमाओं के कारण सहेजने के लिए सरल है। अमेज़ॅन के मूल लेआउट (1995) को लें:
वैकल्पिक शब्द

यह भड़कीला नहीं है और एनिमेटेड GIFs या निर्माणाधीन संकेतों के टन के साथ (वे एक आम दृश्य थे, लेकिन परिचालन व्यावसायिक वेबसाइटों पर नहीं)।

एक और अच्छा उदाहरण पेट्स डॉट कॉम (1998-2000) होगा, जिसने अपनी वेबसाइट डिजाइन के लिए विज्ञापन उद्योग से कई पुरस्कार जीते। लेकिन मुझे इसका स्क्रीनशॉट नहीं मिल रहा है।

वैसे भी, भले ही इन दिनों में से अधिकांश को खराब डिजाइन माना जाता है, फिर भी 90 के दशक के वेब डिज़ाइन अच्छे और बुरे दोनों हैं। उदाहरण के लिए, एक ग्रे पृष्ठभूमि सुंदर "रेट्रो" है, जैसा कि एक 256-रंग पैलेट, 90 के दशक के क्लिप-आर्ट-शैली वेब ग्राफिक्स और टाइम्स न्यू रोमन प्रकार का चेहरा हैं। फ्रेम एक अच्छा थ्रोबैक है, साथ ही गोफर लिंक और हिट काउंटर भी हैं। लेकिन मिडी बैकग्राउंड म्यूजिक, क्लैशिंग डे-ग्लॉग कलर्स, स्टॉक एनिमेटेड-जीआईएफ आदि जैसी चीजें सामान्य रूप से 90 के दशक के वेब डिजाइन की तुलना में खराब डिजाइन की विशेषता हैं।


2
ग्रे बैकग्राउंड, 90 की क्लिप आर्ट, बार न्यू रोमन: स्लैशडॉट (रिडिजाइन से पहले)
MrG

हे भगवान! +1
ड्रू

फ्लाइंग कबूतर, दो तरफ फटने वाले मोर्टार आतिशबाजी को मत भूलो और टेक्स्ट को ब्लिंक करें, सीएसएस में ब्लिंक का अनुकरण करने का एक तरीका अभी भी है।
फासको लैब्स

3

आप मेरे होम पेज पर एक नज़र डाल सकते हैं , मैंने इसे 90 के दशक के मध्य में किया था। पुराने स्टाइल वाले एचआर फुटवेयर का इस्तेमाल करें, जो पिछले अपडेट के साथ अच्छे हैं, जो कि ग्रे बैकग्राउंड ब्राउजर्स डिफ़ॉल्ट रूप से इस्तेमाल करते हैं। पुरानी शैली के ब्राउज़र आइकन। एनिमेटेड GIF उपन्यास थे और चारों ओर थे।

मूल रूप से सोचते हैं: भूतापी / कोण-स्थान।


मुझे नेटस्केप नेविगेटर डाउनलोड पसंद है।
बजे मार्को डेमैयो

उल्लेख के लिए +1 <hr>'s
स्टीफ़न मुलर

2

यदि आप एक "व्यक्तिगत होमपेज" बनाने की योजना बना रहे हैं, तो उन फैंसी "कैस्केडिंग स्टाइल शीट" में से किसी का उपयोग करने के बारे में भूल जाएं - आपको उनकी आवश्यकता नहीं होगी।

अपने पसंदीदा WYSIWYG संपादक को खोलें (Microsoft Word एक चुटकी में करेगा) और फोंट के बहुत सारे रंगीन पाठ और साहसी उपयोग के साथ कुछ फेंक दें (जब संदेह में, कॉमिक संस के साथ जाएं)।

"वेब सुरक्षित पैलेट" के साथ ग्राफिक्स का उपयोग करना याद रखें और हां, आपको बहुत सारे एनिमेटेड की आवश्यकता होगी।

यदि आप चाहते हैं कि व्यावसायिक साइटें कैसे दिखती हैं, तो आप कुछ उदाहरण चाहते हैं , लेकिन आप शायद कुछ ब्रांडों के नाम चुन सकते हैं जो आज भी मौजूद हैं और वेबैक मशीन पर जा रहे हैं


1

मेरे दिमाग में आने वाली पहली साइट है http://webpagesthatsuck.com/

पुराने स्कूल की श्रेणी में देखें। वैसे, यह साइट अपने प्रस्ताव के रूप में बहुत बढ़िया है: नमूने नहीं क्या के माध्यम से डिजाइन सीखें।


आपके लिंक के लिए धन्यवाद, मुझे यह पृष्ठ मिला: webpagesthatsuck.com/does-my-web-site-suck/…

खराब वेब डिज़ाइन! = 90 के दशक का वेब डिज़ाइन। और उस साइट में बहुत अधिक सामान्यीकरण और गुमराह / पुरानी सलाह है, साथ ही नाइटपिक्स भी हैं जिनके पास डिजाइन के साथ करने के लिए कुछ भी नहीं है। IMO, सामान्य डिज़ाइन सिद्धांतों और सर्वोत्तम प्रथाओं को सीखने और सीखने के बजाय उन सभी लाखों तरीकों को याद रखने की कोशिश करना अधिक व्यावहारिक है, जो आप किसी वेबसाइट पर डाल सकते हैं।
लेसे मेजेस्टे

1
  • वेबसाइट के मालिक की छवि
  • निर्माणाधीन एनिमेटेड जिफ
  • हिट काउंटर दिखाई दिया
  • दृश्यमान टेबल
  • पृष्ठभूमि को दोहराते हुए
  • मोनोपेस टाइपफेस
  • सामान्य लिंक रंग (नीला, बैंगनी, लाल)
  • ड्रॉप डाउन मेनू
  • प्रत्येक मेनू आइटम को एक अलग रंग बनाना
  • बुलेटेड सूचियां
  • "यहां क्लिक करें!" - लिंक
  • क्लिप आर्ट
  • पार्श्व संगीत
  • Grotesque लेआउट (सब कुछ समान रूप से / समान आकार का है)
  • टाइम्स न्यू रोमन टाइपफेस
  • भारी, लगभग साइकेडेलिक ग्रेडिएंट्स
  • छवियों के आसपास की सीमाएँ
  • सब कुछ भौगोलिकता, मूल रूप से


1

Http://archive.org/web/web.php पर इंटरनेट वेबैक मशीन का उपयोग करें । आप किसी भी साइट को खोज सकते हैं और यह देख सकते हैं कि वर्षों में इसका विकास कैसे हुआ। क्लासिक उदाहरण बेशक याहू, गूगल और जैसे होंगे, लेकिन आप स्कोबलाइज़र जैसे ब्लॉग को भी चुन सकते हैं, आदि और यह देखें कि यह कैसे विकसित हुआ।

यदि आप अपने ब्राउज़र इतिहास मील के पत्थर (नेटस्केप, IE 5, मोज़िला, फ़ायरफ़ॉक्स, क्रोम, वेबकिट) जानते हैं, तो आप उन तिथियों को देख सकते हैं और देख सकते हैं कि नई कार्यक्षमता लेने के लिए साइटें कैसे विकसित हुईं।


0

कुछ चीजें हैं जो मुझे याद हैं:

  • उनमें से ज्यादातर फ्रेम डिजाइन का उपयोग करते हैं।
  • वे अक्सर आपको बताने के लिए काउंटर करते थे This page has been visited xxx times
  • वे जियोसिटीज के पन्नों की तरह दिखते थे।

अंतिम बिंदु के लिए जियोसिटीज अब मौजूद नहीं हैं, हालांकि वे कुछ वेबसाइट हैं जो जियोसिटीज कंटेंट को फिर से होस्ट कर रही हैं। आप अधिक विचारों के लिए उन पर एक नज़र डालना चाहते हैं।


मौहहाहा काउंटर। मुझे वह अच्छा लगता है। मैं उन लोगों के लिए कुछ शैलियों का उपयोग करता था। जब आप Google में मेरा (असली) नाम लिखते हैं, तब भी वे पॉप-अप होते रहते हैं।

0

एक कूरियर फ़ॉन्ट का उपयोग करें। यह वास्तव में 1950 के दशक का चिंतनशील है, लेकिन यह वास्तव में पुराना लगता है।

वैकल्पिक शब्द


2
नाह, नब्बे का दशक कॉमिक सैंस के बारे में था!
बेंजामिन वोहलवेंड 20

0

दिलचस्प है, मुझे लगता है कि आप बदसूरत सामान की शूटिंग के बिना अपने उद्देश्य को प्राप्त कर सकते हैं, एक क्लासिक कार की तरह है जो पिंटो नहीं है। यह नए सामान की तरह अच्छा नहीं है, लेकिन आप इसे दिन के संदर्भ में सराह सकते हैं।

कुछ बातें जो मुझे याद हैं:

  • लिंक को रेखांकित किया जाना चाहिए, नीला; पर्पल बैंगनी हैं। (अभी भी प्रचलित)

  • ग्रे बैकग्राउंड जरूरी है।

  • फ़्रेम बहुत सामान्य थे, जैसा कि पहले ही उल्लेख किया गया है।

  • हमसे संपर्क करें अक्सर एक एनिमेटेड लिफाफा था।


0

आप भूल गए कि आपके पास एक लैंडिंग पृष्ठ होना चाहिए, जहाँ आपको "फ़्रेम के साथ साइट देखें" या "फ़्रेम के बिना साइट देखें" के बीच चुना जाना चाहिए!


उसी के समान "हाई स्पीड" और "लो स्पीड"

0

उन कम रिज़ॉल्यूशन वाली तस्वीरों को बनाएं, जो MSPaint या किसी चीज़ से बनी हों! लो-रेस ग्रेडिएंट वाले साइडबार भी काम करेंगे! चमकदार रंग, साथ ही बहुत धीमी गति से विकास और लूप वाले विज्ञापनों के टन चमकते हुए निश्चित रूप से "इंटरनेट @ 90 के" चिल्ला रहे हैं। वाह, मुझे अचानक पियरे के लिंक को देखने के बाद पुराने दिनों के बारे में उदासीन महसूस हुआ। मुझे आश्चर्य है कि अगर 90 के दशक के दौरान आज की सबसे लोकप्रिय सोशल नेटवर्किंग साइटों में से एक को विकसित किया गया तो यह कैसे होगा। FB की कल्पना करें, भूवैज्ञानिक LOL की साइट की तरह।


0

कर्सर का अनुसरण करने वाली किसी प्रकार की जावास्क्रिप्ट चीज़ को रखना न भूलें। शायद आँखों की एक जोड़ी, कुछ बर्फ के गुच्छे, जो भी हो।

और क्या वह अवधि थी जब ऑटोप्ले मिडी फाइलें हुई थीं?


सबसे साफ-सुथरी घड़ी एनालॉग घड़ी थी, जो माइक्रोसॉफ्ट जस्क्रिप्ट में काम करते समय बदल जाती थी।
Fiasco Labs
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.