И

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

Возможные виды интерфейсов:
— Визуальный
Графический
Текстовый (например, интерфейс командной строки)
— Тактильный (осязательный)
— Голосовой
— Жестовый и др

https://giphy.com/gifs/reality-hyper-keiichi-3o6Eh... /
https://giphy.com/gifs/satisfying-interface-JuCXei...

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

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

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

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

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

Функции инфографики:
— визуализировать большой объём взаимосвязанных данных
– придать эмоциональную окраску данным («оживить»)
— проиллюстрировать принцип работы схем или оборудования
— продемонстрировать определённую тенденцию
— рассказать о соотношение каких-либо предметов и фактов
— указать на преимущества и выгоды

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

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

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

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

Для слушателей своего курса «Иллюстрация» преподаватель Люба Березина подготовила большую подборку выразительных художников и иллюстраторов – для вдохновения и формирования представления о современной иллюстрации. Часть из них мы решили показать вам.

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

Имиджевый дизайн — (или брендинг) (ССЫЛКА НА АЗБУКУ Б) — создание и поддержание мнения аудитории на основе брендинговой стратегии с помощью визуальных элементов фирменного стиля (фирменных цветов и шрифта, визуальных образов, узнаваемой полиграфии, упаковки и т.д.)

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

Преподаватели: Илья Черникович и Дмитрий Федотов

3 курса – по одному для каждого инструмента:
Adobe Photoshop
Adobe Illustrator
Adobe InDesign
Не менее 78 часов практики в каждом из курсов, чтобы научиться полноценно работать с векторными и растровыми изображениями, ретушировать, проектировать и верстать электронные и печатные издания

Преподаватель: Люба Березина

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

Преподаватель: Александр Богомолов

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

Преподаватель:

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

Преподаватель: Дмитрий Головков

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

Преподаватель: Роман Шелехов

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

Преподаватель: Анастасия Вишневская

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

Преподаватель: Роман Шелехов

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