Я вижу два очень важных фактора....

Чтобы хорошо разбираться в дизайне, нужно разбираться в производстве.

Я думаю, что даже если вы не можете «кодировать», вам нужно знать, что возможно, а что нет , и как вообще работает код. Любой хороший дизайнер разбирается в методах воспроизведения, какими бы они ни были — печать, паутина, упаковка, мода, окружающая среда, механика и т. д. Не зная, что возможно , вы не сможете эффективно спроектировать что-либо . Конечно, вы можете делать красивые картинки, но они бесполезны, если их нельзя воспроизвести на данном носителе.

Не каждый, кто хочет быть дизайнером, может быть дизайнером.

Каждый человек индивидуален со своими сильными и слабыми сторонами. Успех в равной степени возможен для всех. Так же, как для всех одинаково возможно не подходить для карьеры в дизайне независимо от желания. Не каждый, кто хочет быть дизайнером, создан для того, чтобы быть дизайнером. Подобно тому, как не каждый, кто хочет быть профессиональным спортсменом, достаточно опытен, чтобы быть профессиональным спортсменом. Желание само по себе не делает человека «более искусным» в чем бы то ни было .

Я не хочу, чтобы это звучало слишком пораженчески или тревожно. Но на самом деле не существует «одного пути» к успеху , который можно было бы проложить перед кем-то. Это не математическая формула, которую нужно решать с помощью конкретных шагов, приводящих к заданному результату. Это изменчивый, постоянно меняющийся ландшафт, который должен быть приспособлен к тому, чтобы постоянно содержать множество различных маршрутов, которыми может следовать человек.

Правда в том, что большинство дизайнеров попадают в спектр:

Чаще всего вы сталкиваетесь с теми, кто находится рядом с номером 2 или номером 5. Более опытные дизайнеры попадут в диапазон № 3-4. И все это сильно зависит от конкретного проекта. Редко можно встретить дизайнера, любого дизайнера, который находится на уровне 1 или 6 и процветает независимо.

Крупные корпоративные среды более склонны нанимать дизайнеров в областях 1 и 6 для веб-дизайна. В таких средах используется целая команда, и то, что дизайнеру может не хватать в технических возможностях, уравновешивается более техническими сотрудниками. Используются оба конца спектра, поэтому в большинстве случаев одному человеку не нужно охватывать все.

Можно быть успешным веб-дизайнером на первом или втором месте. Разработка кода (правильно) рассматривается как отдельная позиция многими более крупными или более успешными корпорациями. Им нужны люди с идеей в минуту и ​​​​постоянные способы воспроизвести одну и ту же идею новыми, свежими, захватывающими способами. Они ищут тех, кто находится в диапазоне 1 и 2 для дизайна, потому что технические аспекты всегда могут быть покрыты другими.

Трудность будет заключаться в трудоустройстве.

Большинство малых и средних (местных или региональных) компаний не рассматривают «веб-дизайн» и «веб-разработку» как две совершенно разные должности. Они будут ожидать некоторого совпадения. Они захотят, чтобы «веб-дизайнер» мог создать эту быструю электронную почту, целевую страницу или поддерживать свой сайт Wordpress (веб-мастер) без необходимости нанимать «веб-разработчика». Вот где все становится сложно. Трудно продвинуться в области «веб-дизайна» с нулевым умением писать код. Каждый год рынок насыщается новыми выпускниками. И с той скоростью, с которой меняется создание веб-сайтов, это постоянный процесс обучения. То, что было «нормой» всего 2 года назад, сегодня уже не используется.

Итак, если у вас нет желания (или способности) изучать технические аспекты веб-дизайна, чтобы получить эти привлекательные корпоративные должности, вам нужно иметь захватывающее и образцовое портфолио, которое у нее вполне может быть.

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

Что касается «пошаговых инструкций» о том, как устроиться на работу веб-дизайнером. Что ж, это почти невозможно без понимания существующего набора навыков.

Общий , широкий список того, что необходимо, будет похож на:

• Создание ресурсов и редактирование фотографий (Photoshop, Illustrator, Sketch, Gimp и т. д. ). Но имейте в виду, что их общее использование для полностраничных дизайнов в последние годы в некоторой степени сократилось . См. этот вопрос 2014 года .
• Базовый HTML и CSS . Использование инструментов для макетов, таких как Adobe XD, может быть здесь полезным, но дизайнер, достойный своей зарплаты, все равно понимает, как работают базовые функции HTML и CSS. Они не являются «ракетостроением» или сложными для изучения. Незнание их в этой области больше говорит о желании дизайнера быть опытным, чем что-либо еще. Нужно хотя бы понимать ограничения метода производства.
• Для трудоустройства может быть полезно знание адаптивных пакетов — Bootstrap, Zurb Foundation и др. Но сами по себе некоторые из них могут быть не такими полезными, как другие. Смотрите здесь . В целом концепция отзывчивости и точек останова может сильно изменить макет и выбор дизайна, поэтому эту концепцию должен понять любой веб-дизайнер. «Сначала мобильные» сильно изменит процесс дизайнерского мышления .
• Возможное изучение систем управления контентом (CMS) — Wordpress, Drupal, Joomla, Magento и т. д. В случае с пакетами CMS может быть полезным понимание того, как они могут быть шаблонизированы или «обработаны». Есть много небольших компаний, занимающихся веб-разработкой, которые нанимают дизайнеров, и все, что они делают, — это переделывают шаблоны Wordpress или Drupal. Таким образом, вид зависит от того, какой тип занятости ищется. Я бы не стал слишком углубляться в это, но понимание того, что эти пакеты могут быть визуально спроектированы для внешнего интерфейса, может быть полезным.
• Дополнительными плюсами было бы понимание интерактивности и того, что возможно или невозможно с помощью таких пакетов, как jQuery, Prototype, Angular и т. д. Знание того, что вы хотите, чтобы «что скрыть» и «что скользить вниз и менять изображения», может позволить дизайнеру более тщательно создать общий дизайн, если они понимают, что можно сделать, даже если они совершенно не знают, как писать функции jQuery/Prototype.

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

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

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

связанный:

• Каковы разумные ожидания рынка в отношении графических дизайнеров начального уровня по сравнению с веб-дизайнерами начального уровня?
• Должен ли графический дизайнер уметь кодировать веб-сайты?
• Нужно ли веб-дизайнерам уметь программировать?

Приложениями на текущий момент являются InVision Studio или Adobe XD и их менее известные аналоги. Хотя их называют инструментами «дизайна пользовательского интерфейса», и можно подумать, что они предназначены для создания приложений или полей форм, веб-сайт — это то же самое. Инструменты, которые я упомянул, позволяют человеку спроектировать и оформить веб-сайт, а также показать, как он будет взаимодействовать с пользователями. Без использования какого-либо кода художник может создавать свои разные веб-страницы и перетаскивать между ними небольшие провода, чтобы создать кликабельный прототип, который можно просматривать на всех устройствах, где есть браузер.

Другое предположение заключается в том, что кодирование будет неизбежным. Иногда одна мысль о «коде» замораживала кого-то из-за страха перед неизвестным. Но у нас есть очень крутое оружие, которое поможет креативному дизайнеру в его поисках кода!

1. Книги Head First! Эти кажущиеся древними фолианты все более устаревающего формата на самом деле имеют большое значение для воспитания нетехнического ума. Как? Они делают это забавным, добавляя в книгу множество картинок и анекдотов, поэтому к первой главе она становится увлекательной и довольно интересной для чтения.

2. Детские книги! Да, кодирование для детей на самом деле кодирование для ребенка внутри каждого из нас, и любопытный взрослый может использовать нетехнические подходы в детских книгах по кодированию, чтобы разобраться в предмете.

Я могу говорить из своего личного опыта.

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

1 - Бэк-энд / Фронт-энд

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

2 - HTML-подпись

Простым дизайнерским упражнением для начала кодирования является создание подписи для собственной почты в формате HTML. И Mac Mail, и Gmail позволяют размещать HTML-код в качестве подписи.

3 - Сделать информационный бюллетень

