구식 웹 사이트 디자인의 전형적인 예는 무엇입니까? [닫은]

90 년대 중반에 상업적인 인터넷을 시작 으로 인기 가 있는 복고풍의 웹 사이트를 만들고 싶습니다 .

그 당시에는 매우 인기있는 오래된 디자인 을 사용하고 싶습니다 .

내 마음에 오는 첫 번째 것은 " under construction"애니메이션 GIF입니다. 사람들은 종종 애니메이션 GIF를 어디에나 배치합니다.

그러나 그 끔찍한 반복 배경들 .

예, 내 웹 사이트가 90 년대 중반과 똑같이 보이기를 원합니다.)

(실용적이고 유용한 기능을 제안하십시오. Java 애플릿 메뉴가 오늘 작동하지 않거나 하단 에이 웹 사이트가 Netscape 3에 최적화되어 있다고 생각합니다)

편집 : 결과를보고 싶은 사람들을 위해 : Retrology

어떻게 방법에 대한 브루스 로손의 재미 CSS 선 정원 기여?

90 년대 초 ~ 중반 웹 사이트의 "스타일"은 기본적으로 스타일이없는 웹 사이트입니다. 웹 표준의 기술적 한계 (또는 부족)로 인해 대역폭을 절약 할 수 있습니다. 아마존의 오리지널 레이아웃 (1995)을 보자 :

화려할 필요는없고 애니메이션 GIF가 많거나 공사중 표시가 적을 필요는 없습니다 (공통적 인 비즈니스 웹 사이트에는 없었 음).

또 다른 좋은 예는 pets.com (1998-2000)인데, 이는 웹 사이트 디자인으로 광고 업계에서 많은 상을 수상했습니다. 하지만 스크린 샷을 찾을 수 없습니다.

어쨌든, 오늘날 대부분의 디자인이 열악한 디자인으로 여겨지더라도 90 년대 웹 디자인은 여전히 ​​좋고 좋지 않습니다. 예를 들어, 256 색 팔레트, 90 년대 클립 아트 스타일 웹 그래픽 및 Times New Roman 유형의 얼굴과 같이 회색 배경은 "레트로"입니다. 고퍼 링크 및 적중 카운터와 마찬가지로 프레임도 양호합니다. 그러나 미디 배경 음악, 충돌하는 데이 글로 색상, 주식 애니메이션 GIF 등은 일반적으로 90 년대 웹 디자인보다 열악한 디자인의 특징입니다.

내 홈페이지를 볼 수 있습니다 . 90 년대 중반에 그랬습니다. 이전 업데이트 된 HR 스타일 바닥 글을 마지막으로 업데이트하면 회색 배경 브라우저가 기본적으로 사용됩니다. 이전 스타일 브라우저 아이콘입니다. 애니메이션 GIF는 참신하고 사방에있었습니다.

기본적으로 생각 : 지역 / 천사.

"개인 홈페이지"를 되돌릴 계획이라면 멋진 "캐스 케이 딩 스타일 시트"를 사용하는 것을 잊지 마십시오.

좋아하는 WYSIWYG 편집기 (Microsoft Word가 핀치에서 수행)를 열고 다채로운 텍스트와 대담한 글꼴 사용 (의심 할 경우 Comic Sans와 함께 사용)으로 무언가를 함께 던지십시오.

"웹 안전 팔레트" 가있는 그래픽을 사용하는 것이 좋습니다. 예. 애니메이션 .GIF가 많이 필요합니다.

그러나 비즈니스 사이트의 모습 에 대한 몇 가지 예를 원한다면 오늘날 존재하는 몇 가지 브랜드 이름을 선택하고 Wayback Machine을 방문하는 것이 좋습니다.

내 마음에 오는 첫 번째 사이트는 http://webpagesthatsuck.com/

오래된 학교 범주를 살펴보십시오. 그건 그렇고,이 사이트는 제안대로 훌륭합니다. 샘플을하지 않는 것을 통해 디자인을 배우십시오.

