Дизайн и программирование: Дизайн и программирование — Направление Школы дизайна НИУ ВШЭ — ВУЗ

профиль бакалавриата в вузах России

Бесплатные курсы ЕГЭ и ОГЭ от Умскул: узнайте больше и получите курс прямо сейчас

Получить

Реклама

Бакалавриат

Дизайн (54.03.01)

11

бюджетных мест

infoинформация по программе Дизайн и программирование в вузах России на основании данных, добавленных в базу сайта

нет

балл на бюджет (от)

19

платных мест

191244

средняя цена обучения (год)

explore Чему учат?

close

Реклама

Все программы

О программе

Карьера и ЗП

Профессии 15

Варианты 1

Преподаватели 142

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

• Бюджет
• Платно

Сводная информация

Проходной балл: от

Мест: 11

Оцените шансы

Комбинация ЕГЭ 1

Предметы ЕГЭ

Русский язык

Обществознание

Вступительные испытания

Академический рисунок

Посмотрите варианты

Сводная информация

Проходной балл: от 125

Мест: 19

Стоимость: от 191244 ⃏

Оцените шансы

Комбинация ЕГЭ 1

Предметы ЕГЭ

Русский язык

Обществознание

Вступительные испытания

Академический рисунок

Посмотрите варианты

Параметры программы

Где учат

Вариаций данной программы в вузах России — 1.

Посмотрите их

О программе

^*

^* набор дисциплин может незначительно отличаться в зависимости от вуза. Смотрите подробности на странице программы в нужном вузе

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

Дисциплины, изучаемые в рамках профиля:

• Autodesk 3Ds MAX. Моделирование
• Adobe Photoshop
• История искусства
• Основы проектирования пространства
• Основы дизайна многостраничного издания
• Создание веб-проекта
• Adobe InDesign
• Дизайн. Психология визуального восприятия и рекламного воздействия
• Основы создания фирменного стиля
• История анимационного кино
• История кино
• Библиотеки и сервисы Ruby On Rails
• Создание приложения на JavaScript
• Медиа-арт
• История гейм-дизайна
• Основы работы с базой данных PostgresSQL
• Медиа-арт
• Ruby On Rails (front-end разработка). Библиотека React.
• История медиа-культуры
• Исследование онлайн-среды
• Основы проектирования
• Основы веб-верстки
• Adobe Illustrator
• История искусства
• История развития технологий и технологическая футурология
• Основы визуальной коммуникации

Похожие программы

• Дизайн

• Графический дизайн

• Дизайн архитектурной среды

• Промышленный дизайн

• Транспортный дизайн

• Оформление печатной продукции

• Графический дизайн мультимедиа

• Дизайн интерьера

как умение писать код влияет на профессию — Дизайн на vc.

ru

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

4303 просмотров

Мы спросили у коллег из разных компаний, какие навыки необходимы, чтобы успевать за развитием рынка. Своим опытом поделились специалисты из DD Planet, «СберСервиса», Byndyusoft, «РашенСофт», Polarr и Usetech.

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

Технологические тренды в дизайне

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

Автоматизация и упрощение процессов

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

Даниил Вершинин, старший разработчик программных продуктов компании Polarr:

«Цифровизация ускоряет дизайн-процессы в компаниях: итерации проходят быстрее, а дизайнеры пользуются средствами прототипирования со встроенной обратной связью, чтобы прийти к качественному финальному результату».

Юлия Голева, ведущий дизайнер в «СберСервис»:

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

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

Егор Денисов, Senior UX\UI-дизайнер в компании Usetech:

«Стремление к упрощению отражается во всех аспектах нашей жизни — от программирования (Python по сравнению с Java) до ИИ в маркетплейсах.

