Должны ли дизайнеры кодировать?

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

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

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

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

Как заявил Аарон Уолтер, вице-президент по образованию в InVision, в статье Toptal Design Talks 

«Не удастся убить дизайнера, если он немного знает о том, как написать HTML и CSS, может быть, немного JavaScript».

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

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

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

Дизайнеры получили бы большую пользу от приобретения базовых знаний о том, что называется «внешним интерфейсом» (уровень представления), управляемым HTML (Hyper Text Markup Language) и CSS (Cascading Style Sheets, язык, который описывает стили компонентов в документе HTML). и, возможно, будет удивлен тем, насколько легко выучить основы.

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

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

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

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

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

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

Front-end JavaScript и ноу-хау Ajax делают дизайн уникальным активом

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

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

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

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

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

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

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

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

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

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

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

Дизайнеры, которые пишут код, востребованы

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

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

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

Должны ли дизайнеры учиться кодировать?

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

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

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

Собирается ли ИИ ликвидировать фронтенд-разработчиков?

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

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

Мастерство кодирования для дизайнеров поможет карьере

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

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

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

Думаете с чего начать?

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

Ссылка на оригинал.