Содержание

10 навыков, которые нужно развивать графическим дизайнерам

Автор: Елизавета Гуменюк

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

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

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

Сотрудничество превыше всего

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

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

Сосредоточьтесь на областях, в которых вы хороши

Когда дело доходит до практических навыков, важно сосредоточиться на областях, в которых вы хороши или которые вам нравятся.

Мик Дин, креативный директор и преподаватель Эдинбургского университета Нейпира, заявляет:

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

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

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

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

01. Научитесь говорить на языке UX-дизайна

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

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

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

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

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

Начните совершенствование своих навыков с изучения некоторых основных правил проектирования UX.

02. Используйте кодирование для более быстрой итерации идеи

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

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

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

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

03. Экспериментируйте с новыми технологиями

UX и кодирование существуют уже довольно давно, но другие, более новые технологии также становятся важными для работы дизайнеров, включая VR (виртуальная реальность), AR (дополненная реальность), смешанная реальность и AI (искусственный интеллект). Каждый графический дизайнер должен внимательно следить за развитием событий в этих областях.

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

А затем попытаться переосмыслить возможности вместо того, чтобы повторять шаблоны.

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

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

04. Отточите свои полиграфические навыки

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

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

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

05. Совершенствуйте свои навыки решения проблем

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

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

Но если навыки решения проблем важны, что можно сделать, чтобы их оттачивать и развивать?

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

06. Разминайте свой разум с помощью экспансивного мышления

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

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

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

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

07. Сосредоточьтесь на управлении временем

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

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

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

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

08. Инвестируйте в свои навыки межличностного общения

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

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

09.
Разберитесь, как бренды используют социальные медиа

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

Это не означает, конечно, что вы должны тратить каждый час бодрствования на социальные сети, или на то, что вы не получите работу, если у вас менее 10000 подписчиков в Твиттер.

В то же время, если вы не знаете разницу между публикацией в Instagram и Instagram Stories, или как большие бренды используют Facebook Live, то это знак, что вы находитесь за кривой развития, и это может в конечном итоге ограничить возможности карьерного роста, которые открыты для вас в долгосрочной перспективе.

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

10. Налаживайте связи

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

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

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

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

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

Всем успешной работы и творчества!

Источник

Что разработчику нужно знать о работе с дизайном/дизайнером / Хабр

На дворе 2021 год, и уже давно наступило время, когда дизайнеры и программисты стали работать совместно над одним продуктом. Сейчас уже почти не встретишь команду разработки, в которой нет дизайнера. Этому способствовало массовое переселение тогдашних “Операторов ЭВМ” на графические интерфейсы. Теперь операторы — это невероятное количество разновидностей менеджеров, которые занимаются управлением различными бизнес процессами в их организациях — начиная от формирования документации, заканчивая управлением станками по сборке техники.

Краткая история графических интерфейсов

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

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

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

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

Лицо современного дизайнера

Этот человек будет рисовать картинки? Это пожалуй главный вопрос, которым задаются программисты, видя дизайнера интерфейсов. Ответ — да! Этот человек будет рисовать картинки, как это делали дизайнеры сотни лет до него. Но… есть много дополнительной работы, которая отличает дизайнера интерфейсов от графического дизайнера.

Мы не просто рисуем картинки

Да, мы рисуем картинки — но это еще не всё, ведь когда вы видите интерфейс — то вы (первое) можете им пользоваться, взаимодействовать, менять… помимо этого (второе) вы четко понимаете для чего нужен интерфейс, и как им пользоваться.

Первое — это UI (User Interface) дизайн, или дизайн пользовательского интерфейса, который занимается отображением информации пользователю, графическим наполнением, адаптивностью, эстетикой и визуальной концепцией. В этой области дизайна интерфейсов решаются все задачи на тему графики — шрифты, цвета, размеры, композиция, универсальные компоненты (таблицы, кнопки, панели, меню….), иллюстрации, иконки… и многое другое, что относится к внешнему виду приложения.

