인터넷 개발의 새로운 역사적 단계는 1993년 그래픽 브라우저 모자이크의 첫 번째 버전이 출시된 것입니다. 이 버전은 1992년 미국 국립 슈퍼컴퓨팅 응용 센터(NCSA)에서 인턴으로 근무하던 학생 Marc Andreessen이 개발했습니다.

브라우저 성공의 열쇠는 직관적인 인터페이스, 안정성, 설치 용이성 및 크로스 플랫폼이었습니다(Mosaic은 Windows, Macintosh 및 Unix를 포함하여 당시 시행 중인 모든 운영 체제에서 동시에 사용할 수 있는 최초의 브라우저가 되었습니다). 그 후 Netscape Navigator 및 Microsoft Internet Explorer 브라우저가 나타났습니다.

WWW의 인기가 폭발적으로 확산되고 인터넷의 결과로 일반 대중 사이에서 처음에는 미국에서 그리고 전 세계적으로 시작된 것은 이러한 사건에서 비롯되었습니다.

브라우저는 GIF 이미지를 지원하는 방법을 배웠으며 이는 당시로서는 중요한 단계였지만 복잡한 디자인에는 상당한 제한이 있었습니다.

그 당시 웹사이트는 단순한 텍스트, 링크, 몇 개의 작은 이미지로 인해 다소 지루해 보였습니다. 그러나 그다지 많지 않았습니다. 1993년 말까지 웹사이트 수는 수백 개에 불과했습니다.

1996 - 기억해야 하지만 반복해서는 안 됩니다.

1996년은 새로운 시대의 시작을 정의한 해였으며, 많은 디자이너들에게는 부끄러운 시기였습니다. 빨간색, 분홍색, 노란색 배경을 가진 사이트들이 활발히 등장하기 시작했고, 너무 오랫동안 보는 것은 거의 불가능했다. 이 단계에서는 사이트를 재미있고 흥미롭게 만드는 애니메이션 GIF의 공격적인 사용도 확인되었습니다. 사람들은 웹사이트가 어떻게 작동하는지 완전히 알지 못했기 때문에 웹사이트를 올바르게 디자인하는 방법도 몰랐습니다.

이것은 1996년에 최초의 맥도날드 웹사이트였습니다. 디자이너들은 사용하는 빨간색과 노란색의 양에 따라 급여가 인상된다는 말을 들었습니다. 물론 이는 브랜드의 주요 색상이지만 흰색 등 다른 색상으로 희석해야 합니다. 이제 분석하고 배울 시간입니다!

이 사이트는 디자이너 Betsey Johnson이 1996년에 만든 사이트입니다. 배경색은 단순히 밝은 것 이상입니다.요즘에는 비슷한 페이지도 찾을 수 있습니다.

상단에 애니메이션 플래그가 있는 인도 음악 사이트에서는 흰색/녹색/주황색/흰색이라는 다소 흥미로운 그라데이션 선택을 보여줍니다. 이 디자인 솔루션은 사이트 페이지를 시각적으로 절반으로 줄입니다.

1996 - Altavista의 첫 번째 웹사이트 디자인. 간단하고 유용합니다. 로고는 제목으로 사용되었습니다. 이것이 Altavista의 첫 번째 시도였다는 점을 고려하면, 그들의 웹사이트는 당시 최고 중 하나였다는 점에 주목해야 합니다.

야후는 한때 인터넷의 왕이었습니다. 그의 원래 사이트는 더 복잡한 디자인과 인터페이스 요소를 사용한다는 점에서 이전 사이트와 다릅니다. 그들은 여전히 ​​래스터, 불투명 이미지를 사용했지만 이미 사용 편의성뿐만 아니라 시각적 부분에 대한 작업을 시도했습니다. 이 디자인은 매우 유용하고 시각적으로 매력적입니다.

웹 디자인의 뿌리에서부터 특정 사이트가 완벽하게 기능한다는 것을 알 수 있습니다. 여기에서는 검은색, 파란색, 빨간색의 주요 3가지 색상을 볼 수 있습니다. 이 색상은 해당 기간 동안 꽤 인기가 있었습니다. 제목은 빨간색, 주요 정보는 검은색, 링크는 파란색으로 표시됩니다.