Если рассматривать этот тренд с позиции дизайна, считается, что лучший дизайн — это когда его совсем нет или он незаметен. Век ярких и кричащих картинок с бешеным количеством анимации закончен. На плечи дизайнеров в последние годы ложатся и генерация кода, и автоматизация, и оптимизация, и компетентность — все это идет параллельно с развитием дизайна. И, конечно же, не стоит забывать про методологию БЭМ от Яндекса, которой в этом году исполнится 15 лет».

Генеративный дизайн и AI

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

Специалисты же получают новые возможности для творчества.

Андрей Шапиро, арт-директор в Byndyusoft:

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

Кроме брендированных решений развивается интерес к написанию собственных.

Сам я пользуюсь несколькими самописными генераторами паттернов, творческими разбрасывателями частиц или элементов в макете. Основные среды для генерации графики: Processing, DrawBot, NodeBox. Из специфичных и близких для сферы 3D: TouchDesigner, Houdini».

Александр Обанин, арт-директор digital-интегратора DD Planet:

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

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

Интерактив: анимация, 3D, видео

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

Роман Полищук, арт-директор в «РашенСофт»:

«Откройте презентацию любого продукта на сайте Apple. По мере прокрутки страницы на вас то и дело будут выезжать модели современных гаджетов, яркие, динамичные образы, которые иногда даже можно покрутить и „пощупать“. В далеком 2012-м большинство современных на тот момент браузеров стали поддерживать язык разметки HTML5, и статические фотографии сменились на захватывающее и непредсказуемое интерактивное шоу

. С тех пор можно внедрять видео в iFrame, 3D-элементы, а устоявшийся в 2011 году CSS3 предоставляет широчайшие возможности для анимации.

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

Звук

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

Александр Обанин, арт-директор digital-интегратора DD Planet:

«Здесь могу выделить два направления, которые активно растут и набирают популярность: голосовые интерфейсы и подкасты. Они позволяют человеку быть многозадачным, можно ехать на авто и слушать подкаст с новостями, собираться на работу и на ходу узнать погоду. Благодаря их развитию появляются новые области в дизайне и даже новые профессии, например, voice interface designer.

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

В интересах ли дизайнера уметь писать код?

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

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

Против

Юлия Голева, ведущий дизайнер в «СберСервис»:

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

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

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

За

Андрей Шапиро, арт-директор в Byndyusoft:

«Часто спрашивают нужно ли дизайнеру уметь программировать. Здесь важно понять, вы хотите развиваться больше в эстетическую часть, в графический дизайн, или в проектирование и инженерию. Если второе, если вы про UX/UI, то без понимания технологических возможностей, во-первых, будете обделены в классных средствах решения задач, во-вторых, не сможете противостоять аргументам разработчика о том, что что-то невозможно или трудно исполнимо. UX чаще всего в позиции защиты интересов человека, использующего продукт, а разработка может защищать позиции системной целостности, стоимости поддержки, личного удобства разработчика (писать код, как проще мне, а не пользователю). Между ними порой неизбежен конфликт, и без компетенций в технологиях и навыках написания программ дизайнер будет чуть-чуть беззубым».

Роман Полищук, арт-директор в «РашенСофт»:

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

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

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

Как это использовать в работе

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

Генераторы для внутрикорпоративных задач

Александр Обанин, арт-директор digital-интегратора DD Planet:

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

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

Презентации оформляются в генераторе, созданном с помощью JavaScript-фреймворка PptxGenJS. Он с помощью JSON собирает готовый PowerPoint-файл.

Чтобы автоматизировать создание визиток, я выбрал две библиотеки:

• PDF Kit для PDF. Может работать в рамках Node.js или просто в браузере, это и был подходящий вариант.
• EasyQRCodeJS для QR кодов».

Андрей Шапиро, арт-директор в Byndyusoft:

«В дизайн-цехе Byndyusoft программирование практикует треть дизайнеров. Основные языки программирования: R, Python, JavaScript. Сферы применения: обработка и визуализация данных для прототипирования будущих приложений, генерация паттернов и повторяющихся лейаутов.

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

