Считается, что концепция «Интернета» или «Всемирной паутины» возникла в 1946 году, когда она была впервые описана в рассказе Мюррея Ленстера. В любом случае, заслуга его истинной (но непреднамеренной) разработки в 1989 году принадлежит физику Тиму Бернеру-Ли. Он использовал гипертекст для создания файла страниц в рамках, одновременно создавая набор данных по программированию для клиента. В конечном итоге это переросло в то, что мы теперь знаем как стороны. Темный век веб-дизайна ознаменовался тем, что дизайнеры отказались от темных экранов пикселями.
Фотографии и события составили планы (иначе называемая клавишей TAB). Хотя сейчас мы можем рассматривать этот цикл веб-дизайна как грубый, многие планировщики на самом деле черпают мотивацию из вкусов 80-х годов после наших дней. В 1990 году был открыт первый в мире веб-сайт. Учитывая то, где мы находимся сейчас, действительно удивительно видеть, как далеко мы продвинулись. В этой статье мы познакомимся с исторической хронологией веб-дизайна и с тем, как он развивался с течением времени. Теперь давайте погрузимся прямо в это!
Исторический график развития веб-дизайна и разработки
Несмотря на то, что веб-дизайн – относительно новое явление. Это связано с другими областями, такими как графический дизайн, взаимодействие с пользователем и мультимедийное искусство, но лучше всего его рассматривать с технологической точки зрения. Оно стало важной частью повседневной жизни людей. Трудно представить Интернет без анимированной графики, различных типографских стилей, фонов, видео и музыки.
Веб-дизайн и разработка, 1990–1995 гг.
Именно тогда был распространен первый в мире веб-сайт. Кроме нескольких текстов и ссылок, больше ничего не было. В любом случае, доступный в то время общедоступный браузер был не графическим, а текстовым и назывался программой «линейного режима». Вот как выглядела страница.
1992
Основной снимок был опубликован в Интернете. Для его модификации использовался Photoshop (да, у нас был Photoshop в 1992 году!), прежде чем он был загружен в Интернет.
1993
Стало доступно Mosaic, первое в мире открытое графическое приложение. Многие организации открыли свои собственные веб-сайты. Тогда же были представлены презентационная страница и план. MTV также было первым, кто сделал это. Это был момент, когда они прибыли.
1994
Был запущен «Netscape», одна из самых известных и знаменитых программ в мире. Общественность получила легкий доступ к Интернету. Включает графические элементы, такие как яркое изображение GIF, организация текста и таблица. W3C также была создана в текущем году для создания общих стандартов веб-разработки.
1995
Использование таблиц для разработки HTML-структур общепринято. В этом году также был представлен JavaScript. Начался период разумной субстанции.
Веб-дизайн и разработка, 1996–1999 гг.
За это время был представлен и принят CSS1. Раньше все стили кодировались непосредственно в HTML. CSS — это первый шаг в изоляции контента и его отображении, и он превратился в основу современной композиции и продвижения веб-сайтов. Использование стола для расстановки ткани стало нормой. Поскольку граничная область стала доступна только через десять лет после этого события, скорректированное угловое изображение стало чрезвычайно знакомым образцом. JavaScript использовался в основном для создания побочных эффектов, таких как снегопад или фейерверк. (Вы помните DHTML?) В то время Flash также был революционной инновацией в области трафика веб-сайтов.
Были продемонстрированы ActionScript 1.0 и 2000 Streak 5. Это положило начало оживленному веществу и пламени. В этом году также был распространен основной вариант деталей CSS3. SVG-дизайн был представлен в 2001 году. Это основной дизайн векторного изображения для сайта, который можно записать в XML.
Веб-дизайн и разработка с 2003 по 2006 год
За текущий год создана первая версия WordPress. Обозначает начало динамического контента и публикации контента в течение периода блога вместо статической HTML-страницы.
2004
Было продемонстрировано использование CSS Sprite. Соберите изображения меньшего размера в одно, а затем используйте базовую позицию, чтобы выбрать, какое изображение отображать, чтобы уменьшить количество HTML-запросов и размер. Это позволяет специалистам сайта включать на страницу более реалистичный контент.
2006
Sass, основной препроцессор CSS, был создан в этом году. CSS расширяется, включая больше функций и позволяя специалистам по сайтам создавать более сложные эффекты. Дизайн CSS Grid был представлен в 2007 году. Были установлены конец таблицы и время разработки управляющего div (но браузерам требуется довольно много времени, чтобы полностью поддерживать это). Концепция CSS Flexbox была представлена в 2009 году и позволяет дизайнерам веб-сайтов создавать настраиваемые форматы, не беспокоясь об их расположении и разделении. В этом году также состоялся дебют концепции «Минимальная композиция сайта».
Веб-дизайн и разработка с 2010 по 2016 год
Дебют адаптивного дизайна. Вместо создания собственного мобильного веб-сайта можно использовать аналогичный контент в разных форматах в зависимости от размера экрана. В этом году был выпущен Google Font. Вдохновляющая концепция типографики для композиции веб-сайта. В 2011 году в результате влияния Windows 8 стал известен план метро или уровня. В этом году также была запущена структура Bootstrap CSS, которая значительно ускорила компоновку веб-сайтов и скорость разработки. В 2012 году были представлены запросы СМИ. Центральное место в адаптивном дизайне занимает способность CSS соответствовать размеру экрана.
Тогда же впервые была представлена концепция просмотра параллакса. 2014 год — год 3D. Была выпущена согласованная и полная версия WebGL. Обеспечивает 3D-рендеринг с использованием мощности графического процессора через JavaScript. В этом году также стало известно об изменении CSS 3D.
В 2015 году HTML5 получил широкое распространение, и YouTube решил оставить полосовой проигрыватель в пользу проигрывателя HTML5 при прочих равных условиях. В текущем году были продемонстрированы живость и прогресс CSS3, что позволило обеспечить плавные и отзывчивые кнопки и меню. В 2016 году минималистичный веб-дизайн был на подъеме. Ряд веб-специалистов часто сводят все к абсолюту. В этом году широкое распространение также получили портативные планы «первый и большой палец».
С 2017 г. по сегодняшний день
Благодаря развитию инструментов настройки мы начали видеть множество различных методов веб-дизайна, которые заинтересовали нас. Непонятный дизайн, битый формат матрицы, анимированная основа с видео или WebGL. Точно так же стратегия минимума все еще действует.
Наступили темные времена веб-дизайна?
Хотя существует множество продвинутых веб-сайтов, у нас может сложиться впечатление, что веб-дизайн имеет приоритет над рекомендациями по удобству использования. При просмотре и восхищении этими выдающимися образцами современного веб-дизайна на существующих сайтах многие из этих сайтов работают очень медленно, независимо от того, есть ли у нас более высокая скорость Интернета. Некоторые из них даже медленны, используя все наши беспомощные ресурсы ПК. У них также длительное время укладки. Хотя только один из каждого странного сайта обладает скоростью и надежностью Amazon или Google, нет никаких сомнений в том, что эти «мотивационные страницы» с течением времени становятся все менее и менее ценными.
Подавляющее большинство из них являются сайтами-портфолио или трибунами, но разработчики заметили, что этот ужасный шаблон «подожди 10 секунд» начал уважать и сайты электронной коммерции; Кроме того, по мере развития инноваций мы также ожидаем усовершенствования конференций, и мы понимаем, что люди чрезвычайно вялы:стоять более 3 секунд часто оказывается чрезмерным для половины клиентов.
Влияние экономического спада на работу энтузиастов веб-дизайна
В отличие от раннего времени, работа дизайнера кардинально изменилась. Тогда нужно было знать язык программирования для продвижения пользовательских интерфейсов и SQL для информативности, чтобы найти новое направление работы. Будет полезно знать, как хранить системы для известных СУБД, таких как Oracle, Sybase или MS SQL Server. Вот и все. Резюме, включающее Visual Basic, MS SQL Server, PowerBuilder и Oracle, легко даст вам работу. Конечно, вам нужно их досконально понять. Если бы вы были знакомы с программированием оболочки Unix (OMG!), вы бы сразу же получили множество предложений о работе.
Середина девяностых. Знаете ли вы, как обрабатывать событие нажатия кнопки в Visual Basic и как написать оператор SQL, который может искать дубликаты в таблице набора данных? У тебя есть работа! Люди, которые знали, как писать COBOL и CICS, во второй половине 1990-х годов получали множество предложений благодаря Y2K RD &D.
После паники 2000 года
На дворе 2000 год. Мир охвачен паникой 2000 года. Армии художников, такси и проектировщиков стали инженерами-программистами, и большинству из них удалось сохранить свою хорошо оплачиваемую работу. Распознавание HTML или JavaScript не было ресурсом — простым и недостоверным. Из-за недавнего экономического спада и растущего интереса организаций к простым и доступным функциональным страницам работа дизайнера в последние годы стала одновременно «типичной» работой низкого качества. Корреспондентские отделения начали наводнять рынок, чтобы извлечь выгоду из притока инноваций.
Тем не менее, повышение налогов и рецессия вынудили их искать мелкую работу. Сегодня процесс расчета заработной платы и работы во многом похож на работу на конвейере, где вам приходится «кодировать» три сайта WordPress в месяц, при этом постоянно снижаясь как в деньгах, так и в качестве. Снижение заработной платы и продажа рабочих мест в сфере ИТ с аукциона вызывают множество финансовых трудностей для сегодняшних «белых воротничков», и устойчивый спрос на них, скорее всего, столкнется с разделительной линией, когда люди увидят, как работает бизнес.
Эффект отсутствия кодирования виртуальных продуктов
Преобладающее сегодня мышление, не связанное с кодированием, также убивает обоих планировщиков и дизайнеров. Все началось с Dreamweaver, но теперь такие программы, как WordPress, EditorX, Webflow и Anima, указывают на то, как «позволить ПК писать код самостоятельно». Forrester прогнозирует, что рынок прогресса без кода вырастет с 3,8 миллиардов долларов в 2017 году до 21,2 миллиардов долларов к 2022 году. Google недавно приобрела AppSheet и не продвигает код в облако Google в рамках разработки, которая продолжает демонстрировать способность отсутствие кода как стандартная схема улучшения программирования.
Влияние на энтузиастов веб-дизайна и веб-разработки
Высшее образование оказывает значительное влияние на ИТ-индустрию, поскольку процесс получения программирования или потенциальных систем осуществляется быстро, в отличие от прошлого, когда для того, чтобы нанять достойного инженера, требовалось глубокое понимание расчетов и сложной информатики.
Но мы должны учитывать и противоположные точки зрения. Смогут ли устройства без кода полностью заменить дизайнеров? Короткий ответ:нет. Критическая разница заключается в том, что создатели и дизайнеры веб-сайтов могут работать вместе над созданием веб-сайтов. Несмотря на развитие CSS, Javascript развивался аналогичным, если не более значительным образом. Требование к фронтенд-инженерам контролировать все мощности совершенно бессмысленно. Однако развитие no-code на протяжении многих лет позволило создателям создавать свои собственные планы. Это беспроигрышная ситуация, когда разработчики могут сосредоточиться на создании логики, а авторы имеют больше контроля над взаимодействием и стилем клиента.
кисло-сладкий
Ранее мы упоминали, что древние темные века привели к множеству замечательных вещей, поэтому мы ожидаем, что нынешний мрачный период создания веб-сайтов будет иметь некоторые сравнительные преимущества. Этот афоризм подтверждается и в XXI веке. Z-Gen энергичны, воодушевлены и склонны стать владельцами бизнеса:их желание добиться успеха, побеждать и иметь позитивный общественный взгляд делают их эффективными.
Посмотрите на страницы awwwards. Они прекрасны! Включение авторов непосредственно в продвижение делает самые красивые шоу-стопперы с компьютерным управлением. Из-за жесткой конкуренции среди профессий энтузиасты веб-дизайна и веб-разработки создают самую захватывающую сеть, похожую на готическое мастерство.
Будущее веб-разработки и веб-дизайна
То, как мы взаимодействуем с Интернетом, меняется со временем. Индустрия веб-разработки постоянно развивается. Хотя мы не сможем рассказать вам о ежедневных изменениях по мере их возникновения, легко оглянуться на последние несколько месяцев и увидеть, что многие вещи, которые мы делаем сейчас, полностью отличаются от того, что мы делали в прошлом.
Поскольку это одна из самых быстрорастущих отраслей, разработчикам и дизайнерам необходимо предвидеть и изучать то, что происходит, иначе они рискуют остаться в пыли веб-разработки. Хотя на первый взгляд это может показаться ошеломляющим, на самом деле довольно легко увидеть, где мы будем в ближайшие месяцы/годы. Планы Интернета и сотрудничества переживают колоссальное развитие в результате внедрения новых достижений, таких как компьютерное моделирование, интеллектуальные 3D-иллюстрации и дополненная реальность.
Если подход к отказу от кодирования полностью уничтожит рынок улучшения низкого качества, инженеры снова получат выгоду от углубленного образования и сосредоточатся на сложных ИТ-темах. Почти наверняка создатели быстро превратят свои планы Figma в симпатичных архитекторов и энергичные веб-сайты без необходимости использования ошибочных модулей или дополнительного программирования, и они захотят изучить и узнать, как дополненная реальность станет более распространенной.