레고 회사 홈페이지는 다음과 같습니다. 그들은 (flash/jquery를 사용하지 않고) 꽤 대화형으로 만들려고 노력했습니다. 해당 제품은 어린이용 제품이었기 때문에 해당 사이트에는 애니메이션 사진과 함께 링크가 표시되었습니다.

배경색, 아이콘, 글꼴

15년 전만 해도 사람들은 화려한 색상 팔레트가 고품질 디자인의 특징이라고 생각했습니다. 밝은 색상의 사용으로 인해 장시간(5분 이상) 사이트 탐색이 불가능했습니다. 안타깝게도 원래 웹 디자이너에게는 사람들이 사이트 페이지에 얼마나 오래 머무를지 고려하는 것보다 눈에 띄는 것이 더 중요해졌기 때문에 밝은 색상이 일반적인 선택이 되었습니다.

아마도 10년 전에는 가장 좋아하는 서체는 시스템 글꼴과 기본 글꼴이었을 것입니다. 회사 웹사이트, 명함, 청첩장 등 모든 곳에서 사용되었습니다. 특수 효과, 그림자, 투명도가 없습니다. 검정색 텍스트, 빨간색 제목, 파란색 밑줄 링크. 텍스트 간의 유일한 차이점은 글꼴이 볼드체인지 이탤릭체인지입니다. 타이포그래피는 지금처럼 디자인의 중요한 부분으로 간주되지 않았습니다.

1996년, 인쇄소 웹사이트

버튼! 그들이 없었다면 이제 우리는 무엇을 해야 할까요? 그러나 1996년에는 이러한 것들은 상호작용성을 창출하기 위한 회색 옵션에 불과했습니다.

1998년부터 디자이너들은 웹사이트 제작 문제를 진지하게 받아들였습니다. 그 시대의 트렌드 중에서 프레임, 테이블 레이아웃, 호버 효과를 적용한 메뉴를 강조할 수 있습니다. 다음은 당시 웹사이트 페이지의 몇 가지 예입니다.

초기 Angelfire 사이트의 예. 창 크기, 색상, 버튼 사용, 파란색 배경에 흰색 글꼴 등을 실험해 보는 것이 좋습니다.

BBC는 시도했다 텔레비전에서 인터넷으로 정보를 전송합니다. 링크 목록이 포함된 메뉴와 일기 예보와 같은 일부 애플리케이션이 표시됩니다.

Bluefly 웹사이트에서는 당시 아이콘을 사용한 사이트 탐색의 가장 좋은 예 중 하나를 볼 수 있습니다.

그러면 Dreamweaver와 같은 도구가 인기를 얻게 됩니다. 이를 통해 더 많은 사람들이 웹 페이지를 만들 수 있게 되었습니다. 이 분야의 기술을 향상시켜야 하는 웹 사이트를 만들자는 디자이너로부터 점점 더 많은 제안이 접수되었습니다. 때로는 성가신 화면 보호기에도 플래시 기술이 등장했습니다.

인터넷은 2000년에 폭발적으로 성장했습니다. 디자이너는 끊임없이 진화하는 CSS 기술을 통해 배웠습니다. CMS는 웹 디자이너들 사이에서 인기를 얻기 시작했습니다. 광택 있는 버튼, 화려한 색상, 그라데이션은 웹 2.0 시대를 반영합니다. 둥근 모서리와 반짝이는 그라데이션이 거의 빛의 속도로 퍼집니다. 웹사이트는 더욱 기능적이고 필수적인 사용자 인터페이스를 갖게 됩니다.

가벼운 질감이 있는 회색 배경 위에 밝고 다채로운 버튼이 있습니다. 밝은 색상에 흰색 텍스트가 눈길을 끕니다.

2008년은 모바일 웹 애플리케이션의 트렌드가 두드러지는 해입니다. 2007년, 아이폰은 확실히 모바일 웹 디자인에 큰 활력을 불어넣었습니다. 전문 기업들이 모바일 웹사이트를 제작하고 애플리케이션을 개발하기 시작했습니다. 대규모 소셜 네트워크는 블로그, 웹사이트로 전환하기 위한 위젯(소셜 네트워크로 전환하기 위한 위젯)을 설치합니다. 또한 2008년은 디자인에 있어 레트로 스타일의 해이기도 합니다. 색상 구성이 더욱 스타일리시해졌고, 웹사이트 디자인이 더욱 좋아지고 대비가 더욱 뚜렷해졌습니다.