Для Sketch App, одного из популярных приложений проектирования интерфейсов, я написал и активно использую набор плагинов Efficiency, чтобы автоматизировать работу с текстом и элементами макета. На горячих клавишах „висят“ типограф, расстановщик мягких переносов, управление разрядкой, интерлиньяжем, межстрочным расстоянием и кеглем. Все для того, чтобы максимально быстро управлять текстом с клавиатуры. Там же есть разбрасыватель элементов по макету. Удобно, когда нужно быстро сделать красивую россыпь.

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

Верстка

Катерина Дробина, Senior UX\UI-дизайнер в компании Usetech:

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

{ «name»: «Estate», «type»: «record», «doc»: «Estate from ad», «fields»: [ {«name»: «uuid», «type»: «string»}, {«name»: «agent_uuid», «type»: «string»}, {«name»: «action», «type»: [«null», «string»], «default»: null}, {«name»: «type», «type»: [«null», «string»], «default»: null}, {«name»: «renovation», «type»: [«null», «string»], «default»: null}, {«name»: «square», «type»: [«null», «int»], «default»: null}, {«name»: «price», «type»: [«null», «int»], «default»: null}, {«name»: «address», «type»: «Address»} ], «indexes»: [ «uuid», «agent_uuid» ], «relations»: [ { «name»: «agent», «to»: «Agent», «count»: «one», «from_fields»: «agent_uuid», «to_fields»: «uuid» } ] },

Чаще всего в работе я взаимодействую с кодом, когда выдаю правки по верстке фронтенду. Зачастую намного легче залезть в код (инспектор в браузере) и на созвоне быстро показать коллеге, что не нравится и что он сделал не так. Это намного продуктивнее, чем правка „верстка сделана не по макету“. Куда быстрее сказать, что вот здесь лишние 10 пикселей, которые сильно портят картину».

Создание анимации

Егор Денисов, Senior UX\UI-дизайнер в компании Usetech:

«В своей работе я использую многочисленные скрипты. Например, беру идеи визуализации с помощью кода на сайте Codepen и по необходимости корректирую под свои нужды. Использую библиотеку по UI-элементам с исходниками Code my UI. В ближайшее время планирую изучить Flutter для разработки нативных приложений и Nodes.

С 2017 года использую Lottie (bodymovin) от Airbnb — экспорт анимации в формате JSON. Легкие по весу JSON можно использовать на Android, iOS и React Native. Анимации уже не нужно отрисовывать пошагово, можно просто воспользоваться плагином и получить полноценный продукт. Для этого есть Anima, Spirit, Principle. Кстати, таких полезных плагинов с каждым годом становится все больше. Несколько лет назад я планировал самостоятельно заняться написанием плагинов — не успел, но это и к лучшему. Сейчас практически любой плагин можно найти на просторах интернета, а также в Figma».

Плюсы для карьеры

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

Развитие мышления

Егор Денисов, Senior UX\UI-дизайнер в компании Usetech:

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

Катерина Дробина, Senior UX\UI-дизайнер в компании Usetech:

«Программирование мне очень помогло мыслить системно, кстати, не только в работе, но и по жизни.

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

Взаимопонимание с разработчиками

Даниил Вершинин, старший разработчик программных продуктов компании Polarr:

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

Катерина Дробина, Senior UX\UI-дизайнер в компании Usetech:

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

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

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

Умение объяснить и направить в нужном направлении

Роман Полищук, арт-директор в «РашенСофт»:

«Вот и ответ на вопрос, что побудило меня пойти на курсы верстки пять лет назад. Пинки от верстальщиков и повторные согласования макетов. Видите ли, так сделать не сможем. И ты винишь себя, не понимаешь, действительно ли реализовать то, что ты просишь, нереально, или верстальщик просто привык выполнять легкие задачи. И знаете, что мне дали курсы по верстке? Теперь с уверенностью могу сказать: „Сможешь. Хочешь, покажу, как?“. И это доставляет огромное удовольствие!

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

