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

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

Начнем с простого. Откровенно говоря, это еще не программирование. HTML — язык разметки гипертекста (Hypertext Markup Language). Он определяет структуру страниц и то, из каких элементов она состоит. Эти элементы определяются тегами: заголовки, текст, ссылки, списки и др. Важная задача тегов — определение семантики веб-документов. Например, заголовок первого уровня (h1) должен быть только один, а правильное оформление структурных элементов (header, footer, article и др.) облегчит чтение кода и его считывание поисковыми (и не только) роботами.

Язык CSS нужен для стилизации HTML-вёрстки. Название расшифровывается как Cascading Style Sheets или, если по русски, каскадные таблицы стилей. Каскадные они потому, что язык использует наследование от родителя к потомку, спускаясь вниз по элементам. При помощи CSS мы можем позиционировать элементы, менять их размер, задавать правила типографики, создавать анимации и многое другое.

Умение верстать поможет вам создавать реалистичный и реализуемый дизайн, наладить коммуникацию с разработчиками, а также претворять свою работу в жизнь. Более того, в Европе и США это умение — уже стандарт рынка и поможет вам соответствовать его требованиям.

Если вы еще не умеете верстать, вот несколько источников, которые помогут научиться:

• http://htmlbook.ru — расскажет об основных HTML-тегах и их использовании;
• http://cssreference.io — хороший справочник по CSS;
• https://css-tricks.com — сборник рецептов и советов по верстке.

Также советую обратить внимание на эту статью, которая научит вас верстать современно и гибко.

Этот язык изначально создавался для того, чтобы исполняться в браузере и сделать веб-странички “живыми”. Он умеет создавать и удалять HTML-теги, посылать запросы на сервер, получать данные без перезагрузки страницы, реагировать на действия пользователя и многое другое. На сегодняшний день, на нём можно писать не только фронтенд, но и бэкенд, создавать мобильные и десктопные приложения, а также автоматизировать работу с некоторыми программами (например, c фотошопом).

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

Если вы решили изучить JavaScript, обратите внимание на следующие ресурсы:

• http://learn.javascript.ru — учебник по современному JavaScript на русском;
• https://learn.jquery.com — учебник по всё еще самой распространенной JS-библиотеке;
• https://reactjs.org/tutorial/tutorial.html — туториал по самой популярной библиотеки для разработки интерфейсов.

Если о необходимости знания вёрстки и JavaScript-а многие слышали еще до моей статьи, то об SQL они могут услышать впервые. Если вы занимаетесь UX-исследованиями, то без работы с данными вам не обойтись, а язык SQL как раз поможет в этом. SQL расшифровывается как Structured Query Language — структурированный язык запросов. Он был создан специально для создания, управления и модификации данных в базах данных.

Язык работает в формате “запрос-ответ”: вы пишите свой запрос в базу, а она присылает результат его обработки.

При помощи SQL мы можем агрегировать, группировать и сортировать данные.

Если перед вами встал вопрос изучения SQL, советую пройти классный курс на Stepik-е. Если же нет времени на объёмный курс, можно начать знакомство с этой статьи.

R — язык программирования, который был создан около 20 лет назад исключительно для академических исследований в области анализа данных. Так как язык тесно связан со статистикой и прикладным анализом данных, он может стать полезным инструментом для UX-аналитика. Язык позволяет применять основные методы статистического анализа: t-тест, корреляцию, дисперсионный и регрессионный анализ и др. При помощи инструментов этого языка можно также визуализировать полученные данные. Для работы с R необходимы хотя бы базовые знания математической статистики.

Ресурсы для изучения:

• Курс основы программирования на R на Stepik;
• Курс по основам статистики на Stepik;
• Книга «Статистический анализ и визуализация данных с помощью R», C.Э. Мастицкий, В.К. Шитиков

Python — высокоуровневый язык программирования, ориентированный на читаемость кода и повышение производительности разработчиков. Язык придерживается своей определённой философии, называемой «The Zen of Python», который гласит (если в двух словах), что любая программа на языке (как и сам язык) должна быть простой и не двусмысленной. Из-за своей простоты, Python является первым изучаемым языком программирования у многих студентов по всему миру. Оказывается, он может быть полезным и для дизайнера. Например, Python активно используется архитекторами и промышленными дизайнерами для алгоритмического моделирования в Rhino при помощи плагина Grasshopper.

Если вы хотите изучить Python, то советую начать с этого курса на Stepik, а уже после него переходить к работе с конкретными программами.

Как видно из статьи, работа дизайнера давно не ограничивается проектированием UX и UI, но и требует некоторых навыков разработчика. В США и Европе эти навыки давно стали стандартом рынка, а в некоторых направлениях деятельности они позволяют оптимизировать рутину и выйти за стандартные рамки профессии. Почему-то многие люди боятся изучения программирования, но на самом деле в этом нет ничего сложного. Главное — определить контекст применения и грамотно подобрать учебные материалы.

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

#дизайн #разработка