2011. 웹 디자인이 점점 더 좋아지고 있습니다.

네브의 홈페이지 디자인은 아동복 매장의 진수를 보여줍니다. 부드러운 컬러를 사용해서차분하고 우아한 분위기를 연출해보세요.

해산물 레스토랑은 건강하고 신선하며 천국에 가까운 음식의 느낌을 줍니다. 레스토랑 웹사이트에서 무엇이 더 중요할까요?

이 색상은 반짝이거나 흥미롭지 않으며 중립적 범위에 가깝습니다. 지루하지 않고 우아하며 단순합니다.

기사를 읽은 후 웹 디자인의 색 구성표, 버튼, 아이콘 및 글꼴의 발전을 보았습니다. 미래에는 무엇이 우리를 기다리고 있을까요? 미니멀한 디자인, 밝은 색상, 정교하게 선택된 색상 팔레트? 아니면 완전히 새로운 것인가요? 글쎄, 기다리자!

Smolensk Adeptum이 처음부터 고부하 서비스 및 대규모 스타트업까지 가는 길.

북마크에

유명 스튜디오의 이야기는 대부분 스스로 조직하거나 대형 기획사에서 나와 이름을 내놓고 즉시 대형 고객을 확보하고 상을 받고 급상승한다는 사실에서 시작됩니다.

이 이야기는 첫 시작과 다음 단계 사이에 있는 스튜디오에 대한 이야기입니다. 이 이야기는 첫 상을 받고 대규모 고객을 확보할 기회가 있는 스튜디오에 관한 것입니다.

모든 것이 어떻게 시작되었는지

웹 스튜디오 "Adeptum" Anton Klimenkov와 Slava Korostelev의 창립자는 이벤트 업계에서 일했으며, 각자 엔터테인먼트 기업의 웹사이트를 개발하고 운영했습니다. 2012년에 그들은 나이트클럽용 iOS 애플리케이션이라는 프로젝트를 공동으로 처음으로 경험했습니다. 이 기능을 사용하면 사진 보고서를 보고, 온라인 라디오를 듣고, 음식을 주문할 수 있습니다. Anton은 개발 프로세스 및 테스트 관리에 참여했으며 Slava는 실행자였습니다. Anton은 오랫동안 다양한 프로젝트를 관리하고 시작하는 경험을 축적했으며 Slava는 프로그래밍 언어를 공부했습니다.

당시에는 이벤트와 유흥 산업이 잘 진행되고 있었습니다. 2년 안에 15명의 전문가로 구성된 팀과 대규모 프로젝트(웹 서비스, 모바일 애플리케이션, 자체 cms 및 대규모 개발 계획)로 구성된 팀이 2년 안에 도심에 상당히 큰 사무실이 있을 것이라고는 아무도 생각하지 못했습니다!

첫 번째 고객

시간이 지남에 따라 평판과 권장 사항이 나타 났고 어느 시점에서 우리는 단순한 사이트에서 계속 작업할지 아니면 한 단계 더 발전하여 비즈니스 모델을 변경하고 우리에게 가장 영감을 주는 대규모 서비스, 스타트업에 다시 집중할지 선택에 직면했습니다. 그리고 모바일 애플리케이션. 우리는 두 번째이자 더 어려운 길을 선택했습니다.

개발된 첫 번째 진지한 프로젝트는 매표소 "Smolkassa"였습니다. 이 서비스를 통해 사용자는 온라인과 모바일 애플리케이션을 이용해 행사 티켓을 구매할 수 있고, 주최자는 콘서트 홍보 및 티켓 판매가 가능하다.

다음으로 우리는 웨비나 개최 플랫폼을 갖춘 연방 온라인 교육 서비스를 고용하고 자체 CMS 작업을 시작했으며 공식 Ford 및 Volkswagen 딜러를 위한 프로젝트, 상위 100개 대행사와의 협력을 시작했습니다.

이름에 대해