Открываю макет, открываю верстку, проверяю через консоль разработчика. Пишу: «Сделай здесь padding-bottom 30px, line-height 15, animation-delay 5s». Done!

Повышение качества продукта

Александр Обанин, арт-директор digital-интегратора DD Planet:

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

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

А что с зарплатой?

Андрей Шапиро, арт-директор в Byndyusoft:

«Что касается возможности повлиять на свою зарплату — мне не видится прямой такой связи. Мол, вы пришли, заявили, что умеете в дизайне вот это и вот это, да еще и программировать, и вам сразу предлагают больше оклад. Нет, так не работает. Но обычно люди с более широкой компетенцией в целом и лучше общаются, и эффективнее задачи решают. И вот если вы „тащите“, регулярно элегантно справляетесь с трудностями, подвижны в мышлении, что отражается на результате, тогда, конечно, вас будут ценить больше и рублем».

Как начать программировать

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

Андрей Шапиро, арт-директор в Byndyusoft:

«Ресурсов невероятно много, но большая часть на английском языке. Я бы рекомендовал начинать с бесплатных курсов на той же Coursera, если владеете английским, или с курсов на Stepik.org, это русскоязычные курсы.

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

Учит нас только реальная практика решения задач. Многие, многие часы практики.

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

Роман Полищук, арт-директор в «РашенСофт»:

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

Общайтесь, интересуйтесь, какими методами происходит внедрение ваших идей, не возникают ли трудности в процессе.

Если вы работаете удаленно — попросите разработчика записать с экрана все этапы реализации вашего дизайна.

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

Александр Обанин, арт-директор digital-интегратора DD Planet:

«Есть много полезных ресурсов, из простых могу посоветовать The Coding Train, Matthew Epler, Tim Rodenbröker. Найти полезные для себя инструменты можно на сайтах:

• Processing — библиотека для работы с изображениями на Java.
• P5.js — JS-библиотека для креативного кодинга, вдохновленная Processing.
• ML5.js — библиотека для машинного обучения: создание модели и последующее использование в JS.
• TensorFlow — библиотека для машинного обучения в JS.

Для вдохновения советую посмотреть работы аргентинского художника Manolo ide — он использует Processing, художника из Нью-Йорка Joshua Davis и оценить 3D-мейкап от ines.alpha».

Катерина Дробина, Senior UX\UI-дизайнер в компании Usetech:

«Мне кажется, сейчас курсов так много, что было бы только желание. Отличные курсы есть у сервиса „Яндекс.Практикум“, а также Skillbox и Geekbrains. Но это вовсе не значит, что нужно бежать сразу туда и проходить все курсы.

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

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

Когда встречаются графический дизайн и программирование | Джорджия Ломбардо | DeMagSign

Шторм. Сделано с помощью кода (обработка) Хольгера Липпманна

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

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

Стиг также выступит спикером на конференции Design Matters 21, которая пройдет онлайн и в Копенгагене 29–30 сентября 2021 года. Получите билет прямо сейчас!

Стиг Меллер Хансен. Фото: Бенджамин Тарп

Что такое креативное кодирование и откуда оно взялось?

Креативное кодирование — популярный, но довольно расплывчатый термин, описывающий создание дизайна и искусства с помощью кода. Эндрю Белл формулирует это как «программирование с эстетическим намерением ». Точное происхождение термина неизвестно, но оно может быть связано с книгой Джона Маэды «Творческий код» (2004), в которой он документирует визуальные исследования и эксперименты на основе кода, проведенные им и его студентами в ныне несуществующей группе Aesthetics + Computation Group в Массачусетском технологическом институте. . Возможно, лучшее определение, которое я нашел, принадлежит Митчеллу и Боуну в 2013 году: « […] процесс, основанный на открытии, состоящий из исследования, итерации и размышления с использованием кода в качестве основного средства для создания медиа-артефакта, предназначенного для художественного контекста. ”

