A Glance Back at 30+ 인터넷 사이트 디자인 수년

월드 와이드 웹 디자인은 최초의 웹 사이트가 출시된 1991년으로 인해 매우 먼 길을 왔습니다. 완전히 텍스트 콘텐츠 중심의 이 웹 페이지는 전자 혁명으로 발전할 것의 시작을 표시했습니다.

그리고 "공사중" GIF와 눈부신 기록 색상에 대한 기억은 인터넷이 얼마나 많이 발생했는지에 대해 감사하게 생각하지만 본질적으로 존경의 고개를 끄덕이는 역사적인 웹사이트 스타일 결정이 있습니다.

이와 같은 인터넷 사이트는 1, 둘 다 시간을 놓치지 않았습니다. 웹사이트가 출시되었다는 사실을 고려하여 어떤 간격으로 웹사이트가 생겼는지 보고 싶다면 Wayback Machine에 도메인 제목을 입력하고 날짜를 선택하십시오. 이 글에서는 텍스트 콘텐츠 전용 인터페이스에서 오늘날 우리가 볼 수 있는 부드럽고 현대적인 디자인에 이르기까지 웹사이트 스타일이 어떻게 발전했는지 살펴보겠습니다.

1990년대 초반: 고대

90년대 초반은 인터넷 사이트 레이아웃 타임라인의 시작을 나타냅니다. 이 시점에서 속도가 빠른 웹 링크는 없었습니다. 전화 접속 모뎀이거나 아무것도 아닙니다. 따라서 웹 사이트는 상당히 낮은 링크 속도를 위해 개발되어야 했습니다. 그것들은 주로 텍스트 파티션처럼 나타났습니다. 우리가 지금 "레이아웃 형식"으로 당연하게 여기는 것은 존재하지 않았습니다.

이후 HTML의 변형이 훨씬 더 고급 디자인을 허용했지만 현재와 비교할 때 엄청나게 기본적이었습니다. 주로 헤더, 단락 및 인바운드 링크에 대한 태그로 구성되었습니다. 타이포그래피, 이미지, 내비게이션과 같은 눈에 보이는 구성 요소와 스타일은 그리 멀지 않은 미래의 아이템이었습니다.

최신 인터넷 웹사이트에 대한 요약:

이러한 초기 웹 사이트의 기능은 순전히 정보 제공용이었지만 현재 사용 중인 일부 디자인 구성 요소를 볼 수 있습니다. 이 오래된 넷 페이지는 매우 가벼우며 점진적인 인터넷 연결에 최적화되었습니다. 이러한 디자인 및 스타일 요소는 사용자의 작업 경험을 고려했으며, 오늘날의 사이트에서는 더 빠른 속도에서도 일반적으로 수행할 수 없습니다.

확실히, 오늘날의 월드 와이드 웹은 미디어가 로드된 인터넷 웹사이트를 다룰 수 있습니다. 하지만 지금도 어느 정도 한계가 있습니다. 큰 미디어 파일, 무거운 그래픽 스타일, 비정상적인 애니메이션은 로드 속도가 일반적으로 원하는 만큼 빠르지 않을 때 이탈률을 높이는 데 기여할 수 있습니다. 복잡한 스타일과 디자인을 고려할 때 사람의 머리를 잡고 KISS를 기억하십시오(매우 간단하게 유지하세요, 슈퍼히어로).

1990년대 중반: 중세

그물 구조의 중심 시대는 웹 사이트 웹 사이트 빌더와 스페이서 GIF로 인해 어려움을 겪었습니다. (실제 역병보다 더 큰 것이 이상적일까요?) 90년대 중반까지 웹사이트 스타일은 구성 조건과 시각적 외관 측면에서 모두 발전했습니다. 디자이너는 재료를 관리하기 위해 주로 테이블 기반 레이아웃을 사용하기 시작하여 유연성과 창의적인 상상력을 향상시켰습니다. 그럼에도 불구하고 웹 사이트는 상당히 중요한 텍스트 콘텐츠였지만 이제 텍스트는 훨씬 더 나은 가독성을 위해 열, 행 및 기타 탐색 기능으로 나눌 수 있습니다.

그래픽 레이아웃 기능도 즉시 인기를 얻었습니다. 사이트 조회수 카운터, 애니메이션 텍스트 및 춤추는 GIF는 이 기간을 네트 스타일로 표시하는 몇 가지 그래픽 기능에 불과합니다.

오늘날의 웹사이트에 대한 요약:

현재 책상에 의존하는 디자인과 스타일이 웹사이트에 이상적인 선택이 아닌 이유에 대한 설명이 많이 있습니다. 상당한 마크업, 느린 로드 순간, 시각적 불일치 등은 몇 가지 함정에 불과합니다.