2017년 11월, CMS의 첫 번째 버전이 준비되고 15개의 프로젝트가 성공적으로 구현되었을 때 우리는 브랜드를 변경하기로 결정했습니다. “우리는 고품질 코드와 디자인에 열정을 갖고 할당된 문제를 해결하는 데 중점을 둔 팀입니다. 우리는 "Adeptum"이라는 이름으로 그 개념이 드러나는 사업에 전념하고 있습니다.

2017년 12월, 우리는 "We Are Your Friends"라는 이름을 "Adeptum"으로 변경하기로 결정하고 "특허" 과정을 시작했습니다.

스튜디오의 작동 방식

스튜디오는 세 가지 영역에서 활동합니다.

• 웹 서비스 설계 및 개발 + 스타트업 관련 작업

• 모국어로 된 모바일 애플리케이션

• 당사 자체 관리 시스템을 사용하여 웹사이트를 제작합니다.

현재 직원은 15명이며 사무실에 7명(메인 백엔드 및 프런트엔드 개발자, 관리, 팀 리더), 원격으로 근무하는 8명(디자이너, 테스터, Java 전문가)이 있습니다. 우리는 각 프로젝트마다 별도의 팀을 배정하고 스튜디오 내에서는 Agile 방식을 사용하여 작업합니다. 주어진 문제를 해결하고 멋진 제품을 만드는 것이 우리에게 중요합니다.

팀에는 강력한 전문가가 포함되어 있습니다. 우리는 PHP, MySQL, Node.js, Phython, Java, Objective-C, Delphi, HTML5, CSS, JS, React, jQuery, Redis, ElasticSearch에 대해 상당한 수준의 숙련도를 보유하고 있습니다. 프로토타입 및 디자인에는 Figma 또는 Sketch를 사용합니다. 우리 스튜디오는 우리가 개발하는 프로젝트용 서버가 설치 및 유지 관리되는 DataPro 및 Smoltelecom이라는 두 개의 대규모 데이터 센터와 협력하고 있습니다.

우리는 도심의 확장된 사무실에서 2018년 새해를 시작했습니다. 올해로 3년차가 되었으며, 매번 더 많은 공간을 차지하게 되었습니다.

모든 직원에게는 MacBook 또는 PC가 제공되며, 편안한 업무 공간, 유연한 근무 시간, 사무실 안팎에서 즐거운 보너스가 제공됩니다. 스튜디오 관리는 항상 다양한 생활 상황에 적응하는 데 도움이 됩니다.

프로모션 채널

또한 업계 포럼, 비즈니스 이벤트, 인터넷 마케팅 및 소셜 미디어에 조직의 관리자 및 대표가 참여할 가능성도 있습니다.

스튜디오에는 영업관리자가 없습니다. 우리는 행정적 대화를 제외하고 Lead2Lead 작업을 시도하며 최종 결정을 내리는 사람과의 협상에서 곧바로 요점을 설명합니다. 이를 통해 신속하게 작업 개요를 작성하고, 결과를 확인하고, 각 단계에서 평가를 제공할 수 있습니다.

스튜디오의 주요 프로젝트

앞서 언급한 "Smolkassa" 티켓 판매원과 함께 우리는 몇 가지 심각하고 대규모 프로젝트를 만들었습니다.

그 중 하나는 웨비나 "Stomweb"을 수행하기 위한 자체 플랫폼을 갖춘 치과의사를 위한 교육 서비스입니다. 현재 이 서비스는 러시아와 CIS 국가에서 100,000명 이상이 사용하고 있습니다.

두 번째는 티켓 판매원을 위한 소프트웨어 및 하드웨어 복합체인 "Eventkassa"입니다. 이 제품은 이벤트 주최자에게 다양한 가능성을 제공합니다.

이 시스템을 사용하면 온라인으로 모든 좌석을 예약 및 판매하고, 입장을 제어하고, 전체 보고서를 작성할 수 있습니다. 이 서비스는 모든 플랫폼과 웹사이트에 통합될 수 있습니다. 현재 Eventkassa는 러시아의 12개 도시에서 운영되고 있습니다. 3년 동안 콘서트, 쇼, 극장, 서커스 티켓 약 190,000장이 판매되었습니다.