Пример кода, использованного с эстетической целью. Neon Coding GIF Автор: Partyonmarz

Лично мне очень не нравится термин «творческий код», поскольку он подразумевает, что то, что делают другие программисты, не занимающиеся дизайном, НЕ является творческим. Для меня разработка функциональных продуктов — т.е. баз данных или серверных систем — одинаково креативно. Тот факт, что мы фокусируемся на выразительном выводе, не означает, что у нас есть исключительное право использовать слово «творческий».

Похоже, творческое кодирование переживает эпоху Возрождения. Что вы думаете об этом?

Если бы вы интересовались программированием и компьютерами в 80-х, вас бы сочли ботаником. Но сегодня почти стыдно признаться, что не понимаешь код; наша жизнь контролируется и контролируется программным обеспечением, и, цитируя теоретика СМИ Дугласа Рашкоффа, « грамотность в коде является требованием для участия в цифровом мире » .

Винтажный космический GIF от Национального архива США

В 90-х годах Интернет стал новой горячей точкой, и его технический характер также означал, что дизайнеры должны были научиться проектировать для этой новой среды, что включало в себя необходимость научиться программировать. В ответ на растущий интерес к изучению потенциала кода как инструмента дизайна начало появляться множество различных сред программирования, специально адаптированных к потребностям визуальных дизайнеров. Одним из самых долгоживущих является Processing, которому в этом году исполняется 20 лет. Processing — это не просто язык программирования; со временем он стал некоммерческим фондом, работающим над повышением грамотности программного обеспечения в изобразительном искусстве и разнообразным инклюзивным сообществом дизайнеров. Еще одним свидетельством растущего интереса к творческому программированию является увеличение количества книг, учебных пособий, прямых трансляций, курсов, семинаров, встреч и конференций по этой теме. У одного из самых популярных каналов Youtube, посвященного кодированию, Coding Train 1,26 миллиона подписчиков.

Обработка среды разработки в инструменте Обработка. Изображение из Dice

Как делается графический дизайн с помощью кода? Как это обычно делают дизайнеры?

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

Когда дело доходит до сред разработки, у графических дизайнеров есть большой выбор, и большинство из них имеют открытый исходный код. Выбор среды разработки зависит от ваших предварительных знаний в области программирования и от задачи, которую необходимо решить; некоторые предпочитают работать в текстовой среде разработки (например, Processing, openFrameworks, Cinder, three.js, p5.js, Hydra), в то время как другие предпочитают использовать интерфейс перетаскивания на основе визуальных узлов (например, Nodes, Макс, Вуо, TouchDesigner). Сегодня многие среды разработки предлагают гибридную форму, позволяющую переключаться между двумя режимами.

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

Браузерный редактор p5.js

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

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

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

Максим Gifmaker GIF

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

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

Noise Creative Coding GIF By Partyonmarz

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

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

Coding Adult Swim GIF Автор J.B. Kinard

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

Другое очевидное преимущество — скорость. Претворение идеи в жизнь требует постоянного переключения между выполнением и оценкой. Передача исполнительной части компьютеру освобождает больше времени для оценочной части, что намного веселее! Таким образом, вы получите множество потенциальных предложений в пределах области решений, которую вы определили. Затем вам просто нужно использовать свои человеческие компетенции, которые компьютеры не могут заменить (пока) — способность оценивать эстетическое качество решений и выбирать лучшие из них.

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

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

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

Когда графические дизайнеры начнут думать как программисты, они смогут увидеть взаимосвязь графического дизайна и программирования, которая до сих пор была скрыта от их взгляда. Мета-дизайн — это, по словам Брэда Тобера, « [a] преобразование роли дизайнера из роли, в которой он/она в первую очередь занимается дизайном отдельных артефактов, в роль, в которой он/она также создает или разрабатывает новые инструменты, системы и методы проектирования » . Руне Мэдсен, которая проведет семинар на конференции Design Matters 21 в сентябре, также написала превосходную короткую статью о мета-дизайне и системах алгоритмического проектирования.

