Ví dụ điển hình của thiết kế trang web trường học cũ là gì? [đóng cửa]


12

Tôi muốn xây dựng một trang web cho một thứ retro đã phổ biến vào giữa những năm 90 (bắt đầu của internet thương mại).

Vì vậy, tôi muốn sử dụng các thiết kế cũ rất phổ biến tại thời điểm đó.

Điều đầu tiên tôi nghĩ đến là những under constructiongif hoạt hình "". Mọi người thường đặt gifs hoạt hình ở khắp mọi nơi.

văn bản thay thế

Nhưng cũng có những nền tảng lặp đi lặp lại khủng khiếp .

Vì vậy, có, tôi muốn trang web của tôi trông giống hệt như vào giữa những năm 1990;)

(vui lòng đề xuất các tính năng thực tế và có thể sử dụng được. Tôi đoán trình đơn Java Applet sẽ không hoạt động ngày hôm nay hoặc nói ở phía dưới rằng trang web này được tối ưu hóa cho Netscape 3)

EDIT : cho những người muốn xem kết quả: Retrology


Vì không có ai trả lời đúng nên tôi đã tạo ra cộng đồng wiki này
John Conde

Câu trả lời:



6

"Phong cách" của một trang web từ đầu đến giữa thập niên 90 về cơ bản là một trang web không có bất kỳ phong cách nào. Thật đơn giản để tiết kiệm băng thông cũng như do những hạn chế kỹ thuật của các tiêu chuẩn web (hoặc thiếu nó). Lấy bố cục ban đầu của Amazon (1995):
văn bản thay thế

Nó không cần phải lòe loẹt và với hàng tấn GIF hoạt hình hoặc các dấu hiệu đang được xây dựng (chúng là một cảnh tượng phổ biến, nhưng không phải trên các trang web kinh doanh hoạt động).

Một ví dụ điển hình khác là pet.com (1998-2000), đã giành được rất nhiều giải thưởng từ ngành quảng cáo cho thiết kế trang web của họ. Nhưng tôi không thể tìm thấy một ảnh chụp màn hình của nó.

Dù sao, mặc dù hầu hết nó sẽ được coi là thiết kế kém trong những ngày này, vẫn có những thiết kế web cả những năm 90 tốt và xấu. Chẳng hạn, một nền màu xám khá "retro", cũng như một bảng màu 256 màu, đồ họa web theo phong cách clip nghệ thuật thập niên 90 và khuôn mặt kiểu Times New Roman. Khung cũng là một trở lại tốt, cũng như các liên kết gopher và quầy truy cập. Nhưng những thứ như nhạc nền midi, màu sắc sặc sỡ ngày, phim hoạt hình-GIF, v.v ... là đặc trưng của thiết kế kém hơn so với thiết kế web thập niên 90 nói chung.


2
nền màu xám, clip nghệ thuật của thập niên 90, lần roman mới: slashdot (trước khi thiết kế lại)
MrG

Ôi chúa ơi! +1
vẽ

Đừng quên chim bồ câu bay, hai gif pháo hoa nổ mạnh ở hai bên và nhấp nháy văn bản, vẫn có một cách để mô phỏng nhấp nháy trong CSS.
Phòng thí nghiệm Fiasco

3

Bạn có thể xem trang chủ của tôi , tôi đã làm nó vào giữa những năm 90. Sử dụng chân trang HRs kiểu cũ với các bản cập nhật mới nhất là tốt, theo mặc định, các trình duyệt nền màu xám thường có. Biểu tượng trình duyệt kiểu cũ. GIF hoạt hình là tiểu thuyết và xung quanh.

Về cơ bản nghĩ: địa chất / angelfire.


Tôi thích tải xuống Netscape Navigator.
Marco Demaio

1 đề cập đến <hr>'s
Stephan Muller

2

Nếu bạn đang dự định thực hiện một bản sao lưu "trang chủ cá nhân", hãy quên sử dụng bất kỳ "bảng kiểu xếp tầng" ưa thích nào - bạn sẽ không cần đến chúng.

Mở trình soạn thảo WYSIWYG yêu thích của bạn (Microsoft Word sẽ thực hiện trong một nhúm) và kết hợp một cái gì đó với nhiều văn bản đầy màu sắc và sử dụng phông chữ táo bạo (khi nghi ngờ, hãy đi với Comic Sans).

Hãy nhớ sử dụng đồ họa với "bảng màu an toàn web" và, vâng, bạn sẽ cần nhiều hoạt hình .GIF.

Tuy nhiên, nếu bạn muốn một số ví dụ về cách các trang web kinh doanh trông như thế nào , có lẽ tốt hơn hết bạn nên chọn tên của một vài thương hiệu còn tồn tại đến ngày nay và truy cập Wayback Machine .


1

Trang web đầu tiên xuất hiện trong đầu tôi là http: //wppagervationatsuck.com/

Nhìn vào danh mục trường học cũ. Nhân tiện, trang web này là tuyệt vời như đề xuất của nó: tìm hiểu thiết kế thông qua những gì KHÔNG làm mẫu.


Nhờ liên kết của bạn, tôi thấy trang này: webpagesthatsuck.com/does-my-web-site-suck/...