어쨌든, 이 진전은 월드 와이드 웹 스타일의 진화에 필수적이었습니다. 비선형 웹사이트 페이지 프레임워크로의 이동부터 시작했습니다. 이제 고유한 요소를 월드 와이드 웹 페이지의 고유한 섹션에 배치할 수 있으며 디자이너는 기존 데이터를 소비자에게 제공하는 가장 효과적인 방법을 고려하는 경험을 했습니다.

탐색 및 작성된 콘텐츠를 고려할 때 웹페이지 구조는 여전히 중요합니다. 사용자가 웹 사이트를 경험하고 상호 작용하는 방식을 크게 결정합니다. 이러한 요소들은 웹 구조의 중심 시대를 통해 최전선에 있지는 않았을지 모르지만 현재는 확실히 최전선에 있습니다.

1990년대 후반: 르네상스

르네상스. 갱생. World-wide-web 스타일은 재창조의 합리적인 몫을 경험했지만 Flash의 도입과 함께 최초의 단일 스타일이 발생했습니다. 1996년에 도입된 Flash는 단순한 HTML로는 얻을 수 없는 스타일 전망의 지평을 열었습니다. 가상 그래픽과 상호 작용의 결합이었습니다.

이전 시대의 매우 동일한 디자인과 스타일 구성 요소가 많이 존재했지만 애니메이션, 타일 히스토리 비주얼, 네온 컬러, 3D 버튼, 스플래시 웹 페이지 및 기타 멀티미디어로 향상되었습니다.

Flash는 고객 중심의 스타일과 디자인의 시작을 알렸습니다. 구성과 탐색이 중요한 기준이 되었고 디자이너는 순수 물품을 넘어 모양과 사용성을 연마하기 시작했습니다.

오늘날의 인터넷 사이트에 대한 요약:

플래시는 게임 체인저였지만 영구적으로 부착되지는 않았습니다. Flash는 현재 거의 적용되지 않으며 역사상 가장 큰 웹 최적화 죄악 중 하나로 간주됩니다. 오늘날 CSS 및 JavaScript 애니메이션과 같은 대체 솔루션을 결정하여 동등한 결과를 얻거나 웹 사이트를 호스팅하는 비디오 클립에서 영화를 삽입하는 것이 일반적입니다.

2000년대 초반: 계몽주의

2000년대 초반은 사용성과 적응성이 진정으로 월드 와이드 웹 구조의 최전선에 올랐던 시기였습니다.

기본 요구 사항은 개발자가 정보에 가시적인 규칙을 HTML과 분리하여 문서 콘텐츠와 패션을 능숙하게 분리할 수 있도록 하는 코딩 언어인 CSS였습니다. 이것은 네트 디자이너와 작성된 콘텐츠 개발자 모두에게 더 높은 예술적 자유를 주었습니다. 이제 콘텐츠는 디자인에서 완전히 개발될 수 있으며 그 반대도 마찬가지입니다. CSS 생성 사이트는 유지 관리가 더 쉽고(코드와 복잡성 감소), 훨씬 더 유연하고(div 태그는 서로 독립적임), 로드 속도가 더 빠릅니다(더 작은 크기의 파일).

색상 심리학에 대한 훨씬 더 나은 지식은 공백의 사용을 늘리고 네온과 같은 화려한 색조를 낮추었습니다. 링크는 텍스트 콘텐츠보다 상대적으로 아이콘에 계속 추가되기 시작했고 해상도와 픽셀화가 훨씬 더 중요한 문제가 되었으며 재료의 전략적 배치도 주목을 받았습니다.

오늘날의 인터넷 사이트에 대한 요약:

남성과 여성은 일반적으로 필요한 정보와 사실을 검색하기 위해 웹사이트를 스캔하므로 이 작업을 더 간단하게 만드는 모든 사이트는 큰 테스트 마크를 받습니다. 정통한 웹 디자이너는 대부분의 최종 사용자가 웹 사이트의 모든 작은 것을 탐색해서는 안 되며 청중이 정보를 고려하는 방식을 이해해야 한다는 것을 알고 있습니다.

결과적으로 직관적으로 사실을 입력하고 시각적으로 강조된 인바운드 링크 및 간단한 탐색은 현대 웹 사이트가 준수해야 하는 최고의 절차 중 일부일 뿐입니다. 전체적으로 사용감이 있는 스타일과 디자인을 생각합니다!

2000년대 중후반: 산업혁명

네트 디자인과 스타일의 산업 혁명은 네트 2의 시작과 함께 시작됩니다.. 이 때 문제가 진정으로 현대의 월드 와이드 웹으로 이동하기 시작했습니다. 멀티미디어 앱의 발전, 대화형 서면 콘텐츠의 부상, 소셜 미디어의 출현은 이 기간의 몇 가지 결정적인 특징입니다.

