Разработка сайтов и приложений

Изображение для веб-дизайна и веб-разработки
В чем разница между веб-дизайнером и веб-разработчиком? В первые дни Интернета ответ на этот вопрос был прост: дизайн дизайнеров и код разработчиков.

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

Если вы строго говорите об общих концепциях веб-дизайна и веб-разработки, то различие является более понятным. Давайте рассмотрим эти две концепции и роли, которые они играют в создании веб-сайтов и приложений, которые мы знаем и любим.

Присоединиться к работе
ЧТО ТАКОЕ ВЕБ-ДИЗАЙН?
Веб-дизайн управляет всем, что связано с визуальной эстетикой и удобством использования веб-дизайна, макета, информационного потока и всего остального, связанного с визуальными аспектами UI / UX (пользовательский интерфейс и пользовательский интерфейс). Некоторые общие навыки и инструменты, которые отличают веб-дизайнера от веб-разработчика:
Adobe Creative Suite (Photoshop, Illustrator) или другое программное обеспечение для проектирования
Графический дизайн
Дизайн логотипа
Макет / формат
Размещение кнопок «звонок-к-действию»
Брендинг
Каркасы, макеты и раскадровки
Цветные палитры
Типография
Веб-дизайн связан с тем, что пользователь действительно видит на своем экране компьютера или мобильном устройстве, а тем более о механизмах под поверхностью, которые заставляют все это работать. Благодаря использованию цвета, изображений, типографики и макета они оживляют цифровой опыт.

Тем не менее, многие веб-дизайнеры также знакомы с HTML, CSS и JavaScript - это помогает создавать живые макеты веб-приложения при попытке передать идею команде или настроить UI / UX приложение. Веб-дизайнеры также часто работают с шаблонами, такими как WordPress или Joomla !, которые позволяют создавать веб-сайты с использованием тем и виджетами без написания одной строки кода.
ЧТО ТАКОЕ ВЕБ-РАЗВИТИЕ?
Веб-разработка регулирует весь код, который делает сайт тикающим. Его можно разделить на две категории: front-end и back-end. Внешняя или клиентская сторона приложения - это код, отвечающий за определение того, как веб-сайт будет фактически отображать проекты, на которые проектирует дизайнер. Внутренняя или серверная часть приложения отвечает за управление данными в базе данных и подачу этих данных на внешний интерфейс для отображения. Как вы, возможно, догадались, это работа разработчика переднего плана, которая имеет тенденцию делиться с большинством совпадений с веб-дизайнером. Ниже перечислены некоторые общие навыки и инструменты, которые традиционно считаются уникальными для стороннего разработчика:

HTML / CSS / JavaScript
Препроцессоры CSS (т. Е. LESS или Sass)
Рамки (т. Е. AngularJS, ReactJS, Ember)
Библиотеки (т. Е. JQuery)
Git и GitHub
Передние веб-разработчики обычно не создают макеты, не выбирают типографику или не выбирают цветовые палитры - обычно они предоставляются дизайнером. Задача разработчика - воплотить эти макеты в жизнь. Тем не менее, понимание того, что хочет разработчик, требует некоторого знания лучших практик в дизайне UI / UX, так что разработчик может выбрать правильную технологию, чтобы обеспечить желаемый внешний вид и опыт в конечном продукте.

ВСТРЕТЬСЯ С "UNICORN"

То, что начиналось как шутка в отрасли - гибрид разработчика / разработчика, способный сделать все это - теперь является жизнеспособным эндшпилем как для веб-дизайнеров, так и для разработчиков интерфейсов, благодаря увеличению доступности образовательных ресурсов в Интернете. Те разработчики / дизайнеры, которые хорошо разбираются в навыках по обе стороны спектра, пользуются большим спросом в отрасли. «Единорог» может взять ваш проект с концептуального этапа визуальных макетов и раскадровки, а сам по себе он будет проходить через интерфейс. Не то, чтобы вы хотели их; реальная ценность разработчиков, которые разрабатывают и разрабатывают дизайнеры, - это способность говорить друг с другом на языках. Это приводит не только к лучшей коммуникации в команде и более плавному документообороту, это означает, что вы приземлитесь на лучшее возможное решение. Как правило, не стесняйтесь полагаться на «единорог» для небольших проектов, где один или два человека могут обрабатывать как задние, так и передние части приложения. Для крупных проектов, даже если вам удастся нанять несколько «единорогов», требуется более четко определенные роли.