Thiết kế web xấu! = Thiết kế web thập niên 90. Và trang web đó có rất nhiều khái quát quá mức và lời khuyên sai lầm / lỗi thời, cũng như nitpicks không liên quan gì đến thiết kế. IMO, sẽ thực tế hơn nhiều khi tìm hiểu các nguyên tắc thiết kế chung và thực tiễn tốt nhất thay vì cố gắng liệt kê và ghi nhớ tất cả hàng triệu cách bạn có thể làm hỏng trang web của mình.
Lèse majesté

1
  • Hình ảnh của chủ sở hữu trang web
  • Đang xây dựng gif hoạt hình
  • nhìn thấy truy cập
  • bảng có thể nhìn thấy
  • lặp đi lặp lại nền
  • kiểu chữ đơn cách
  • màu liên kết chung (xanh, tím, đỏ)
  • menu thả xuống
  • làm cho mỗi mục menu một màu khác nhau
  • danh sách gạch đầu dòng
  • "Bấm vào đây!" - liên kết
  • clip nghệ thuật
  • nhạc nền
  • bố cục kỳ cục (mọi thứ đều cách xa nhau / có cùng kích thước)
  • Kiểu chữ La Mã mới
  • độ dốc nặng, gần như ảo giác
  • viền xung quanh hình ảnh
  • mọi thứ địa chất, về cơ bản


1

Sử dụng máy quay ngược internet tại http://archive.org/web/web.php . Bạn có thể tìm kiếm bất kỳ trang web nào và xem dòng thời gian về cách nó phát triển qua nhiều năm. Các ví dụ cổ điển tất nhiên sẽ là Yahoo, Google và tương tự nhưng bạn cũng có thể chọn một blog như Scobelizer, v.v. và xem nó phát triển như thế nào.

Nếu bạn biết các mốc lịch sử trình duyệt của mình (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit), bạn có thể xem các ngày đó và xem cách các trang web phát triển để nhận chức năng mới.


0

Có vài điều mà tôi nhớ:

  • Hầu hết trong số họ có xu hướng sử dụng thiết kế khung.
  • Họ thường có quầy để nói với bạn This page has been visited xxx times.
  • Họ trông giống như các trang Geocities.

Đối với điểm cuối cùng Geocities không còn tồn tại nữa, tuy nhiên chúng là một số trang web lưu trữ lại nội dung địa chất. Bạn có thể muốn xem qua chúng để có thêm ý tưởng.


quầy mouhahahahaha. TÔI THÍCH ĐIỀU ĐÓ. Tôi đã sử dụng để làm cho một số phong cách cho những người. Chúng vẫn bật lên khi bạn nhập tên (thật) của tôi vào google.

0

Sử dụng phông chữ Chuyển phát nhanh. Nó thực sự phản ánh những năm 1950, nhưng nó thực sự cảm thấy cũ.

văn bản thay thế


2
không, những năm chín mươi là về Comic Sans!
Benjamin Wohlwend

0

Thật thú vị, tôi nghĩ rằng bạn có thể đạt được mục tiêu của mình mà không cố tình chụp những thứ xấu xí, giống như một chiếc xe cổ điển không phải là Pinto. Nó không đẹp như những thứ mới, nhưng bạn có thể đánh giá cao nó trong bối cảnh của ngày.

Một số điều tôi nhớ lại:

  • Liên kết phải được gạch chân, màu xanh; viếng thăm là màu tím. (vẫn còn phổ biến)

  • Nền màu xám là phải.

  • Khung rất phổ biến, như đã đề cập.

  • Liên lạc với chúng tôi thường có một phong bì hoạt hình.


0

Bạn đã quên rằng bạn nên có một trang đích nơi bạn có thể chọn giữa "Xem trang có khung" hoặc "Xem trang không có khung"!


Tương tự như "tốc độ cao" và "tốc độ thấp"

0

Tạo những hình ảnh có độ phân giải thấp, được làm bằng MSPaint hoặc một cái gì đó! Sidebars với độ dốc độ phân giải thấp cũng sẽ làm việc! Làm phiền màu sắc tươi sáng, cũng như hàng tấn gifs nhấp nháy với sự phát triển rất chậm và quảng cáo lặp đi lặp lại chắc chắn đang hét lên "internet @ 90 '". Wow, tôi đột nhiên cảm thấy luyến tiếc về những ngày xưa sau khi nhìn vào liên kết của Pierre. Tôi tự hỏi làm thế nào nó sẽ bật ra nếu một trong những trang mạng xã hội phổ biến nhất hiện nay được phát triển trong những năm 90. Hãy tưởng tượng FB, trông giống như một trang web từ địa chất LOL.


0

Đừng quên để có một số loại javascript theo con trỏ. Có lẽ một đôi mắt, một vài mảnh tuyết, bất cứ điều gì.

Và đó có phải là khoảng thời gian các tập tin midi tự động phát sinh?


Điều gọn gàng nhất là đồng hồ analog sẽ biến dạng khi di chuyển, được thực hiện trong Microsoft jscript.
Phòng thí nghiệm Fiasco
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.