Это логотип Casa Da Musica, концертного зала в Португалии. Вместо разработки статического логотипа Sagmeister & Walsh разработала систему логотипов, которую можно использовать для создания бесконечных вариаций логотипа для использования на плакатах, визитных карточках и в Интернете. Изображение с сайта RuneMadsen.com

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

Что самое сложное в обучении программированию для дизайнера?

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

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

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

Существуют ли какие-либо инструменты или фреймворки, которым должен научиться пользоваться дизайнер? Как дизайнеру начать работу в этой области?

Для абсолютных новичков я бы рекомендовал Processing или p5.js. Они оба имеют очень низкие кривые обучения и преднамеренно не загроможденные интерфейсы. Оба позволяют быстро приступить к написанию кода и заставить некоторые пиксели перемещаться по экрану. Они также являются отличной платформой для изучения основных вычислительных блоков; циклы, условия, ветвление, функции и т.д. Существует множество книг, руководств, видео, курсов и групп SoMe как для Processing, так и для p5.js, а их веб-сайт и их общий форум содержат ответы на многие вопросы, с которыми вы неизбежно столкнетесь, будучи новичком.

Book Code as Creative Medium от Tega Brain и Golan Levin

Если вам интересно узнать, что еще есть, один из моих бывших студентов, Теркель, курирует потрясающий репозиторий творческого кода, который является отличной отправной точкой для всех, кто хочет работать с творческим кодом. Наконец, я также рекомендую недавно изданную книгу «Код как творческое средство» Теги Брейн и Голана Левина. Он наполнен полезными упражнениями и примерами из практики — абсолютный кладезь вдохновения и аргументов для обучения программированию в качестве дизайнера/художника.

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

Что такое компьютерное программирование и разработка программного обеспечения?

Доля:

Университет ДеВри

13 ноября 2020 г.
Чтение через 5 мин.

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

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

Что такое компьютерное программирование?

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

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

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

• Владение существующими языками для портативных компьютеров, т. е. C++ или Python
• Возможность расширять и улучшать существующую или старую программу, код
• Способность находить ошибки и устранять их

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

Что такое дизайн программного обеспечения?

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

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

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

• Анализ потребностей пользователей
• Оценка потребностей/целей компании
• Разработка системы программного обеспечения по заданным параметрам
• Обслуживание программных систем для проверки постоянной эффективности

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

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

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

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

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

Степенные программы в области компьютерного программирования и дизайна программного обеспечения

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

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

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

• Разработка и концептуализация приложений и алгоритмов
• Передовые методы программирования для разработки приложений
• Передовые стратегии разработки программного обеспечения
• Сообщение об использованных методах и последующих выводах
• Программирование мобильного устройства
• Цифровая грамотность
• Информационная безопасность
• Анализ данных

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

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

Карьера в области компьютерного программирования и дизайна программного обеспечения

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

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

• Программист научного программного обеспечения
• Разработчик программного обеспечения и программист
• Разработчик программных систем
• Разработчик программных приложений
• Программист и аналитик
• Веб-разработчик и программист

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

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

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

Категории блога

SelectBlog ГлавнаяОтраслевая статистикаПрофессиональное развитиеWork-Life-SchoolDeVry UpdatesРазнообразие, равенство и инклюзивностьИстории студентов и выпускниковБизнесТехнологииЗдравоохранениеПоиск по

Категории блога

SelectBlog ГлавнаяОтраслевая статистикаПрофессиональное развитиеWork-Life-SchoolDeVry UpdatesРазнообразие, равенство и инклюзивностьИстории студентов и выпускниковБизнесТехнологииЗдравоохранениеПоиск по

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