Начните с небольших статей, например, с бюллетеня. Случай с информационными бюллетенями очень интересен, потому что совместимость с различными почтовыми клиентами и устройствами требует встроенного кодирования (не CSS). Это очень эффективная система обучения.

4 - Принудительно проверить

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

5 - Расследование

Исследуйте реальные коды. В Интернете легко найти бесплатные информационные бюллетени для скачивания. Откройте HTML-код в Dreamweaver и поэкспериментируйте с изменением, удалением или добавлением.

6 - Играть

Создайте аккаунт в Codepen , зайдите в поисковик, просмотрите результаты, откройте самые простые и поэкспериментируйте с кодом. Интерфейс с очень четким разделением полей HTML, CSS и Script позволяет сделать схематическую визуализацию, чтобы ознакомиться с тем, как работает кодирование.

7 - Всегда спрашивайте и взаимодействуйте с экспериментаторами

Создайте пользователя в Stackoverflow , не обращайте внимания на дерзости, проявите большую настойчивость и расспросите обо всем. Мир перенаселен одаренными, нет ничего лучше, чем использовать их. А если они нервничают, то это их проблемы.

8 - Играть 2

Откройте газету онлайн, нажмите правой кнопкой и нажмите на проверить. Где появляются эти фразы: background-color:#ffcadf;или color: # 333;измените цифры. Нам, дизайнерам, это нравится. Найдите font-size: 12px;и измените номер. Найдите background: url (../img/common/photo.png)и замените то, что в скобках, изображением из Интернета. Одним словом, смотрите изменения сети при изменении параметров CSS.

9 - Пометить проект

Запланируйте простое онлайн-портфолио, страницу с сеткой изображений. Мотивация состоит в том, чтобы собрать и создать все изображения в первую очередь и посмотреть, как их найти. После этого сделайте его Flex. Когда закончите, сделайте интерактивность. После этого сделайте его отзывчивым. Как только это будет сделано, сделайте меню для доступа к другим страницам сайта... Это работа не одного дня и не недели. Это учебный проект.

10 - Исследование

Если есть возможность учиться, прекрасно. Хотя трудно найти программу изучения кодирования с некоторой мотивацией для графического дизайнера. Может быть, это хороший момент через некоторое время, когда уже есть знакомство с кодированием, и мы уже знаем, для чего мы будем его использовать.

1. Определения

Существует несколько определений «Графического дизайна». Некоторые из них являются просто мотивационными определениями.

Но одним грубым определением графического дизайна было бы «решение одной проблемы визуальной коммуникации, направленной на массовое воспроизведение».

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

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

2. Кодировать или не кодировать. Вот в чем вопрос

Веб-дизайнер без единой строчки кода.

Одно дело не испортить ни строчки кода, а совсем другое — не знать, как они работают и что делают.

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

Но это следующий шаг в этом процессе. И это чертовски важно.

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

3. Какой код?

Если бэкенд-разработчик... он же вы... тот, кто показывает строки кода другому человеку... вы просто напугали этого человека. :о)

Для веб-дизайнера ожидаемый код — это просто HTML и CSS. И CSS использует те же концепции, которые должен знать любой дизайнер. Фон, цвет, размер, положение, «слои», поля, отступы и т. д., и это может быть весело.

И они должны знать, что такое и основы JavaScript. Не программировать, а адаптировать... Здесь, пожалуй, достаточно Copy-Paste.

4. Девушки просто хотят повеселиться

И мальчики тоже. Так что сделайте изучение HTML + CSS увлекательным.

--

5. Успех

Насколько успешными могут быть веб-дизайнеры

А также дизайнеры печатных медиа, дизайнеры электронных медиа, дизайнеры моушн-графики и т. д. Но, на мой взгляд, успешный дизайнер не ограничен.

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

Но, скорее всего, она будет одним из тех самых младших дизайнеров, так что лучшим инструментом не стоит ограничиваться.

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

Перемещать ее с одного поля на другое с менталитетом «безопасного пространства» нехорошо.

Ей нужно принять все, что ограничивает ее прямо сейчас или в будущем в области веб-дизайна.

Так что да, она должна знать о коде. HTML и CSS и немного JavaScript.