우리 팀의 또 다른 프로젝트는 이제 막 생산에 들어갔고 자동차 시장을 변화시킬 수 있는 모든 기회를 갖고 있습니다. "CarWeGo"는 구매자를 대상으로 하며, 구매자가 원하는 자동차 구매 광고를 제작할 수 있는 기회를 제공합니다. 판매자는 수요를 확인하고 이 광고에 대한 자동차를 제공합니다. 모든 잘 알려진 자동차 판매 사이트와 비슷하지만 그 반대입니다.

이러한 제품과 함께 우리는 완성된 앨범을 생성하고 레이아웃하고 사용자에게 보내는 과정을 완전히 자동화하는 온라인 사진 앨범 디자이너 작업에 관심이 있었습니다. 광범위한 이전 경험을 바탕으로 우리는 언론인 및 회사와 협력했습니다. Svetlana Loboda의 투어를 ​​위한 웹사이트를 만들고 Swanky Tunes 그룹 및 대형 라디오 지주 회사인 "Media-Fm"과 협력했습니다.

저는 이스라엘, 헝가리, 미국 기업의 웹사이트를 제작한 경험이 있습니다.

NDA를 체결하고 국내 주요 은행 중 하나를 위한 프로젝트를 진행하는 상위 100개 기관과 협력합니다.

어려움

첫 번째 어려움은 돈이었습니다. 우리는 투자 없이 시작했습니다. 지금 존재하는 모든 것은 우리의 노력과 노력의 결실입니다. 회사의 매출액은 자체 자금으로 구성됩니다. 확장의 시작과 각 단계에서 우리는 위험이 무엇인지, 직원 급여를 결코 지연시키지 않으면서 이익 없이 일하는 방법을 배웠습니다.

두 번째 어려움은 팀 구성원입니다. 같은 사람들과 함께 빠른 속도로 발전하고 일할 준비가 된 전문 인력이 필요합니다. 문제는 우리 지역에는 그런 사람이 거의 없다는 것입니다. 때로는 완전히 비표준적인 방식으로 "사냥"해야 하지만 때로는 사람들이 직접 와서 이렇게 말합니다. 서로 협력해서 노력하자."

개발 및 계획

완성된 프로젝트와 포트폴리오에도 불구하고 시작 단계에 있는 것 같은 느낌이 듭니다. 우리는 야망과 더 나은 일, 더 큰 일을 하려는 열망에 의해 움직입니다.

가까운 미래에는 훨씬 더 큰 진전이 있을 것입니다. 전략적으로 우리는 시장에 진출하여 대형 기업과 경쟁하고, 유명 브랜드와 협력하고, 러시아 최고의 디지털 에이전시와 협력하고 싶습니다. 이로 인해 회사 매출이 2-3 배 증가해야합니다.

우리의 운영 계획에는 국제 b2b 분류를 생산에 착수하는 것이 포함되며, 이는 우리가 7개월 동안 작업해 온 것입니다. 웹 세미나를 위한 국제 플랫폼과 웨딩 사진작가를 위한 서비스/애플리케이션이라는 두 가지 내부 프로젝트를 스튜디오에서 출시합니다. Skolkovo Business School 및 Technopark와 협력하십시오.

우리는 개발을 위해 노력하고 팀을 모집하며 주요 프로젝트와 병행하여 스스로 작업하고 있습니다.

저자로부터:우리나라에서 인터넷과 같은 웹 디자인의 출현은 지난 세기 90년대에 일어났습니다. 그 전에는 웹 사이트가 시각적 콘텐츠를 꿈도 꾸지 못했던 석기 시대에 컴퓨터 기술이 지배했다고 말할 수 있습니다. 웹 사이트는 전적으로 텍스트로 구성되었습니다. 처음으로 텍스트는 1993년에 이미지와 "만났고" 그 이후로 웹 디자인의 역사가 카운트다운을 시작했습니다. 오늘의 기사에서는 이에 대해 간략하게 살펴보겠습니다.

가혹한 90년대

웹 디자인 시대의 첫 번째 웹 페이지는 링크가 있는 텍스트일 뿐이었고 다양한 글꼴과 특수 효과만을 꿈꿀 수 있었음에도 불구하고 웹 개발자들은 그 순진하고 고대를 우울하게 기억합니다.