• 웹 사이트 소유자의 이미지
• 공사중 애니메이션 gif
• 보이는 적중 카운터
• 보이는 테이블
• 반복되는 배경
• 모노 스페이스 서체
• 일반 링크 색상 (파란색, 자주색, 빨간색)
• 드롭 다운 메뉴
• 각 메뉴 항목을 다른 색상으로 만들기
• 글 머리 기호 목록
• "여기를 클릭하십시오!"-링크
• 클립 아트
• 배경 음악
• 그로테스크 한 레이아웃 (모든 것이 균등 한 거리 / 같은 크기)
• Times New Roman 서체
• 무겁고 거의 환각적인 그라디언트
• 이미지 주위의 테두리
• 기본적으로 모든 지역

오, 당신은 거하는 사랑 이 .

http://archive.org/web/web.php 의 인터넷 웨이 백 머신을 사용하십시오 . 모든 사이트를 검색하고 수년에 걸쳐 어떻게 진화했는지에 대한 타임 라인을 볼 수 있습니다. 물론 예를 들어 Yahoo, Google 등이 있지만 Scobelizer 등과 같은 블로그를 선택하여 어떻게 진화했는지 볼 수도 있습니다.

브라우저 기록 이정표 (Netscape, IE 5, Mozilla, Firefox, Chrome, 웹킷)를 알고 있다면 해당 날짜를보고 새로운 기능을 선택하기 위해 사이트가 어떻게 발전했는지 확인할 수 있습니다.

기억해야 할 것이 몇 가지 있습니다.

• 그들 대부분은 프레임 디자인을 사용하는 경향이 있습니다.
• 그들은 종종 당신에게 말할 카운터가있었습니다 This page has been visited xxx times.
• 그들은 Geocities 페이지처럼 보였다.

마지막으로 Geocities는 더 이상 존재하지 않지만 Geocities 콘텐츠를 다시 호스팅하는 웹 사이트입니다. 더 많은 아이디어가 있는지 살펴보십시오.

• http://www.geocities.ws/search/local/ (그것으로 검색 할 수 있습니다)
• http://www.reocities.com/neighborhoods/
• http://www.geociti.es/neighborhoods.html
• http://www.oocities.org/

Courier 글꼴을 사용하십시오. 그것은 1950 년대를 반영한 ​​것이지만 실제로는 오래된 느낌입니다.

흥미롭게도, 핀토가 아닌 클래식 자동차와 같은 추악한 물건을 의도적으로 촬영하지 않고도 목표를 달성 할 수 있다고 생각합니다. 새로운 것만 큼 좋지는 않지만 하루의 맥락에서 그것을 이해할 수 있습니다.

내가 기억하는 것들 :

• 링크는 파란색 밑줄이 있어야합니다. 방문한 보라색입니다. (여전히 널리 퍼져 있음)

• 회색 배경은 필수입니다.

• 이미 언급했듯이 프레임은 매우 일반적이었습니다.

• 저희에게 연락하려면 종종 애니메이션 봉투가있었습니다.

"프레임이있는 사이트보기"또는 "프레임이없는 사이트보기"중에서 선택할 수있는 방문 페이지가 있어야합니다!

MSPaint 등으로 만든 저해상도 이미지를 만드십시오! 해상도가 낮은 사이드 바도 작동합니다! 성가신 밝은 색상과 매우 느린 개발 및 반복 광고가있는 수많은 깜박이는 gif는 "internet @ 90 's"를 외치고 있습니다. 와, 피에르의 연결 고리를 본 후 옛날에 갑자기 그리움을 느꼈다. 오늘날 가장 인기있는 소셜 네트워킹 사이트 중 하나가 90 년대에 개발 된 경우 어떻게 될지 궁금합니다. 지리학 LOL의 사이트처럼 보이는 FB를 상상해보십시오.

커서를 따르는 일종의 자바 스크립트를 갖는 것을 잊지 마십시오. 어쩌면 한 쌍의 눈, 눈 조각 등

그리고 자동 재생 미디 파일이 발생한 기간입니까?