또한 이러한 개선 사항은 주로 웹 사이트 구조가 ... 멋지게 완료 되는 방식을 지시했습니다. 미적 변화는 음영 분포 개선, 아이콘 사용 증가, 타이포그래피에 대한 더 나은 관심을 번들로 제공했습니다.

그럼에도 불구하고 가장 중요한 것은 스타일과 디자인이 콘텐츠 자료에 관한 것이 되었고 작성된 콘텐츠가 연구 모터 최적화로 바뀌었다는 것입니다. 이제 사람이 레이아웃의 중심에 있게 되면서 마케팅 솔루션(적어도 명시적으로는)이 사이트의 부차적인 성능으로 성장했습니다.

오늘날의 인터넷 사이트에 대한 요약:

언급했듯이 웹 사이트 2의 진화는 웹 최적화의 발전을 고려해야 할 사항으로 관찰했습니다. 이러한 방법은 수년에 걸쳐 맞춤화되었지만 웹 최적화라는 문구로 웹 사이트를 고려하는 것은 대부분의 번성하는 엔터프라이즈 웹 사이트에서 여전히 중요한 우선 순위입니다.

Seo는 서면 콘텐츠를 요구하며, 이 기간 동안 대부분의 서면 콘텐츠는 웹 사이트 스타일과 디자인의 강조로 성장했습니다. RSS와 같은 키워드 최적화, 인바운드 및 아웃바운드 연결, 저작, 태깅 및 신디케이션 노하우가 순수한 레이아웃 요소가 되었습니다. URL 스팸 및 검색어 재밍이 이러한 방법을 빠르게 악용했지만 이러한 절차는 더 이상 유효하지 않으며 (희망) 대부분 실패했습니다.

2010~현재: 패셔너블한 시대

오늘날, 인터넷 사이트에서 시작하고 약 2년이 지난 지금, 네트 레이아웃은 모든 단일 매우 우수한 광고 및 마케팅 접근 방식의 대체할 수 없는 요소로서 확고하게 자리 잡았습니다. 최신 분석에 따르면 오늘날 소비자의 50%는 웹 사이트 스타일이 비즈니스 모델에 중요하다고 생각합니다.

현대 미학의 조건에서 우리는 희소한 기사, 평면 그래픽(너무 긴 3D 버튼!), 단순한 색상 팔레트, 크고 대담한 비주얼과 같은 미니멀리즘의 확산을 목격했습니다. 또한 UX는 중간 단계를 취하여 이러한 레이아웃 옵션에 무한 스크롤 및 단독 웹 페이지 디자인 및 스타일을 제공합니다.

우리의 인터넷 사이트가 최신 레이아웃으로 이러한 모든 특성을 수용했다는 것을 잘 알고 계실 것입니다.

웹 스타일과 디자인의 진화에서 사람에게 더 중요한 단계는 셀룰러 인터넷입니다. 2007년 Iphone의 시작을 고려하여 모바일 월드 와이드 웹 사용자의 증가하는 수를 수용하기 위해 인터넷 사이트가 구성되는 방식에 대한 재분석이 있었습니다. 여기에는 "모바일 우선" 전략을 선택하는 다양한 모바일 프레임워크가 있으며, 휴대폰에는 일반적으로 일반적인 데스크톱의 처리 속도나 관계 능력이 없다는 사실을 고려하면 셀 속도 최적화에 대한 더 큰 목표가 있습니다.

이 디지털 혁명은 또한 페이지 측면이 검색 창의 너비에 맞게 기계적으로 수정되는 반응형 레이아웃의 증가를 제공하여 인터넷 사이트가 모든 기계 또는 디스플레이에서 매우 잘 보일 수 있도록 합니다. 이제 전 세계 사이트 사이트 방문자의 50% 이상이 셀룰러 장치에서 올 것이라고 지정된 만족스러운 모바일 사용자 만남을 보장하려면 반응형 디자인이 필요합니다.

이후 인터넷 사이트는 어디로 갈까요?

이러한 발전 중 하나만 고독한 각 개인을 교육시킨 특정 요소가 하나 있다면 그것은 서면 내용입니다. 아래의 모든 단일 구조 성분은 가장 생산적이고 효과적인 방식으로 사람에게 가장 적절한 재료를 전달하는 방식으로 조정되었습니다. 접근성, 적응성 및 유용성의 개념은 실제로 이 월드 와이드 웹 레이아웃 기간을 정의합니다.

현재 인터넷 디자인으로 우리가 할 수 있는 추가 작업이 분명히 있지만, 우리가 왔던 곳에서 다시 등장하는 것을 고려하는 것은 즐거운 일입니다. 그 결과 웹사이트 디자인이 어떻게 발전해 왔는지 궁금하고 앞으로 20년 후의 모습이 어떨지 상상하는 것은 정말 짜릿합니다.

편집자 주의 사항: 이 게시물은 2013년 7월에 처음 게시되었으며 포괄적인 내용을 위해 최신 상태입니다.