Веб-дизайн: что это и с чем его едят?

Когда-то сайты были простыми, с чёрным текстом, синими ссылками и пиксельными картинками, а создавали их только программисты. Сейчас же в любом интерфейсе так или иначе есть дизайн, который делают по определённым правилам.

Но где и какой безумец это придумал?

История Веб-дизайна

История интернета началась в 1989 году, когда британский учёный Тим Бернерс-Ли из института атомных исследований CERN представил проект — систему быстрого обмена информацией между учёными и университетами по всему миру.

Историю веб-дизайна начал тоже Бернерс-Ли: в 1990 году он стал систематически работать над языком HTML, который был нужен для представления информации в интернете . В конце 1991-го он опубликовал первое описание элементов этого языка, а в 1993-м — первую рабочую версию HTML, которая стала стандартом разработки сайтов и впоследствии эволюционировала до HTML5. Модификацией именно этой версии пользуются дизайнеры и фронтендшики с 2014 года.

Первые сайты выглядели как белые страницы с текстовыми ссылками, которые вели на другие сайты. В них не было изображений и тем более анимированных элементов(вспомните ту же аську): у первой версии HTML не было возможностей мультимедиа, которые доступны нам сегодня. Тем не менее в них был хоть какой-то дизайн как способ представления и структурирования информации.

Веб-технологии прогрессировали: в 1993 году сайты стали поддерживать до 16 цветов, появилась возможность добавлять картинки и располагать контент по сетке. Благодаря этому, а также из-за роста веб-индустрии в целом создатели сайтов начали заниматься оформлением и эстетикой страниц, делая их более привлекательными для пользователей. Так появилась особая сфера веб-дизайна.

Веб-дизайн, близкий к тому, который мы знаем сегодня, появился в период с 1994 по 1998 год. Во-первых, тогда программирование развивалось в невероятном темпе:

1994 - Первая версия браузера Opera.

1995 - Появились Internet Explorer 1, JavaScript и PHP.

1996 - CSS и запуск технологии Flash, которую стали использовать для векторной графики, игр и мультимедиа.

1997 - Релиз Internet Explorer 3 и HTML 4.0. И в мире уже 100 млн пользователей интернета.

Во-вторых, развитию именно дизайна в вебе поспособствовал технологический прорыв:

Разрешение мониторов увеличилось до 800×600 пикселей.

Мониторы стали отображать 256 цветов и оттенков. Например, благодаря этому появились сайты с текстом салатового цвета на синем фоне.

Типографика стала мигрировать в цифру: в дизайне страниц стали использовать веб-шрифты Times New Roman и Courier New.

Появилась первая баннерная реклама, видеоплееры, анимированные GIF-изображения и цветные кнопки с 3D-эффектом, который потом разовьётся в скевоморфизм.

Что такое веб-дизайн сейчас?

Если в 1990-х и в начале нулевых веб-дизайн и код, как правило, шли нераздельно, то сейчас проектированием макетов и созданием страниц часто занимаются разные специалисты.

Веб-дизайн — проектирование и визуализация макетов цифровых продуктов. Технически это область веб-разработки, которая в первую очередь относится к видимой части сайтов и digital-сервисов.

Что делает веб-дизайнер и почему он не просто клацает по клавиатуре?

В работе веб-дизайнера есть три основных звена:

Он проектирует структуру интерфейса.

Здесь его роль — архитектор-инженер, который продумывает концепцию и логику цифрового продукта и формирует его рабочий прототип.

Подбирает изображения, шрифты, микроанимации и другие элементы дизайна — всё, что создаёт эстетику проекта и «оживляет» его.

При этом веб-дизайнер может работать с графикой, созданной другими, — брать в брендбуке знаки, палитру, паттерны, фирменные иллюстрации. Но иногда бывает, что у заказчика лендинга или цифровой платформы нет никакой айдентики: в этом случае веб-дизайнер может одновременно заниматься и бренд-дизайном, если его компетенции это позволяют.

Сколько зарабатывает веб-дизайнер?

Заработок веб-дизайнера может быть и 20 000 сомов, и 200 000 сомов в месяц

или среднем 1 160 пачек доширака в месяц

Что должен знать и уметь веб-дизайнер?

Главные навыки

Насколько прогрессируют цифровые технологии, настолько же растёт объём того, что должен знать и уметь веб-дизайнер. К тому же грань между этой профессией и UX/UI уже практически стёрта: эволюционируют и интерфейсы, и требования пользователей к их удобству и эстетике.

Поэтому веб-дизайнер должен:

Хорошо ориентироваться в проектировании цифровых продуктов в целом, а не только в десктопных версиях сайтов.

Уметь анализировать аудиторию, проводить исследования, ориентироваться в задачах бизнеса.

Знать принципы построения грамотного user flow.

Главные инструменты

Тому, кто работает с цифровыми продуктами, нужен тот же основной инструментарий, что другим дизайнерам:

Типографика. Сайты, приложения, платформы, онлайн-сервисы — это в первую очередь информация, поэтому необходимо умение подбирать шрифты, организовывать визуальную структуру текстами и грамотно подбирать графические формы кнопок под знаки.

Работа с цветом. Веб-дизайнер не просто «раскрашивает» макеты: палитры — это тоже способ структурировать информацию, привлечь внимание к главному.

Работа с формами, графикой, иллюстрациями. Как и в коммуникационном дизайне, в вебе элементы оформления должны выполнять задачи.

Где учиться на веб-дизайнера?

Есть конечно множество курсов от таких компаний как Skillbox contented и т.д

но советую все же найти приемлемое учебное заведение где не только можно будет получть диплом просто просиживая штаны(юбки) но и освоить эту весьма полезную профессию

для этого есть один очень хороший колледж который я могу вам посоветовать

колледж: КОМТЕХНО( не реклама)