최초의 사이트, 최초의 공급자, 최초의 웹 디자이너. 640x480 해상도의 모니터로 16가지 색상만 지원합니다(!). 검정색 텍스트, 파란색 링크, 빨간색 또는 분홍색 제목. 아름다움!

요즘에는 현대적인 도구와 기술의 도움으로 초등학생도 한 번의 컴퓨터 과학 수업으로 자신의 웹사이트를 완전히 무료로 만들 수 있습니다. 동시에 이 사이트의 디자인, 품질 및 기능은 기호와 탭을 사용하여 웹 디자인을 만들었을 때 사이트 구축의 첫 번째 "제비"보다 훨씬 더 높아질 것입니다.

1993년 말, 오랫동안 기다려온 "돌파구"가 인터넷에서 발생했습니다. 최초의 그래픽 브라우저인 모자이크가 등장하여 정보의 시각적 전송 개선의 시작을 알렸습니다. 이후 웹디자인의 역사는 무서운 속도로 발전하기 시작했습니다. 불과 몇 년 만에 인터넷 사이트 수가 수백 개에서 수만 개로 늘어났습니다.

1996년에는 웹페이지 디자인에 애니메이션 GIF 이미지, 화려한 배경, 지나치게 밝은 제목이 등장했습니다. 아무래도 그 세대의 웹디자이너들은 이제야 지루함과 일상에서 벗어날 수 있다는 기쁨을 표현한 것 같습니다.

HTML과 웹 디자인에서는 웹 페이지의 모든 정보가 구조화되는 테이블이 활발히 사용되기 시작했습니다. 당시 '레이아웃 자르기'는 웹 디자이너가 한 것이 아니라 개발자가 한 일이었습니다.

사실, 깨지기 쉬운 테이블 구조의 기능을 유지하는 것이 극도로 어려웠고 좋은 그래픽을 사용하는 능력(특히 Flash 기술 사용)이 낮은 모니터 해상도와 정보 전송 속도로 인해 방해를 받았습니다. 이것이 개발자가 외부 인터페이스를 좋아하지 않는다는 것을 깨달은 방법입니다. 하지만 그건 전혀 다른 이야기야

카라멜 2000년대

웹 디자인 개발의 역사는 2000년대 CSS(Cascading Style Sheets) 기술을 통해 웹 페이지의 콘텐츠를 디자인에서 분리할 수 있게 되면서 또 다른 질적 혁신을 이루었습니다. 2004~2006년은 WEB-2.0 시대의 시작으로 간주됩니다.

처음에 기술은 특별히 패션을 따라잡지 못했지만(이미지를 사용하여 레이아웃이 수행된 동일한 둥근 모서리를 기억하십시오), 패션은 어떤 의미에서 "박차를 가한" 기술로, 이는 기능과 유용성을 향상시키는 데 반영되었습니다. 사이트. 동시에 웹 디자인 마스터는 창작물에 다음을 사용하기 시작했습니다.

부드러운 그라데이션과 부드러운 색상;

둥근 물체;

버튼, 그림 및 아이콘의 반사성, 광택, "캐러멜";

메인 페이지의 "특별 제안" 및 배지

배경에 패턴입니다.

모바일 콘텐츠 만세

2007년 이전에는 휴대폰으로 웹을 탐색하는 것이 마음이 약한 사람을 위한 것이 아니었습니다. iPhone의 출현과 소셜 네트워크의 엄청난 확산은 모바일 애플리케이션과 웹사이트의 발전을 촉진했습니다.

웹 디자인의 역사는 새로운 도전으로 얼룩져 왔습니다. 작은 휴대폰 화면에 웹사이트의 전체 버전을 표시하는 것이 가치가 있습니까, 아니면 일부 레이아웃 요소를 버리는 것이 더 낫습니까? 광고는 어디에 삽입하나요? 이 부끄러운 모바일 인터넷 속도로 모든 사이트 콘텐츠를 휴대폰에 다운로드하는 방법은 무엇입니까?

웹 사이트 레이아웃을 디자인할 때 기둥형 그리드를 사용하는 것이 상황을 개선하기 위한 첫 번째 단계였습니다. 웹 디자이너는 12개의 열로 나누어진 960픽셀 격자를 사용하기 시작했습니다.

