Если вы работаете в этой области, вам лучше знать историю веб-дизайна. Кроме того, это увлекательная и занимательная тема. Просто вспомните, как сайты выглядели 10, 15 или даже 30 лет назад, и вы поймете, как быстро и резко изменился веб-дизайн.
В этой статье мы расскажем об истоках веб-дизайна, дадим вам хронологию его эволюции и посмотрим, как обстоит дело с дизайном в 2022 году. Это тема, близкая нашему сердцу. В компании Arisweb, занимающейся дизайном цифровых продуктов, мы создаем решения для веб-дизайна , продуктов и приложений , поэтому все тонкости того, как обеспечить отличный UX, мы знаем как книгу.
Рождение веб-дизайна
Концепция Интернета или Всемирной паутины впервые появилась в 1940-х годах в книге Мюррея Лейнстера. Интернет, который мы знаем сегодня, восходит к 1980-м годам. Кто это придумал? Невозможно сказать, поскольку в вычислительной технике был ряд разработок, основанных друг на друге.
Ранние сайты 1980-х годов состояли из текстов, просто размещенных на черном экране. Они выглядели очень просто, потому что основное внимание уделялось обмену информацией. Из-за черного фона эти места также были невероятно темными, поэтому мы часто называем этот период «темными веками».
Однако первый пример веб-дизайна появился только в 1989 году, когда Тим Бернерс-Ли, физик из ЦЕРНа, создал первый веб-сервер, браузер и веб-страницу . В 1989 и 1990 годах он предложил создать Всемирную паутину из соединенных компьютерных сетей и был встречен с энтузиазмом и любопытством.
Появление первого веб-сайта с его базовой реализацией – момент рождения веб-дизайна.
Хронология истории веб-дизайна
Сейчас мы дадим вам краткое изложение ключевых моментов в истории веб-дизайна .
1989 г.
- Тим Бернерс-Ли создает первый браузер WorldWideWeb на основе принципов, разработанных им в 1989 году. Он запускает браузер в 1990 году.
1990 г.
- Три студента университета: Алан Эмтадж, Питер Дойч и Билл Хилен создают первую поисковую систему Archie. Это позволило пользователям искать файлы в базе данных. Поворотный момент в истории интернета!
- В этом же году на рынке появился первый релиз известного графического редактора Adobe Photoshop. После десятков более поздних версий он по-прежнему широко используется для веб-дизайна и многого другого. Однако вначале Photoshop был доступен только для компьютеров Macintosh и требовал целых 2 МБ оперативной памяти (много для того времени).
1991 г.
- Бернерс-Ли запускает первый в мире веб-сайт с помощью HTML- команд. Его ранняя веб-страница имела скромное форматирование: это была белая страница с черным текстом. Тем не менее, многие из основных принципов, лежащих в основе этой страницы, такие как команды заголовков, по-прежнему являются основополагающими для современных дизайнеров. На самом деле, эта статья использует HTML в своем дизайне!
- HTTP, первый протокол, предназначенный для обмена гипертекстовыми документами между сервером и браузером, также является детищем Бернерса-Ли. Можете ли вы представить себе современный веб-сайт без гиперссылок? Теперь вы знаете, откуда они берутся.
1992 г.
- Заметной разработкой этого года стал браузер ViolaWWW от Pei-Yuan Wei, который он разработал, работая в Калифорнийском университете. Этот браузер поддерживал сценарии, рендеринг таблиц и формы и содержал таблицу стилей для определения внешнего вида сайта.
- Bare Bones Software выпускает BBEdit HTML и текстовый редактор для Macintosh, чтобы помочь веб-разработчикам.
- Сильвано Де Дженнар, ученый из ЦЕРН , загружает в сеть первое изображение, фото пародийной музыкальной группы Les Horribles Cernettes .
- Позднее в этом году появится еще одна поисковая система. Это Вероника, сокращение от «Очень простой, ориентированный на грызунов общесетевой индекс компьютерных архивов».
1993 г.
- В этом году мы представляем Mosaic, один из первых веб-браузеров с графическим интерфейсом. Он был бесплатным и его можно было использовать на всех платформах.
- ALIWEB (Archie Like Indexing for the Web) — еще одна поисковая система 1993 года. Это был важный шаг с точки зрения дизайна, поскольку он использовал цвет, чтобы привлечь внимание пользователей к лучшим страницам, которые мог предложить Интернет.
- Еще одна важная веха в веб-дизайне этого года — первая целевая страница. Кто сделал это? MTV , музыкальный видеоканал. Их собственный видеожурналист Адам Карри вел эту страницу, и на ней были яркие, красочные изображения, и она сильно отличалась от сайтов, созданных всего два года назад.
1994 г.
- В этом году, который меняет Интернет навсегда. В 1994 году на сайте Hotwire (сейчас Wired) появляется первый рекламный баннер. Этот сайт имел красочный, но минималистичный дизайн, а объявление гласило: «Вы когда-нибудь щелкали мышью прямо здесь? Вы будете".
- Кроме того, в этом году появляется валидатор HTML , помогающий бесчисленному количеству разработчиков и дизайнеров.
- И снова Бернерс-Ли составляет список. Он создает Консорциум World Wide Web, чтобы установить правила для Интернета. Эта организация отвечает за стандарты HTML , CSS, XHML и XML.
- Однако самая важная разработка этого года — создание шрифта Comic Sans, основанного, как вы можете догадаться, на комиксах. Этот шрифт печально известен и часто высмеивается, но его также хвалят за легкость чтения и рекомендуют для обучения людей с дислексией.
1995 г.
- Это год создания высокопроизводительной системы полнотекстового поиска ALTAVISTA. В конце концов, Yahoo! купили ALTAVISTA , но прекратили ее выпуск в 2013 году из-за известности Google .
- Также в 1995 году Брендан Эйх изобретает JavaScript , предназначенный для браузера Netscape 2, чтобы обеспечить более динамичный интерфейс. JavaScript позволяет больше взаимодействовать с пользователем, чтобы веб-сайты могли обнаруживать движения пользователя, такие как изменение положения курсора или нажатие кнопок, и реагировать на них так, как того хотят дизайнеры. Раньше это было невозможно.
- Мы также видим запуск HTML 2.0, который дал разработчикам возможность создавать таблицы, формы, графику и многое другое!
- Термин «пользовательский опыт» появился на конференции в Денвере, штат Колорадо.
1996 г.
- Håkon Wium Lie запускает CSS, предоставляя разработчикам возможность легко редактировать и оформлять страницы. Это позволило сделать табличный дизайн более удобным и привлекательным. Microsoft Internet Explorer 3 поддерживал CSS и сделал его основной частью веб-дизайна.
- Первое появление Flash ! Macromedia Flash 1.0 позволяет пользователям создавать векторную анимацию. Это имело бы серьезные последствия для Интернета конца 1990-х годов.
Flash позволил интегрировать анимацию и звук. Однако людям нужны были правильные плагины Flash , чтобы безошибочно использовать эти функции. Тем не менее, эти анимации и GIF-файлы стали основой веб-сайтов до сегодняшнего дня, хотя Flash уже не так актуален.
1997-1998 гг.
Многие технологии и сайты в этот период оказали огромное влияние на эволюцию веб-дизайна , но наиболее важными из них являются :
- Dreamweaver, GoLive и другое программное обеспечение делают дизайн веб-сайта более доступным для нетехнических специалистов. В результате веб-дизайн стал все более популярным навыком и профессией.
- Macromedia Fireworks позволяет дизайнерам работать с векторной и растровой графикой.
- Появляется Google , который позже становится глобальной опорой, которую мы все знаем. Он был основан на алгоритме определения релевантности для конечного пользователя — значительный шаг в мире SEO.
2000-2004 гг.
- Использование веб-сайта увеличивается; около 36 миллионов интернет-пользователей. Многие известные сайты, такие как Deviant Art, Google , Yahoo! , WordPress, Wikipedia и PayPal появляются в этот период. Многие веб-сайты ранней эпохи исчезли, но веб-дизайн стал сильнее, а использование и дизайн Интернета быстро стали более популярными.
- Системы управления контентом становятся все более популярными, позволяя контролировать контент на сайтах.
- Начинают появляться социальные сети, с Yourspace, в конечном итоге Myspace в 2004 году, чтобы укрепить место социальных сетей в мире. Myspace познакомил поколение с методами кодирования и задал тон максималистским методам проектирования. Для сравнения, современные страницы отошли от этого стиля, страницы с изображениями и GIF-файлами, которые были так популярны в то время, до сих пор влияют на людей.
- Термин Web 2.0, впервые использованный в 1998 году, становится широко распространенным. Особое внимание уделялось социальным сетям, форумам и обмену изображениями. Сайты отказались от раннего HTML и стали более доступными.
2004-2007 гг.
- Наконец-то пользователи могут создавать веб-сайты, не зная HTML или других методов кодирования.
- Flickr, Reddit, YouTube и, в конечном счете, Facebook (позже Facebook, а теперь Meta) стали широко известными именами и сайтами. Интернет сегодня во многом является прямым результатом этого периода.
2007-2013 гг.
- Рост популярности смартфонов, особенно iPhone, вызывает значительные изменения. Был сделан шаг в сторону дизайна мобильных приложений и кроссплатформенной поддержки. Flash больше не был совместим с Apple, и дизайнеры начали отказываться от его использования.
- Примерно в 2010 году адаптивный дизайн становится важным для веб-дизайнеров. Это позволяет дизайнерам и разработчикам создавать сайты, которые соответствующим образом настраиваются и масштабируются, независимо от предполагаемого устройства сайта или приложения. Теперь это необходимо во всех процессах проектирования.
- В 2013 году появился React. Эта библиотека с открытым исходным кодом упростила создание пользовательских интерфейсов и компонентов пользовательского интерфейса для веб-приложений.
2013-2021
- HTML и CSS по-прежнему широко распространены в дизайне веб-сайтов в этот период, но вариантов разработки сайта больше, в зависимости от результата. JavaScript , HTML , CSS и т. д. имеют свои преимущества и недостатки. Поэтому дизайнерам приходилось выбирать конкретные языки и фреймворки, чтобы специализироваться на них.
- Дизайн на основе CSS имеет решающее значение для дизайнеров, которые ищут интересный и привлекательный контент, в то время как основы HTML также имеют большое значение. JavaScript лежит в основе многих популярных мобильных приложений, поскольку Facebook разработал React Native — фреймворк, позволяющий кроссплатформенную разработку приложений.
- Flash становится ненужным в 2017 году. К этому периоду W3C (консорциум World Wide Web) доработал правила для HTML 5.0, предоставив веб-дизайнерам большую гибкость и мультимедийную поддержку.
- К 2019 году использование мобильного интернета станет более заметным, чем использование компьютеров. Это еще больше смещает важность дизайна мобильных приложений.
Веб-дизайн в 2022 году
- В 2022 году на JavaScript работают многие из ваших любимых приложений и сайтов. Большинство приложений стремятся к минималистичному дизайну, но многие ретро-шрифты возвращаются.
- Как вы могли заметить, веб-сайты трансформируются при прокрутке. Многие сайты сосредоточены на одной большой целевой странице для плавного перехода между отдельной информацией и медиа. Это связано с тем, что многие веб-сайты стремятся максимально походить на приложения, чтобы быть мультиплатформенными.
- В эстетическом плане преобладают разноразмерные шрифты, абстрактные иллюстрации, ар-деко и ретро-футуристические стили. Подробнее о тенденциях в веб-дизайне можно прочитать здесь .
Заключение
Мы надеемся, что вам понравилось изучение истории веб-дизайна . Поистине удивительно наблюдать эволюцию веб-дизайна за относительно короткий период. Интернет и дизайн радикально изменились по сравнению с ранними днями.
Поскольку веб-дизайн постоянно меняется, очень важно быть в курсе всех этих тенденций, когда вы хотите спроектировать и разработать свой собственный сайт . Arisweb может помочь вам в этом, проектируя и разрабатывая ваши веб-сайты, приложения и многое другое. Ознакомьтесь с нашими услугами и узнайте, как мы можем помочь вам создать передовой сайт или приложение.