Второе — это UX (user experience) дизайн или дизайн пользовательского опыта, который занимается объяснением пользователю того, как выполнить его задачу, что ему предстоит сделать и показать ему шаг за шагом, в привычном ему виде, процесс решения его задачи. На этом этапе проводится анализ задачи, и уже готового решения, вычленяются структуры данных, бизнес процессы, и виды пользователей, простраиваются алгоритмы решения задачи пользователя, и принимается решение о том как и на каком этапе показывать данные пользователю.

Может ли UI существовать отдельно от UX?

Если в команде есть только UI дизайнер — то вы получите на выходе дизайн, который эстетичен, аккуратен, концептуален…. но отдален от реальности настолько же, как Земля далеко от Марса. Этот дизайн покорит сердце ваших инвесторов, но после начала разработки, вы получите результат, который разобьет сердце инвестора.

Если в команде есть только UX дизайнер — то вы получите на выходе рабочий интерфейс, которым будет лишен всего, кроме функционала. UX дизайнеры очень похожи по результатам своей работы на программистов, которые посредственно отображают данные пользователю — их нельзя за это винить, у их другая сфера, они не должны заботиться о внешности дизайна. Результат интерфейса, который строится лишь на UX — никакой коммерции, только решение задачи пользователя. Примером могут служить графические оболочки Linux — вроде LXQT, или набора офисных программ LibreOffice — вроде да, они выполняют задачи пользователя, но если у пользователя будет выбор — то он с радостью пересядет на MSOfficе, или даже на GoogleDocs.

Выводы тут очевидны — работать над интерфейсом помимо разработчиков должен и UI и UX дизайнер, иначе ваш интерфейс рискует стать провальным.

Кто диктует условия?

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

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

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

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

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

Вопросы компетенций

Тут всё просто — дизайнер не может диктовать разработчику как писать код, а разработчик не может диктовать дизайнеру как делать дизайн. Каждого наняли для того, что бы он выполнял ту работу, в которой он наиболее компетентен.

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

Дизайнер интерфейсов не может не понимать того, как устроена работа программы

Банальный пример — ваше приложение строится на SSR, и каждый запрос сопровождается перезагрузкой страницы, для рендера ответа. А дизайнер делает так, словно можно обновить лишь часть контента, без перезагрузки. Тут большие вопросы возникают о том, как реализовать данный дизайн. Немногие ответят, что можно использовать AJAX — но это не является выходом, по причине высокой специфичности и трудозатрат решения. Это ошибка дизайнера, который сделал не то, что нужно проекту. Тут нужно задать вопросы о компетенции дизайнера, если он знал, что приложение на SSR, или о компетенции человека, который вводил дизайнера в курс дела, перед началом его работы над интерфейсом. Вопрос о компетенции разработчика который сделал приложение на SSR вместо SPA, тоже должен принять серьезный характер.

Работа дизайнера интерфейсов с JSON

Например возьмём задачу — нужно сделать карту товара, у которой есть много параметров (вариантов комплектации, цвета итд) товара, фото, цена  и количество товара на складе. В отдел разработки поступает задача, менеджер распределяет задачи по специалистам и начинается работа. Вы можете дать дизайнеру JSON объект, который содержит в себе все необходимые поля — а на выходе от дизайнера можете ожидать интерфейс, с нужной вам структурой и набором данных.

Завершение

Если статья окажется интересной, и по возможности полезной — то я с радостью напишу цикл статей о том как подружить разработку и дизайн.

Какие soft и hard скиллы нужны для успеха в digital-сфере

Digital нынче в моде. Всё больше специалистов ищут в нём своё призвание или высокий доход – и всё больше находят. Вот только всем ли дано добиться успеха в digital-профессиях – покажет практика.

