В зависимости от того, кого вы спросите, веб-дизайнеры, кажется, делают это все время. Это потому, что термин «веб-дизайнер» часто используется как всеобъемлющий ярлык для всех, кто создает веб-сайты.
Содержание статьи
Что такое веб-дизайн? —
Веб-дизайн — это процесс создания эстетического вида веб-страницы, включая то, как организовано содержимое и как реализованы элементы дизайна. Веб-дизайнеры обычно сосредотачиваются на так называемом «внешнем интерфейсе» веб-сайта, на той части веб-сайта, которую пользователи фактически видят и с которой взаимодействуют (в отличие от «внутреннего» кода, который заставляет веб-сайт функционировать).
Какое место в этом процессе занимает веб-дизайнер? —
Чтобы понять, что делает веб-дизайнер, давайте кратко рассмотрим наиболее распространенные роли, которые используются на этапах создания веб-сайта.
Специалист по стратегии веб-сайта : проводит углубленное исследование рынка для определения бизнес-целей для всего веб-сайта и отдельных страниц.
Графический дизайнер : создает визуальные элементы бренда — логотип, цветовую схему, типографику — и графические ресурсы — иллюстрации и значки — которые используются на веб-сайте.
Копирайтер : Создает весь письменный контент — от заголовков до основного текста и текста кнопок — на веб-сайте.
Дизайнер UX (взаимодействия с пользователем) : фокусируется на потребностях пользователя и разрабатывает скелетные макеты веб-страниц (называемые каркасами), которые оптимизируют элементы веб-сайта в соответствии с поведением и ожиданиями пользователей.
Дизайнер пользовательского интерфейса : проектирует интерактивные элементы, такие как кнопки и формы.
Веб-дизайнер r: фокусируется на всех визуальных элементах веб-сайта и превращает макеты каркасов в готовые дизайны веб-страниц.
Front-end веб-разработчик : использует языки форматирования и код (HTML, CSS, Javascript) для реализации веб-дизайна в веб-браузере.
Серверный веб-разработчик : использует язык программирования для разработки более сложных функций за кулисами веб-страницы.
Каковы обязанности веб-дизайнера? —
Давайте разберемся, шаг за шагом, всего, за что обычно должен отвечать веб-дизайнер, чтобы создавать готовые веб-страницы.
Чем занимается веб-дизайнер
Визуальный дизайн и макет : веб-дизайнеры часто используют макеты и карты сайтов, чтобы упорядочить и упорядочить контент веб-сайтов для оптимизации визуальной коммуникации, иерархии и эстетической восприимчивости.
Мобильный и адаптивный дизайн : Веб-дизайнеры также разрабатывают внешний вид мобильных и планшетных версий веб-страниц.
Файлы статических макетов : Веб-дизайнеры создают файлы изображений, которые представляют окончательный вид веб-страницы.
Экспортные ресурсы дизайна : веб-дизайнеры накладывают свои файлы макетов так, чтобы каждый элемент страницы можно было легко разделить и экспортировать, чтобы разработчики могли поэтапно реализовать его на рабочей веб-странице.
Редактирование фотографий : веб-дизайнеры обычно должны иметь возможность редактировать медиаресурсы, отображаемые на странице.
Форматирование : Веб-дизайнеры часто используют некоторые языки форматирования (особенно HTML и CSS) для реализации и тестирования своих проектов в веб-браузерах.
Чего не делает веб-дизайнер
Кодирование : Веб-дизайнеры сосредотачиваются на визуальных эффектах и обычно не несут ответственности за кодирование веб-сайта.
Написание : От веб-дизайнеров не следует ожидать, что они будут писать какие-либо копии веб-сайтов. Многие используют текст-заполнитель lorem ipsum в своих проектах, если копия еще не подготовлена.
Брендинг : Веб-дизайнеры не несут ответственности за создание логотипов или широкий выбор визуальных брендов, поскольку они устанавливают цветовую схему и шрифты, которые будут использоваться в корпоративных активах за пределами веб-страницы.
Иллюстрация : Веб-дизайнеры обычно не создают иллюстрации для веб-сайта. Они включают в свой дизайн графические материалы, созданные другими профессионалами. Некоторые дизайнеры могут при необходимости создавать собственные элементы.
Фотография : Веб-дизайн и фотография — это отдельные дисциплины. Если клиент не нанял фотографа, веб-дизайнеры обычно выбирают и включают в свой дизайн стоковые фотографии, лицензию на которые клиент должен приобрести.
Анимация : пользовательские анимации должны проходить через дизайнера взаимодействия или профессионального аниматора.
Исследование рынка : Хотя веб-дизайнеры действительно проводят некоторые исследования конкурентов, опережая свои разработки, у них нет доступа ко всем данным, аналитике и опыту, которые были бы у внутреннего специалиста по маркетингу. Обычно веб-дизайнеры полагаются на клиентов, которые доставляют им эту информацию.
Какие навыки необходимы веб-дизайнерам? —
Знание графического дизайна
В конце концов, веб-дизайнеры дизайнеры и даже если они не создают логотипы, они должны знать, как сочетать текст, копии, изображения и цвета таким образом, чтобы визуально приятен. В частности, они должны знать, как стратегически использовать принципы дизайна для создания желаемого эффекта на зрителя. Это также включает в себя знание истории дизайна, знание того, какие тенденции дизайна все еще полезны, а какие преувеличены и устали.
Отраслевые практики
Веб-дизайн является устоявшейся карьерой уже более двух десятилетий, и со временем был установлен ряд дизайнерских соглашений и стандартных практик. Поскольку веб-сайты — это программное обеспечение, которое пользователи должны находить интуитивно понятным, важно придерживаться этих правил, чтобы оправдать ожидания пользователей, даже при этом придавая им свой художественный вид. Эти соглашения обычно связаны с подходом к дизайну, и они варьируются от стандартных макетов веб-сайтов, систем сетки, дизайна для мобильных устройств и многого другого. Это частично достигается благодаря опыту, но также благодаря вниманию к отраслевым конференциям и переговорам, например тем, которые публикуются на награжденном канале YouTube.
Навыки программирования
Хотя основы макета веб-страницы можно начать с бумаги и карандаша, в конечном итоге веб-дизайнерам необходимо использовать программное обеспечение для создания файлов, которые их команда и / или клиенты могут использовать. Photoshop — одно из наиболее распространенных программ, используемых для веб-дизайна, но приложения для создания прототипов UX, такие как Sketch, становятся все более популярными среди веб-дизайнеров. Подробнее об этом см. В нашем списке лучших программ для веб-дизайна.
Знания о веб-разработке
Хотя кодирование обычно должно быть оставлено на усмотрение разработчика, создание веб-сайта — это техническая задача, независимо от того, как вы ее разберете. Веб-дизайнеры должны знать о технических возможностях и ограничениях, поэтому часто полезно иметь некоторое представление о коде, чтобы знать, какие варианты дизайна будут работать, а какие нет. Некоторые эффекты дизайна или текстуры может быть трудно реализовать с помощью кода, а некоторые могут привести к размерам файлов, которые замедляют загрузку веб-страницы.
Где найти веб-дизайнера? —
Если вам нужно нанять веб-дизайнера или вам интересно, какие варианты работы веб-дизайнеры могут найти, есть несколько возможностей. Многие работают в агентствах, и их можно найти по рекомендациям прошлых работодателей или других коллег. Обычное место, где веб-дизайнеры ищут работу, — это профессиональные сети и сайты вакансий, такие как LinkedIn.
Найдите веб-дизайнера сегодня —
Веб-дизайнеры должны играть определенную роль в создании веб-сайтов, но, вопреки распространенному мнению, они не все. Они в значительной степени отвечают за визуальное построение веб-страницы. Но учитывая, что визуальные эффекты являются частью веб-сайта, с которой взаимодействуют пользователи, это большая работа, достойная специальной должности. Чтобы получить выдающийся веб-дизайн, убедитесь, что вы работаете с веб-дизайнером, который знает свою роль и знает, как хорошо ее выполнять.
Хотите получить идеальный веб-дизайн?
Работайте с нашими талантливыми дизайнерами, чтобы это произошло.