다음 단계는 버튼, 메뉴, 양식, 탐색 등 사이트 요소의 표준화뿐 아니라 각 요소를 빠르게 사용할 수 있는 특정 코드가 포함된 시각적 라이브러리 생성이었습니다. 승자는 웹 디자인과 프로그램 코드 사이의 경계를 모호하게 만든 Foundation 및 Bootstrap 프레임워크였습니다.

이 접근 방식에는 단점도 있지만, 단점이 없다면 어떻게 될까요? 새로운 웹사이트 디자인은 점점 더 똑같아 보입니다. 그리고 웹 디자이너는 프로그램 코드가 어떻게 작동하는지 이해하지 않고는 이미 만들어진 웹 사이트 템플릿을 변경할 수 없습니다.

스큐어모피즘과 반응형 웹 디자인

2010년에도 웹 디자이너는 CSS와 HTML을 계속 사용하지만, 다양한 레이아웃 형식을 사용하여 동일한 콘텐츠를 표시하는 반응형 웹 디자인이라는 새로운 개념을 점점 더 많이 채택하고 있습니다. 동시에 클라이언트와 개발자 간의 "적응성"에 대한 이해는 일반적으로 크게 다릅니다.

클라이언트는 다음과 같이 생각합니다. "그래, 반응형 웹 디자인이구나... 그러면 사이트가 휴대폰에서 잘 작동할 텐데." 개발자는 먼저 레이아웃 스케치 수, 요소의 의미 로드, 콘텐츠 로딩 속도, 정보를 시각적으로 표시하는 방법, 데스크톱 또는 모바일 버전의 우선순위 등을 고려합니다.

2011년에 웹 디자이너들은 마침내 예술적 취향을 개발하기 시작했고 자연주의적인 디자인, 즉 스큐어모피즘이 '캐러멜' 패션을 대체했습니다.

스큐어모피즘의 특징으로는 iOS 캘린더 애플리케이션의 '가죽' 배경이나 3차원 '휴지통' 아이콘 등이 있습니다.

일반적으로 이 시각적 스타일에는 3차원 "양각 문자", 리본, "커튼", 뚜렷한 물리적 질감과 사실적인 이음새가 있는 가죽, 직물 및 기타 재료처럼 보이는 요소가 사용되었습니다.

복잡한 것에서 단순한 것으로

웹 디자이너들의 일반적인 행복을 위해 2012년에 패션 추는 다른 방향으로 움직였습니다. 스큐어모피즘은 더러운 단어가 되었고, 시각적 요소는 최대한 단순화되었으며, 콘텐츠가 우선시되었습니다. 이것이 바로 '플랫 디자인'이라는 용어가 탄생한 방식입니다.

광택 있는 3D 버튼은 평면 벡터 아이콘과 웹 글꼴(1990년대 웹 디자인의 여명기처럼)로 대체되어 "새로운 것은 오래되고 잊혀진 것입니다."라는 말을 더욱 강화했습니다. 또한 밝은 색상, 흥미로운 타이포그래피, 큰 배경 이미지, 심지어 배경 비디오도 인기가 높습니다.

요즘에는

오늘날에는 공간을 효율적으로 사용하고 사이트의 가장 중요한 요소에 사용자의 관심을 집중시키기 때문에 원칙적으로 "플랫" 디자인(플랫 디자인)을 향한 움직임을 지원하는 몇 가지 새로운 아이디어가 있습니다.

Flat 2.0과 잘 어울리는 트렌드는 움직임, 빛, 그림자의 흥미로운 플레이 형태로 시각적 단서를 제공하는 Google Material Design입니다.

요즘에는 긴 스크롤링, 픽셀화된 그림과 은하수 배경을 사용한 빈티지 스타일, 고해상도 시각적 요소도 유행합니다.

사람들의 사고 변화와 웹 디자인 트렌드 사이의 긴밀한 관계를 입증하는 웹 디자인 역사의 주요 사건을 여러분에게 전달할 수 있었으면 좋겠습니다. 물론 실수와 성공도 있었지만 대부분의 혁신은 성숙한 디자인에만 도움이 됐다는 점에 동의해야 합니다.