Впрочем, обоснованный прогноз можно сделать на основании навыков, которыми обладает специалист или которые он готов освоить. Расскажем о hard и soft skills, которые нужны digital-специалистам.

Мини-ликбез

Hard skills – это навыки, умения, которые необходимы для выполнения конкретных профессиональных задач. Эти навыки можно быстро наработать, усовершенствовать на практике. Владение ими легко измерить с помощью тестовых заданий, экзаменов, опросов, а доказательствами их наличия могут быть свидетельства, сертификаты, квалификационные категории и т.д.

Soft skills – это навыки, которые формируются в детстве, опираются на личностные особенности людей, а также уровень развития их эмоционального интеллекта и когнитивных способностей. Такие навыки не измеришь в конкретных цифрах, а приобретать и совершенствовать их во взрослом возрасте придётся в процессе упорного многолетнего труда и тренировок. Если hard skills – про умение выполнять работу, то soft skills – про умение делать это лучше других.

По мере развития интернета и компьютерных технологий HR-эксперты выделили новую группу навыков – digital skills, но в связи с проникновением цифровизации во все сферы экономики эти навыки всё чаще объединяют с hard skills, ведь при их отсутствии специалисты фактически не могут выполнять свою работу.

Hard skills digital-специалиста

Как мы писали выше, hard skills – понятие узкоспециальное. Веб-разработчику и UX-дизайнеру требуется разный набор профессиональных навыков, чтобы успешно справляться с работой. Список легко составить, если посмотреть графу «Требования» в 3-5 вакансиях на сайтах по поиску работы. Но несколько навыков всё же можно счесть универсальными, потому что они присутствуют в описании практически любой digital-вакансии.

Информационная грамотность

По-английски это звучит точнее – digital literacy. В понятие входят:

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

Программирование или понимание кода

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

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

Дизайн-мышление

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

Отличное дополнение к дизайн-мышлению – навык управления цифровыми проектами, а именно активное использование Scrum и Agile.

Владение инструментами кибербезопасности

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

***

На остальных hard skills, необходимых в работе digital-специалисту, подробно останавливаться не будем, потому что они уже несколько лет являются must-have для любого профессионала, работающего в Сети. К ним относятся:

  • мобильная экспертиза – умение выполнять большую часть своей работы со смартфона, а также чёткое понимание того, как потребитель использует смартфон для взаимодействия с продуктом;
  • навык слепой печати;
  • владение английским языком на уровне Intermediate и выше;
  • «продвинутое» использование Excel.

Soft skills digital-специалиста

В январе 2020 года LinkedIn опубликовал исследование, в котором перечислил soft skills, необходимые успешным сотрудникам. Несмотря на универсальный характер исследования, именно эти навыки наиболее востребованы в digital-сфере, и на них мы остановимся ниже.

Отметим, что список навыков ежегодно актуализируется: так, в 2018 году тот же LinkedIn называл приоритетными лидерские, коммуникативные навыки, умение сотрудничать / эффективно взаимодействовать и тайм-менеджмент.

Креативность

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

Коммуникативные навыки

Из всего многообразия наиболее необходимы digital-специалистам два:

  1. Убедительность, навыки риторики
    Создание цифрового продукта – процесс сложный, многоэтапный, требующий огромного количества микро-взаимодействий. Поэтому умение транслировать свои мысли, понятно формулировать идеи, быть убедительным – необходимо для того, чтобы «трудности перевода» не ставили под угрозу весь процесс.
  2. Умение сотрудничать и слышать
    Готовность прислушиваться к чужим идеям, общаться и получать обратную связь тем ценнее, что всё больше digital-команд работают удалённо.

Адаптивность и гибкость

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

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

Эмоциональный интеллект

