{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-two","key":"7nspf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В 2023 году почти 6 миллиардов человек в мире пользуются интернетом. Для нас стало привычно видеть красивые и функциональные сайты, которыми мы пользуемся каждый день. Некоторые уже забыли, а многие и не застали момента, когда всё только начиналось и когда интернет выглядел совсем не так, как сейчас. Давайте разберемся: погрузимся в историю веб-дизайна, изучим его корни и важные этапы развития.","type":"unstyled","key":"7neno"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С чего всё началось","type":"header-two","key":"6cf5p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда мы говорим об истории веб-дизайна, невозможно не упомянуть историю появления самого интернета. Истоки всемирной паутины уходят в 1960-е годы, когда исследовательские организации и университеты стали искать способы связи компьютеров для передачи данных и совместной работы. В 1969 году Министерство обороны США представило первый прототип интернета – ARPANET. На его запуск потребовалось более 10 лет.","type":"unstyled","key":"eksv7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"До 1980-х годов интернетом пользовались только сотрудники научных организаций, но с начала 80-х, благодаря распространению персональных компьютеров, сети стали доступны и для частного пользования. Интернет тогда использовался в основном для общения по электронной почте.","type":"unstyled","key":"dghb4"},{"data":{"image":{"id":"65708996cdd4553c12c17560"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Интерфейс одного из первых почтовых клиентов – Laurel, выпущенного в 1979 году","type":"atomic:image","key":"634jo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В 1989 году британский ученый Тим Бернерс-Ли создал язык гипертекстовой разметки – HTML (HyperText Markup Language). Он был предназначен для того, чтобы облегчить создание, оформление и связывание документов в Интернете. Ключевая идея была в том, что документы содержат ссылки (гиперссылки), которые позволяют пользователям легко переходить между страницами.","type":"unstyled","key":"85rle"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первая версия HTML была простой и содержала только несколько тегов, таких как заголовки

, абзацы
и списки
. HTML также использовался для структурирования документов, чтобы отделить содержимое по смыслу и выделить заголовки. Это позволяло браузерам правильно отображать документы в соответствии с их структурой.","type":"unstyled","key":"7kc1d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вместе с HTML Бернерс-Ли также разработал другие ключевые технологии, такие как URL (Uniform Resource Locator) для идентификации ресурсов в Интернете, а также HTTP (Hypertext Transfer Protocol) для передачи данных. Все эти стандарты существуют по сей день и являются основой современного веба.","type":"unstyled","key":"6j02j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1991 – Самый первый веб-сайт","type":"header-two","key":"b49ff"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":14,"offset":567}],"inlineStyleRanges":[],"text":"В 1991 году тот самый Тим Бернерс-Ли создал первый веб сайт. Сайт был доступен по адресу info.cern.ch, а самая первая страница состояла из простого текста и ссылок. Бернерс-Ли разместил на этой странице информацию о том, как использовать интернет, как создавать веб-страницы, а также представил ссылки на другие исследования, связанные с World Wide Web. Этот сайт был внутренним ресурсом для сотрудников CERN (Европейская организация по ядерным исследованиям), где Тим работал, однако он быстро стал доступен и для публичного использования. Кстати, этот сайт всё ещё можно посетить.","type":"unstyled","key":"5rrrv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого стало появляться всё больше подобных веб-страниц. Что касается дизайна этих сайтов – он был далеко не главным фактором. В дизайне использовался простой белый фон и синие ссылки для выделения текста, по которым можно было производить клики. В качестве шрифтов использовались шрифты без засечек (sans-serif), такие как Arial или Helvetica, поскольку они считались более читабельными на экране компьютера, особенно при отображении небольшого текста. На выбор влияли два фактора – ограниченные технологии и стремление сделать текст максимально понятным для пользователя.","type":"unstyled","key":"7c3gh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1992-1994 – Первое фото и цветной интернет","type":"header-two","key":"9mfcl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В 1992 году технологии для передачи фотографий в интернете были в начальной стадии развития. Фотографии обычно были больших размеров, и передача их через интернет была трудной задачей. Все изображения передавались в черно-белом формате из-за ограничений по скорости передачи данных.","type":"unstyled","key":"77fb3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\"Les Horribles Cernettes\" было одним из первых цветных фото, загруженных в интернет. Оно стало известным после того, как Тим Бернерс-Ли опубликовал на сайте CERN фото, на котором были изображены четыре вокалистки из группы Les Horribles Cernettes. Все девушки работали в ЦЕРН и участвовали в различных мероприятиях центра.","type":"unstyled","key":"6ng6h"},{"data":{"image":{"id":"657089967bf54b6477b9331c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Одно из первых фото в интернете, 1992","type":"atomic:image","key":"9lkt1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С тех пор передача и обмен фотографиями в интернете стали неотъемлемой частью нашей онлайн-культуры. Появление фото в интернете открыло двери для развития веб-фотографии, онлайн-альбомов, социальных сетей и других платформ, где люди могут делиться изображениями со всего мира.","type":"unstyled","key":"291ir"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":106,"offset":0,"style":"BOLD"}],"text":"С 1994 года в интернете начали набирать популярность цветные фоны: пёстрые, градиентные, кислотные, яркие. Это было связано с развитием технологий и возможностью использовать более сложные графические элементы на веб-страницах. Сайты стали более яркими и привлекательными и создавали впечатление праздника.","type":"unstyled","key":"7o261"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":55,"offset":0,"style":"BOLD"}],"text":"Чуть позже на сайтах начали появляться GIF-изображения. Это дало возможность добавлять движение и динамику на веб-страницы, что сделало сайты еще более интересными для пользователей.","type":"unstyled","key":"ase4"},{"data":{"image":{"id":"657089964ad6bc380e0d2628"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример сайта из начала 90-х","type":"atomic:image","key":"c34rn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1995 – появление JavaScript и HTML 2.0","type":"header-two","key":"q4r1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изначально веб-страницы были статическими и представляли собой просто текст и изображения. Но когда сами веб-сайты перестали быть чем-то фантастическим, разработчикам пришлось задуматься о дизайне.","type":"unstyled","key":"djfua"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JavaScript (переводится как \"язык сценариев\") был создан Бренданом Эйхом в 1995 году. Компания Netscape, популярная в то время, хотела добавить интерактивность в свой браузер Navigator. Эйху было поручено создать такой язык программирования, который смог бы работать внутри браузера и обеспечивать взаимодействие пользователя с веб-страницами.","type":"unstyled","key":"e2mq4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JavaScript позволил внедрить на веб-страницы динамическое поведение и возможность взаимодействия с пользователем. Он стал основой для создания таких базовых на сегодняшний день технологий: проверка форм, создание анимаций и эффектов, управление мультимедиа, обработку событий и многих других. Появление этого языка программирования дало возможность дизайнерам и разработчикам создавать более интерактивные и динамические веб-страницы.","type":"unstyled","key":"9dj67"},{"data":{"image":{"id":"657089964ad6bc380e0d2629"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Домашняя страница браузера Netscape Navigator, август 1995","type":"atomic:image","key":"2ct66"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":53,"offset":0,"style":"BOLD"}],"text":"Вслед за JavaScript в конце 1995 года появился HTML 2 – это вторая версия языка гипертекстовой разметки HTML.","type":"unstyled","key":"dr180"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML 2 включал в себя несколько новых элементов и атрибутов, которые расширяют возможности разметки веб-страниц. Были добавлены элементы для создания списков (
,
,
), таблиц (, ,
) и форм (
, , ). Эти элементы позволяют более структурировано представлять информацию на веб-странице и упрощают работу с данными. Без них сегодня мы не можем представить ни одного сайта.","type":"unstyled","key":"6gqah"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также в HTML 2 были введены некоторые атрибуты, которые позволяют контролировать отображение элементов и взаимодействие с ними. Например, были добавлены атрибуты align для выравнивания содержимого элемента, border для задания границ таблицы, и type для указания типа вводимых данных в форме. Эти атрибуты помогают более гибко настраивать внешний вид и поведение элементов.","type":"unstyled","key":"fa50m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SSL","type":"header-two","key":"4e9vl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изначально для обмена данными между серверами существовал протокол HTTP – по нему данные отправлялись в незашифрованном виде. Это было не безопасно, потому что данные можно перехватить. Поэтому в 1994 году был разработан новый протокол – HTTPS, в него добавили криптографическую технологию SSL, в которой все данные шифруются. Это важно для таких вещей, как онлайн-банкинг, покупки и другие действия, когда вы не хотите, чтобы ваша личная информация была видна другим.","type":"unstyled","key":"dqv7a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первое упоминание UX","type":"header-two","key":"2qijv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В 1995 году Дон Норман, известный специалист в области человеко-компьютерного взаимодействия, опубликовал книгу \"Дизайн эрудиции\" (The Design of Everyday Things), где он вводит термин \"user experience\". Норман подчеркивал, что UX должен быть сфокусирован на потребностях пользователей и должен включать в себя удовлетворение их ожиданий. Можно сказать, с этого началась история UX/UI дизайна.","type":"unstyled","key":"3m5jn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1996 – появление CSS","type":"header-two","key":"76oc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS (Cascading Style Sheets) был представлен в декабре 1996 года и стал новой вехой в развитии веб-дизайна. Он предоставил базовые возможности для стилизации и декорирования элементов на странице.","type":"unstyled","key":"9cgjd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS позволяет разработчикам определять различные стилевые свойства, такие как шрифт, цвет, размер, отступы, границы и другие атрибуты элементов на веб-странице. Благодаря CSS веб-страницы стали более гибкими и адаптивными, исчезли ограничения использования таблиц для расположения элементов.","type":"unstyled","key":"dfd8c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1996 – Flash","type":"header-two","key":"2rae8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Adobe Flash – мультимедийная платформа для создания веб-приложений или мультимедийных презентаций. Flash был создан компанией Macromedia (позднее приобретенной Adobe) в 1996 году и сразу же стал революционным инструментом веб-дизайна. Он позволял создавать интерактивные и мультимедийные элементы на веб-страницах, такие как анимации, игры, видео и звуковые эффекты.","type":"unstyled","key":"8mspo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Flash стал популярной веб-технологией в последующие десятилетия и широко использовался для создания интерактивных веб-сайтов. Это было возможно благодаря таким функциям как встроенная анимация, видео- и аудио-проигрыватели, возможность работы с разными типами файлов (включая векторные и растровые графические форматы) и многими другими возможностями.","type":"unstyled","key":"1bsah"},{"data":{"image":{"id":"65708ab2daf56139a38705a3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Flash-анимационное видео “Badger song”, ставшее мемом в 2003 году ","type":"atomic:image","key":"d22pn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Однако, с течением времени Flash столкнулся с некоторыми проблемами и ограничениями. Одной из основных проблем было то, что сайты, построенные на Flash, были не доступны для всех устройств, таких как мобильные устройства или устройства с отключенной поддержкой Flash. Это ограничение стало особенно значимым с развитием мобильных технологий и привело к постепенному угасанию популярности Flash.","type":"unstyled","key":"20t6f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кто помнит неприятное уведомление в браузере о том, что для воспроизведения видео или игры необходимо установить Флеш плеер? \uD83D\uDE42 Как хорошо, что технологии развиваются, и это в прошлом. Но о причине окончательного прекращения поддержки Flash расскажем чуть позже.","type":"unstyled","key":"8khjp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1997 – Сайты приобретают свою структуру","type":"header-two","key":"6pauf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В период с 1997 сайты стали приобретать более организованный и удобный для пользователя вид. Они начали строиться на основе макетов, что позволяло создавать более структурированные и логичные веб-страницы. Навигация стала более явной и удобной, появились иконки, которые помогали пользователям быстрее ориентироваться на сайте.","type":"unstyled","key":"fkaak"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Из минусов – в это время сайты также стали страдать от избытка рекламы. На веб-страницах можно было увидеть множество рекламных баннеров и объявлений с кричащими текстами. Это очень мешало получить нужную информацию и начать ориентироваться на странице.","type":"unstyled","key":"fjc28"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1998 – Google и SEO","type":"header-two","key":"3g8ao"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В 1998 году произошло знаменательное событие – Ларри Пейдж и Сергей Брин зарегистрировали домен google.com и запустили свою поисковую систему. Она обеспечивала более точные и релевантные результаты по сравнению с уже существующими на тот момент поисковыми системами. Google получил огромный успех и быстро стал самой популярной и используемой поисковой системой в мире.","type":"unstyled","key":"4uhot"},{"data":{"image":{"id":"65708996cdd4553c12c17561"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Источник: www.telegraph.co.uk","type":"atomic:image","key":"8rg07"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":90,"offset":267,"style":"BOLD"}],"text":"Запуск Google привел к появлению SEO, процесса оптимизации веб-сайтов для улучшения их ранжирования в поисковых системах. В начале 2000-х годов веб-мастера и оптимизаторы начали изучать алгоритмы поисковых систем, чтобы понять, как страницы оцениваются и ранжируются. С тех пор началась гонка за первые места в поисковой выдаче, и продолжается она и сейчас.","type":"unstyled","key":"5lgqd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При чем здесь веб-дизайн? И тогда, и до сих пор, алгоритмы Гугл выводят на первые позиции сайты с более удобным и привлекательным пользовательским интерфейсом.","type":"unstyled","key":"3424j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2000-е – Зарождение адаптивного дизайна","type":"header-two","key":"71e8o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вплоть до начала 2000-х годов веб-сайты разрабатывались только для десктопных браузеров. Но первые идеи адаптивного дизайна уже начали зарождаться. В 2000-м году разработчики стали предпринимать попытки делать сайты для разных устройств, но это было трудозатратно и неудобно в использовании, потому что постоянно появлялись новые версии браузеров и устройств, и приходилось тратить очень много времени и сил на разработку.","type":"unstyled","key":"44tp6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2003 – WordPress","type":"header-two","key":"26cvc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Со временем всё больше компаний стали создавать свои сайты для бизнес-целей. Появилась потребность в системах управления контентом (CMS).","type":"unstyled","key":"15ch2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"WordPress – это система управления контентом на сайтах (CMS), разработанная в 2003 году. Его создателем является Мэтт Малленвег, который впоследствии основал компанию Automattic для развития и поддержки WordPress.","type":"unstyled","key":"91ue1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Благодаря открытому исходному коду WordPress очень быстро набрал популярность. Со временем он развивался и облегчал создание и управление различными типами веб-сайтов, включая личные блоги, новостные порталы, онлайн-магазины, корпоративные сайты и другие. Компания Automattic продолжила разработку WordPress и предоставляла дополнительные плагины и темы, чтобы пользователи могли настраивать внешний вид и функционал своих сайтов.","type":"unstyled","key":"cp3vs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сейчас WordPress является одной из самых популярных CMS в мире, используемой на миллионах веб-сайтов. Он остается бесплатным и с открытым исходным кодом, и продолжает развиваться благодаря активному сообществу разработчиков и пользователей, которые вносят свой вклад и создают новые плагины, темы и расширения.","type":"unstyled","key":"2jemg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2004 – Соцсети. Web 2.0","type":"header-two","key":"c08t0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":193,"offset":187,"style":"BOLD"}],"text":"В 2004 году веб-сайты стали набирать еще большую популярность, и именно в это время появились первые социальные сети – Myspace и Facebook. Наступила эпоха самовыражения и онлайн-общения. Тренд на переписку в соц. сетях повлиял на веб-дизайн, поскольку появился огромный рынок для продвижения рекламы, виджетов для веб-сайтов, а также графики и изображений для социальных профилей.","type":"unstyled","key":"aoq0q"},{"data":{"image":{"id":"657089964c41d70d9a9a4869"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Источник: www.telegraph.co.uk","type":"atomic:image","key":"7o64s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":62,"offset":0,"style":"BOLD"}],"text":"Этот период также принято считать периодом зарождения Web 2.0. Web 2.0 – это термин, который обозначает более интерактивную и социально-ориентированную версию Веба, появившуюся в начале 2000-х годов.","type":"unstyled","key":"csuog"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Одной из важных характеристик Web 2.0 является активное взаимодействие пользователей. Социальные сети, форумы, блоги и вики-ресурсы позволили пользователям создавать свой контент, комментировать, обмениваться информацией и взаимодействовать с другими пользователями через комментарии, лайки, сообщения и т.д.","type":"unstyled","key":"cje8u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Еще одной характеристикой Web 2.0 является более динамический и интерактивный контент. Технологии Ajax (Asynchronous JavaScript and XML) и Flash позволили создавать более динамичные и богатые визуально веб-приложения, которые предоставляют более пользовательские интерфейсы и больший уровень взаимодействия.","type":"unstyled","key":"d28at"},{"data":{"image":{"id":"657089976aba5b2d76d1e0f6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Источник: hegias.com","type":"atomic:image","key":"btqjn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2007 – Первый айфон и смерть Flash","type":"header-two","key":"9tbrc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первый Айфон был выпущен компанией Apple в июне 2007 года. Это был поворотный момент в истории смартфонов, так как Apple предложили новый подход к мобильным устройствам: сенсорный экран без физической клавиатуры и использование мультитач-жестов для управления, а также инновационный интерфейс, который включал в себя иконки приложений на домашнем экране и возможность увеличивать и уменьшать изображения жестами пальцев.","type":"unstyled","key":"3icpm"},{"data":{"image":{"id":"65708997254ced4086c62e00"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первый смартфон от Apple – Iphone 2G","type":"atomic:image","key":"dkrng"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На презентации Айфона Стив Джобс заявил, что устройство не будет поддерживать Flash. Это было революционное заявление, которое первоначально вызвало неудобства для владельцев Айфонов, поскольку многие веб-сайты и приложения использовали Flash. Однако Apple решила идти по другому пути и поддерживать технологию HTML5, которая позволяла достичь аналогичного функционала без использования Flash.","type":"unstyled","key":"9ifuk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":84,"offset":170,"style":"BOLD"}],"text":"С течением времени, многие другие компании и веб-разработчики также отказались от использования Flash, поскольку он стал устаревшим и имел много проблем с безопасностью. В результате, Adobe объявила о прекращении разработки и поддержки Flash в 2017 году.","type":"unstyled","key":"f5eu5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Таким образом, первый Айфон не только изменил понятие о смартфонах и интерфейсе пользователя, но также стал катализатором для отказа от устаревшей технологии Flash и перехода к более современным альтернативам.","type":"unstyled","key":"8sg55"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2013 – Плоский дизайн","type":"header-two","key":"3e1lm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Плоский дизайн – это стиль дизайна, который был введен компанией Apple с выпуском операционной системы iOS 7 в 2013 году. Он отличается от реалистичного и объемного дизайна, который был характерен для предыдущих версий ОС.","type":"unstyled","key":"9kf8c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":174,"offset":0,"style":"BOLD"}],"text":"Основная идея плоского дизайна – это упрощение и минимализм. Вместо теней, градиентов и объемных эффектов, здесь используются чистые цвета, простые формы и плоские элементы. Также для плоского дизайна характерны яркие, насыщенные цветы и простые, четкие шрифты.","type":"unstyled","key":"fg5ts"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Плоский дизайн создает более современный и актуальный внешний вид интерфейса, а также обеспечивает лучшую читаемость и навигацию. Он способствует более быстрой загрузке страниц и приложений, поскольку плоские элементы требуют меньше ресурсов для отображения.","type":"unstyled","key":"oe4k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Flat design стал популярным не только среди разработчиков Apple, но и во всем мире веб-дизайна и мобильных приложений. В целом, плоский дизайн стал важным шагом в эволюции дизайна пользовательского интерфейса. Он изменил представление о том, как должны выглядеть современные веб-сайты и мобильные приложения, и стал одной из ключевых тенденций в сфере дизайна.","type":"unstyled","key":"3s0mt"},{"data":{"image":{"id":"657089974f0304257dfcac4f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если сравнить иконки в разных версиях iOS, то сразу понятно, что такое Flat design","type":"atomic:image","key":"ekhg7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2013-2023 – Краткий обзор того, что еще было важного","type":"header-two","key":"34r17"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"No-code разработка","type":"unstyled","key":"3ju2h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"No-code разработка начала появляться в начале 2010-х годов как ответ на растущую потребность в создании веб-сайтов и приложений без программирования. Это было особенно полезно для малого бизнеса, которому требовалось быстрое и доступное решение для создания сайта. Первыми популярными инструментами no-code разработки стали Tilda и Wix. Они предоставляли графический интерфейс, где пользователи могли выбирать и настраивать различные блоки, добавлять текст, изображения и другие элементы для создания своих сайтов. Фактически это дало возможность любому человеку без опыта в программировании создать свой сайт.","type":"unstyled","key":"aurg1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"Single Page Application","type":"unstyled","key":"bbp0e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SPA – это технология, появившаяся в начале 2010-х годов. SPA (иначе “одностраничное приложение”) – это нечто среднее между сайтом и приложением, где весь контент загружается одним разом, а дальнейшая навигация и взаимодействие с пользователем происходят без перезагрузки страницы.","type":"unstyled","key":"bendt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Данная технология позволяет создавать более интерактивные и отзывчивые приложения, которые работают быстро и плавно. Основана она на использовании JavaScript-фреймворков, таких как Angular, React и Vue.js. Она стала популярной среди разработчиков и продолжает развиваться в настоящее время. Примеры SPA-приложений – Gmail, Google Maps, GitHub.","type":"unstyled","key":"23knk"},{"data":{"image":{"id":"65708997c0ccac64db10ebd5"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Иллюстрация различий между SPA и MPA. Источник: www.scalablepath.com","type":"atomic:image","key":"220lh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"WebGL","type":"unstyled","key":"p21k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"WebGL (Web Graphics Library) – это JavaScript API для создания интерактивной 3D графики веб-приложений без использования плагинов. Он был разработан и введен в 2011 году консорциумом Khronos Group. Ранее, для создания сложной 3D графики на веб-страницах требовались плагины, такие как Adobe Flash или Java Applets. Однако эти плагины имели некоторые ограничения и требовали дополнительной установки со стороны пользователя.","type":"unstyled","key":"blbtr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"WebGL позволяет разработчикам использовать мощность графического процессора (GPU) компьютера пользователя для отображения 3D графики в реальном времени. Одним из ключевых преимуществ WebGL является его кроссплатформенность. Он может работать на различных операционных системах и браузерах, включая Windows, macOS, Linux, Android и iOS.","type":"unstyled","key":"92fro"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":14,"offset":132}],"inlineStyleRanges":[],"text":"Для WebGL существуют различные фреймворки, одни из самых популярных – Three.js и Babylon.js. Кстати, посмотреть примеры проектов на сайте Three.js – чистый кайф.\uD83D\uDD25","type":"unstyled","key":"vbgu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"AR/VR","type":"unstyled","key":"3k9gt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Виртуальная реальность/дополненная реальность стали популярными технологиями в веб-дизайне в 2010-х годах. С помощью WebGL и других технологий у разработчиков появилась возможность создавать интерактивные веб-приложения и сайты, которые позволяют пользователям взаимодействовать с виртуальными или дополненными объектами в реальном времени. VR/AR в веб-дизайне позволяет размещать на веб-сайтах виртуальные туры по местам, тренировочные симуляторы, игры и многое другое. VR и AR имеют огромный потенциал и будут продолжать развиваться в будущем.","type":"unstyled","key":"1ce8k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Наши дни","type":"header-two","key":"av3e5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если говорить о дизайне в 2023, то самой важной характеристикой стала его адаптивность. По сей день остается актуальным стиль минимализма и плоского дизайна, но при этом больше нет универсального определения того, как выглядит «хороший» дизайн веб-сайта. Появилось огромное количество стилей, каждый из них уникален и по-своему интересен: максимализм, пикселизация, Y2K. ","type":"unstyled","key":"cl6ae"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Будущее веб-дизайна может быть полно инноваций, которые мы пока не можем себе представить. Но независимо от того, какие стили будут популярны будущем, важно помнить, что цель веб-дизайна всегда одна – создание удобных и привлекательных веб-сайтов и приложений для пользователей.","type":"unstyled","key":"9lkfd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"sSyjbxe2s6B6MaFsQzRW"}],"entityMap":{"0":{"data":{"href":"http://info.cern.ch/hypertext/WWW/TheProject.html","url":"http://info.cern.ch/hypertext/WWW/TheProject.html"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://threejs.org/","url":"https://threejs.org/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}</article></body></html>