Что подразумевали под этим понятием эксперты LinkedIn? «Работники с эмоциональным интеллектом обладают смесью самосознания, саморегулирования, социальных навыков, эмпатии и мотивации». Уже недостаточно уметь ставить себя на место другого человека в процессе профессионального общения. Необходимо также сохранять устойчивую внутреннюю мотивацию к работе, оставаться дисциплинированным и продуктивным даже в сложных или кризисных ситуациях.

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

***

Перечислим остальные soft skills, необходимые digital-специалистам для успешной карьеры.

  • Любопытство, неисчерпаемая готовность учиться (lifelong learning) – в digital-сфере так много аспектов и нишевых областей, а изменения в подходах и полезные открытия происходят так часто, что без «встроенной» в психику жажды нового специалисты быстро выгорают.
  • Стойкость – гипотезы могут не подтверждаться, действия – не приводить к видимым результатам, понимание того, что правильно для бизнеса, может не совпадать с мнением руководителей, поэтому digital-специалисту необходим внутренний стержень.
  • Продуктивность – во-первых, в digital-сфере задач всегда больше, чем успеваешь выполнить; во-вторых, чем быстрее тестируешь гипотезы и решаешь проблемы, тем больше шансов на успех.
  • Внимание к деталям – даже условно «творческие» направления digital, например, копирайтинг или дизайн, требуют умения слышать между строк, избегать критических ошибок и предельно четко понимать задачу.

Автор: Елена Тимофеева

Все, что вам нужно знать

Графические дизайнеры в основном работали с полиграфией, создавая привлекательные плакаты, листовки и логотипы.

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

Каждый веб-сайт, который вы видите в Интернете сегодня, создан с помощью какого-либо кода. Языки кодирования, такие как HTML, CSS, Javascript и Node, являются наиболее популярными среди них.

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

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

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

В этом посте мы рассмотрим факторы, определяющие необходимость кодирования в графическом дизайне.

Мы обсудим:

  • Какой код используют графические дизайнеры
  • Важность кодирования
  • Почему графические дизайнеры не учатся программировать
  • Вам действительно нужно изучать программирование?

Какой код используют графические дизайнеры?

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

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

Back-end разработка имеет дело с данными, базами данных, API, серверами и другими вещами, которые слишком сложны для понимания вами и мной.

Front-end разработка включает в основном 3 языка: HTML, CSS и Javascript.

HTML

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

CSS

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

Javascript

Javascript — это язык кодирования, который в основном работает с динамическими элементами веб-сайта, такими как переходы и анимация.

Существуют и другие языки программирования, такие как PHP, Node, Python и т. д., но я думаю, что графические дизайнеры сочтут их наиболее полезными и подходящими для своей области.

Важность кодирования

По состоянию на январь 2021 года во всем мире насчитывалось 4,66 миллиарда активных пользователей Интернета — это 59,5 процента населения мира.

Чтобы справиться с этим объемом, каждый день создается примерно 547 200 новых веб-сайтов!

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

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

Вот 5 причин, по которым графическим дизайнерам стоит научиться программировать:

1. Создание веб-дизайна

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

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

  • Быстрое время загрузки
  • Правильное форматирование
  • Чистый код
  • Адаптивные элементы
  • Подходящий язык кодирования внимание зрителя.

    Принимая во внимание, что веб-разработчику может потребоваться снизить качество изображения и сжать его, чтобы уменьшить размер и ускорить загрузку.

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

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

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

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

    2. Сделайте ваши проекты интерактивными и динамичными

    Представьте, какой скучной была бы сеть, если бы не было никакой динамики.

    Графические дизайнеры, экспериментировавшие с моушн-графикой, возможно, уже знакомы с динамическим дизайном. Однако сделать ваши дизайны интерактивными в Интернете — это совершенно другой процесс.

    Большинство интерактивных и динамических элементов дизайна, которые вы видите на веб-сайтах, были закодированы с помощью JavaScript.

    Хорошее знание javascript может помочь вам в разработке интерактивных кнопок, веб-форм, специальных эффектов и CTA-триггеров. Все это присутствует на большинстве современных веб-сайтов.

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

    3. Сохранение конкурентоспособности в отрасли

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

    Ветеран технологий Джон Маеда подчеркивает это в своем отчете «Дизайн в технологиях»:

    «Если вы хотите выжить в дизайне, вам лучше научиться программировать… вещи, которые никто другой не может сделать. Технологические компании, занимающиеся инновациями, как правило, имеют таких уникальных людей».

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

    • Дизайнер пользовательского интерфейса (UX)
    • Дизайнер пользовательского интерфейса (UI)
    • Веб-дизайнер
    • Визуальный дизайнер

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

    Научившись программировать, вы станете лучшим командным игроком, поскольку сможете эффективно общаться с разработчиками.

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

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

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

    4. Гарантия занятости

    Вкладывая свое время и усилия в программирование, вы приобретаете навык, который останется актуальным в будущем.

    Точно так же, как графические дизайнеры увидели упадок традиционных печатных СМИ, они, возможно, не смогут в долгосрочной перспективе идти в ногу с искусственным интеллектом. также.

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

    Только Canva может похвастаться пользовательской базой, насчитывающей более 15 миллионов активных пользователей в месяц .

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

    Тем не менее, Интернет и онлайн-рынки, похоже, никуда не денутся, скорее спрос на них, по оценкам, будет расти.

    По данным Бюро статистики труда США, «занятость веб-разработчиков и цифровых дизайнеров, по прогнозам, вырастет на 8 процентов с 2019 по 2029 год, что намного быстрее, чем в среднем по всем профессиям. Ожидается, что занятость веб-разработчиков и цифровых дизайнеров будет расти по мере расширения электронной коммерции».

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

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

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

    «Дизайнера не убьют, если он немного знает, как писать HTML и CSS, может быть, немного JavaScript». – Аарон Уолтер, вице-президент по обучению дизайнеров в InVision

    5. Новая подработка

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

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

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

    Кроме того, многие бесплатные темы, предоставляемые CMS, такие как WordPress и Blogger, не имеют хорошего качества, поэтому люди готовы вкладывать средства в хороший дизайн, поскольку доказано, что они привлекают больше людей.

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

    Почему графические дизайнеры не учатся программировать?

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

    • Не уверен, что это стоит потраченного времени и усилий
    • Думаю, что программирование — очень сложный предмет для изучения
    • Нет четкого представления о том, с чего начать 

    Все это искренние опасения, поскольку они были и у меня, когда у меня впервые возникла идея изучения кода.

    Поскольку я знаю основы HTML и CSS (да, я еще не возился с Javascript), я могу рассказать вам о страхах, которые могут у вас возникнуть.

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

    Программирование довольно сложно, но языки кодирования, такие как HTML и CSS, — нет.

    В настоящее время существует множество отличных учебных пособий и веб-сайтов, на которых можно изучить HTML и CSS, и все, что вам нужно, — это основы.

    Что касается Javascript, то он немного более продвинутый, и это одна из причин, по которой я еще не изучил его. Это также потребует больше времени и усилий, поскольку имеет дело со сценариями, функциями и командами, которые чужды многим дизайнерам.

    Чтобы начать кодирование, вы можете проверить Freecodecamp.org на YouTube и W3schoools.com

    Это два ресурса, которые я использовал для изучения программирования, и они лучше всего подходят для начинающих.

    Сначала вы должны изучить основы HTML, затем перейти к CSS, а затем к Javascript в указанном порядке. Это связано с тем, что они связаны таким образом 

    Вы создаете структуру в HTML, стилизуете ее с помощью CSS, а затем делаете ее динамичной и интерактивной с помощью Javascript.

    Вам действительно нужно изучать программирование?

    Графическим дизайнерам не обязательно изучать программирование, поскольку большинство из них имеют дело со статическими элементами дизайна.

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

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

    С кодированием вы можете:

    • Создавать веб-дизайны
    • Делать свои проекты интерактивными и динамичными
    • Оставаться конкурентоспособными в отрасли
    • Увеличивать гарантии занятости
    • Создавать новый дополнительный доход 
    9000 изучать кодирование, но опять же, это не обязательно для дизайнеров.

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

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

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

    Хотите научиться программировать? Ознакомьтесь со следующими ресурсами:

    • https://www.w3schools.com/
    • Freecodecamp на YouTube
    • Traversy Media на YouTube

    Какие навыки нужны графическим дизайнерам? (Руководство 2022 г.)

    как стать графическим дизайнером (Руководство 2022 г.)

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

    Стать графическим дизайнером

    Поговорите с консультантом по обучению, чтобы узнать больше о том, как наши учебные курсы и курсы могут помочь вам стать графическим дизайнером.

    Нажимая «Отправить», вы принимаете наши Условия.

    Не удалось отправить! Обновить страницу и повторить попытку?

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

    Технические навыки

    Принципы дизайна

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

    Идеи

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

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

    Брендинг

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

    Типография

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

    Дизайн для печати

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

    Дизайн пользовательского интерфейса и пользовательского интерфейса

    Навыки пользовательского интерфейса и пользовательского интерфейса могут помочь графическим дизайнерам улучшить свою работу и оставаться конкурентоспособными в этой области. Понимая UX и UI, графические дизайнеры могут создавать проекты, которые будут одновременно визуально привлекательными и функциональными. Графические дизайнеры иногда могут тесно сотрудничать с дизайнерами UX и UI, поэтому понимание основ позволит им лучше сотрудничать и общаться с членами команды.

    Технологии

    Графические дизайнеры ежедневно работают с различными инструментами, поэтому им необходимо освоить определенное программное обеспечение для графического дизайна. Некоторые из технологий, с которыми должны быть знакомы графические дизайнеры, включают: Adobe Illustrator, Adobe InDesign, Adobe Photoshop, Adobe After Effects и Sketch. Графическим дизайнерам, которые занимаются дизайном для Интернета, также будет полезно научиться кодировать и знать языки программирования, такие как HTML и CSS, а также системы управления контентом, такие как WordPress.

    Навыки межличностного общения для графических дизайнеров

    Творчество

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

    Коммуникация

    Графический дизайн — это визуальная коммуникация, поэтому навыки общения лежат в основе работы графического дизайнера. Не только им нужно передавать идеи через свои проекты, но и графическим дизайнерам также необходимо общаться с коллегами и клиентами. Иногда дизайнерам может потребоваться объяснить дизайнерское решение или его обоснование людям, не имеющим опыта проектирования. Кроме того, им потребуются как письменные, так и устные навыки общения для предложений и презентаций.

    Стратегия

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

    Решение проблем

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

    Тайм-менеджмент

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

    Могу ли я стать графическим дизайнером, если не умею рисовать?

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

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

    начало работы

    Начало карьеры в области графического дизайна

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

    • Совместная работа над проектами.

    • Воспользуйтесь нашими гибкими планами и стипендиями

    • Получите доступ к VIP-мероприятиям и семинарам

    Поговорите с консультантом по обучению

    Рекомендуемые курсы графического дизайна

    Программирование для дизайнеров — что мы должны знать?

    Возьмите что-то, в чем вы преуспеваете, а затем двигайтесь дальше.

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

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

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

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

    Как заявил Аарон Уолтер, вице-президент по обучению дизайнеров в InVision, в статье Toptal Design Talks: «Дизайнера не убьют, если он немного знает, как писать HTML и CSS, может быть, немного JavaScript. ».

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

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

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

    Преимущества знания основ HTML и CSS

    Дизайнерам было бы очень полезно получить базовые знания о том, что называется «внешний интерфейс» (уровень представления), основанном на HTML (язык гипертекстовой разметки) и CSS ( Каскадные таблицы стилей, язык, описывающий стили компонентов в HTML-документе), и, возможно, был бы удивлен тем, насколько легко изучить основы.

    HTML и CSS не включают логику программирования. Буква M в HTML означает «Разметка», способ описания закодированной структуры элементов страницы, которые являются строительными блоками страниц. HTML с CSS и JavaScript образуют триаду основополагающих технологий для всемирной паутины.

    С точки зрения непрофессионала, HTML — это архитектурная карта, которая сообщает браузеру , что отображать, а CSS, или каскадные таблицы стилей, — это код, который сообщает браузеру как отображать вещи.

    Метафорически говоря, если HTML является скелетом страницы, CSS описывает рост, форму тела, кожу, цвет глаз, цвет волос и т. д. Язык имеет очень простую структуру кода, которая определяет типографику, цвета, позиции. и размеры.

    Понимание кода и как кодировать — это понимание пикселей

    Изучение того, как кодировать внешний интерфейс пользователя и его предварительный просмотр, дает дизайнерам возможность сразу увидеть, как объекты отображаются при просмотре на различных устройствах. Если дизайнеры поэкспериментируют с HTML и CSS, они заметят, что все измеряется в пикселях (есть и другие единицы измерения, такие как «ems» и проценты, которые в конечном итоге будут преобразованы в пиксели).

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

    Здесь все может начать усложняться, но это также место, где происходит много веселья. Если дизайнер мыслит аналитически или исключительно мотивирован, он получит много пользы от изучения JavaScript и Ajax (асинхронный JavaScript и XML). Почему?

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

    Перспективы дизайнера расширятся, если он точно знает, как далеко могут зайти технологии и как далеко они могут продвинуть их в инновациях. Углубляться в программирование и различные технологии не обязательно — если дизайнер знает основы HTML, CSS и JavaScript, а также немного Ajax, он уже далеко впереди конкурентов. Они станут уникальным активом для любой компании и команды разработчиков.

    Аарон Уолтер, вице-президент по дизайн-образованию в InVision, описывает, как дизайнеры и разработчики могут улучшить сотрудничество в статье Toptal Design Talks.

    Дизайнеры могут перейти на следующий уровень с помощью основ JavaScript

    Хотя дизайнеры могут остановиться на этом и поручить разработчикам реализовать серверную часть (уровень доступа к данным), они могут сделать дизайн более динамичным, добавив некоторые сценарии. Введите JavaScript (язык сценариев), который является языком программирования для Интернета.

    В начале 2000-х, когда сеть еще только развивалась, такие агентства, как Fantasy и Firstborn, произвели большое впечатление на сообщество веб-дизайнеров, когда они использовали преимущества JavaScript необычными, инновационными и творческими способами.

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

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

    Подобные анимированные временные шкалы можно создавать только с помощью JavaScript. (гистография.ио)

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

    Будут ли романтические отношения проще, если мужчины и женщины смогут читать мысли друг друга? Некоторые люди так думают. То же самое относится к дизайнерам и разработчикам.

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

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

    Изучение программирования может открыть для вас неожиданные возможности.

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

    У дизайнеров может не хватить времени, чтобы изучить все, но знания стандартного HTML и CSS должно быть достаточно, чтобы добавить существенную разницу между процветающей карьерой и тупиковой. Первые шаги должны быть быстрыми и легкими для дизайнеров. Чем больше они знают, тем больше они могут расширить свой кругозор, когда дело доходит до возможностей трудоустройства.

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

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

    Все больше и больше вакансий в области дизайна включают в себя «приятные возможности», такие как базовые навыки веб-разработки и создания прототипов с использованием HTML, CSS и JavaScript. Каждый дизайнер сам решает, сколько взять на себя; ясно, что потребность там.

    Собирается ли ИИ вытеснить разработчиков внешнего интерфейса?

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

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

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