Пиктограммы и системы знаков с Сергеем Чикиным
Иконки помогают ориентироваться в пространстве, управлять интерфейсом, акцентировать внимание, развлекать читателя.
Иконки помогают ориентироваться в пространстве, управлять интерфейсом, акцентировать внимание, развлекать читателя.
Графика на экране или поверхности продукта не меняет его форму и функцию, но меняет сам продукт. Плохая графика порождает у покупателя уныние, хорошая — вызывает восхищение, плохая возбуждает подозрение, хорошая — устанавливает доверие.
Лекции посвящены дизайну понятных вкусных пиктограмм. Показаны сценарии использования иконок, анатомия объектов и стили графики. Преподаватель учит подбирать сильные метафоры, «напрягать» кривые и создавать семейные «гены» набора пиктограмм, а также делится графдизайнерскими хитростями.
Первая часть лекций о смысле и функции: где люди встречаются с пиктограммами, зачем они нужны и как их функция влияет на внешний вид.
Вторая часть лекций посвящена графическому языку пиктограмм: как найти идею, выбрать ракурс и форму, передать энергию действия и эмоцию, отрезать всё, что отвлекает от смысла. Преподаватель расскажет о подборе цветов, работе с кривыми и полезных мелочах: скруглениях, акцентах, попадании в пиксели. Особый блок посвящён культурному коду и клише пиктографиста, ускоряющим понимание значения иконок.
Третья часть — о создании систем знаков: как объединить разношёрстные иконки в одну семью, подружить пиктограммы со шрифтом и не попасть в ловушку систематизатора.
Лекции будут полезны дизайнерам и шрифтовикам, проектировщикам интерфейсов и разработчикам мобильных приложений, рекламщикам и проектировщикам навигационных систем — всем, в чьей работе присутствуют пиктограммы и знаки.
Дизайнер‑иконист бюро, арт‑директор ЦТВ
24 дизайнеру, 8 редактору, 4 руководителю
Функции
Дизайн
Учитесь в удобном для себя темпе без тестов и дедлайнов. Подтяните дисциплины, которых не хватает в работе, или откройте для себя новую область, не отрываясь от обычной жизни.
Смотрите видео или читайте конспекты на компьютере, планшете или телефоне: нужен только современный браузер и интернет.
Вопросы и ответы
Как подписаться на курс лекций или коллекцию?
Нажмите на кнопку «Подписка» в правом нижнем углу страницы курса лекций или коллекции.
Внизу страницы откроется панель, на которой мы попросим вас указать ваше имя, электронную почту и данные банковской карты. При этом вы сможете выбрать подписку себе или в подарок. После этого вы сможете нажать на кнопку «Подписаться» — деньги за первый год спишутся с карты. Вы или тот, кому вы дарите, получите письмо со ссылкой для доступа к курсу лекций.
Когда вы перейдёте по ссылке из письма, мы запомним вас на этом устройстве и вы сможете смотреть курс лекций с его страницы.
На странице лекций во вкладке «У вас» можно увидеть, на какие курсов лекций вы подписаны. Рядом с каждым курсом лекций, на который вы подписаны, отображается зелёная галочка.
Если же вы уже указывали имя и карту ранее и вошли со своим адресом, вы сможете подписаться сами или подарить подписку знакомому одним нажатием на кнопку без дополнительного ввода данных и перехода по ссылке из письма.
Если вы подписались сами, после первого года деньги начнут списываться ежегодно по сниженному тарифу, пока вы не отмените подписку. Тот или та, кому вы подарили подписку, после первого года сможет привязать свою карту и продлевать подписку ежегодно по сниженному тарифу.
Условие подписки — сохранённые в платёжном сервисе данные вашей банковской карты в течение оплаченного срока.
Что делать, если лекции не открываются?
После оформления подписки вы получили письмо со ссылкой для доступа к лекциям. Когда вы перейдёте по ссылке из письма, мы запомним вас на этом устройстве и вы сможете смотреть лекции.
Но если наш сайт вас забывает, скорее всего, у вас не сохраняются куки. Это возможно в одном из двух случаев:
Вы открываете ссылку в режиме частного доступа, в котором браузер не сохраняет историю. Это легко определить по цвету адресной строки браузера — если она чёрная, значит, браузер в приватном режиме и этот режим нужно отключить. После этого, когда вы откроете ссылку в браузере, наш сайт вас запомнит.
Вы открываете ссылку из почтового клиента на планшете или телефоне. Почтовые клиенты часто открывают ссылки во встроенном браузере, который тоже не помнит историю. Если это так, попробуйте скопировать ссылку в письме и вставить её в адресную строку полноценного приложения браузера.
Что такое Бюросфера?
Бюросфера появилась как способ познакомиться с уважаемыми советчиками — постоянными посетителями раздела «Советы» на сайте бюро. Любой желающий может завести личную страницу в Бюросфере с рассказом о себе и о своих работах. Со временем Бюросфера стала способом авторизации и оформления покупок — у каждого пользователя Бюросферы появляется учётная запись на сайте бюро. Если вы просто хотите подписаться на лекции или купить другой продукт, необязательно что‑то писать о себе — оставьте страницу пустой. Мы не публикуем адреса электронной почты.
Как отменить подписку и что будет с лекциями?
Если вы подписаны и авторизованы, на зелёной кнопке в правом нижнем углу будет галочка: «✓Подписка». Нажмите на кнопку, там будет ссылка «Отмена подписки». После отмены подписки лекции станут вам недоступны. Когда захотите, вы сможете подписаться заново, но при этом нужно будет заново оплатить полную стоимость первого года
Отзывы участников практического курса
Участники курсов делились своими впечатлениями о практическом курсе, а мы оставили из их отзывов только то, что касалось теории — такую же даём в лекциях.
Без обучения нет прогресса. О курсе по иконкам Сергея Чикина узнал два года назад, следил за образовательной программой и решился пойти в 2019‑м, так как стало больше запросов на иконки и для нового проекта нужно было нарисовать набор из 50 иконок. Решил подойти к вопросу уже не с любительской точки зрения, а с профессиональной, и записался на курс.
Сергей рассказал на курсе много технических и визуальных тонкостей, привил внимание к деталям, которые влияют на финальный результат, за что благодарен курсу. Главная ценность курса — крупицы информации, которые собраны из разных мест за длительное время, и учащимся кладут в голову все зёрна информации за короткие три дня. Как итог — бесценные знания, которые применимы не только к иконкам.
Главная ценность курса — крупицы информации, которые собраны из разных мест за длительное время
Без обучения нет прогресса. О курсе по иконкам Сергея Чикина узнал два года назад, следил за образовательной программой и решился пойти в 2019‑м, так как стало больше запросов на иконки и для нового проекта нужно было нарисовать набор из 50 иконок. Решил подойти к вопросу уже не с любительской точки зрения, а с профессиональной, и записался на курс.
Сергей рассказал на курсе много технических и визуальных тонкостей, привил внимание к деталям, которые влияют на финальный результат, за что благодарен курсу. Главная ценность курса — крупицы информации, которые собраны из разных мест за длительное время, и учащимся кладут в голову все зёрна информации за короткие три дня. Как итог — бесценные знания, которые применимы не только к иконкам.
Cтарший дизайнер «Бамбла» и «Баду»
Участвовал удалённо
Я редкий неумеха в графическом дизайне. Всегда было стыдно за результат, если приходилось что‑то нарисовать. Когда увидел содержание курса, я понял, что это шанс исправить ситуацию.
На курсе я наконец узнал о принципах формы, цвета и анатомии знака. Интересно было узнать о хитростях типа минимизации конструкции и направлении движения.
Удивило количество примеров. Буквально каждую мысль Сергей подкреплял фотографиями и скриншотами.
Спасибо за курс!
Боялся, что буду чувствовать себя изгоем, но всё прошло отлично
Я редкий неумеха в графическом дизайне. Всегда было стыдно за результат, если приходилось что‑то нарисовать. Когда увидел содержание курса, я понял, что это шанс исправить ситуацию.
На курсе я наконец узнал о принципах формы, цвета и анатомии знака. Интересно было узнать о хитростях типа минимизации конструкции и направлении движения.
Удивило количество примеров. Буквально каждую мысль Сергей подкреплял фотографиями и скриншотами.
Спасибо за курс!
редактор бюро
Участвовал удалённо
Мне курс в общем понравился, хотя и не было каких‑то вау‑открытий: многие системополагающие вещи, которые Сергей рассказывал, например про цвета, я уже раскопал и изучил сам.
При этом курс здорово систематизирует знания. Я понимал какие‑то графические клише — Сергей дал список в два раза больше, я иногда понимал (а чаще нет), как изобразить глагол — вот, получи готовые способы. Не всегда чувствовал, когда иконки должны, а когда не должны узнаваться сразу, — смотри, есть адресная понятность. Ещё подкупает количество и разнообразие примеров, которые Сергей собрал.
Я бы рекомендовал курс тем, кто только столкнулся с иконками и ещё не нарисовал свои первые две сотни. Вы сэкономите пару‑тройку лет изучения и систематизации, Сергей расскажет всё, что нужно. Тем, кто две сотни иконок уже сделал, курс может не дать чего‑то принципиально нового, а может и дать.
Результат курса: предстоит полностью переделать почти все иконки в своих интерфейсах, чтобы привести их в одну систему. Я и раньше понимал, что это нужно, а сейчас и сомнений нет.
Сэкономите пару‑тройку лет изучения и систематизации
Мне курс в общем понравился, хотя и не было каких‑то вау‑открытий: многие системополагающие вещи, которые Сергей рассказывал, например про цвета, я уже раскопал и изучил сам.
При этом курс здорово систематизирует знания. Я понимал какие‑то графические клише — Сергей дал список в два раза больше, я иногда понимал (а чаще нет), как изобразить глагол — вот, получи готовые способы. Не всегда чувствовал, когда иконки должны, а когда не должны узнаваться сразу, — смотри, есть адресная понятность. Ещё подкупает количество и разнообразие примеров, которые Сергей собрал.
Я бы рекомендовал курс тем, кто только столкнулся с иконками и ещё не нарисовал свои первые две сотни. Вы сэкономите пару‑тройку лет изучения и систематизации, Сергей расскажет всё, что нужно. Тем, кто две сотни иконок уже сделал, курс может не дать чего‑то принципиально нового, а может и дать.
Результат курса: предстоит полностью переделать почти все иконки в своих интерфейсах, чтобы привести их в одну систему. Я и раньше понимал, что это нужно, а сейчас и сомнений нет.
проектировщик интерфейсов
Теоретическая часть помогла собрать воедино разрозненные знания. Со многими темами был знаком, но по каждой узнал что‑то новое. Важным открытием для меня стали правильные цветовые градиенты, скрупулезное внимание к анатомии знаков и добавление новых смыслов.
Нагуглил, что «скрупулезный» от лат. scrupulus «острый камешек».
Спасибо за курс.
Важным открытием для меня стали правильные цветовые градиенты
Теоретическая часть помогла собрать воедино разрозненные знания. Со многими темами был знаком, но по каждой узнал что‑то новое. Важным открытием для меня стали правильные цветовые градиенты, скрупулезное внимание к анатомии знаков и добавление новых смыслов.
Нагуглил, что «скрупулезный» от лат. scrupulus «острый камешек».
Спасибо за курс.
менеджер «Красцветмета»,
Спасибо за экспириенс.
Курс интересный и полезный! Узнал, как доносить важные сообщения людям с помощью пиктограмм, находить эмоции в форме и учитывать реальную среду знаков. Разобрали много примеров из повседневной жизни.
Советую курс молодым дизайнерам и ребятам с опытом для структуризации знаний.
Было клёво :–)
Спасибо за экспириенс.
Курс интересный и полезный! Узнал, как доносить важные сообщения людям с помощью пиктограмм, находить эмоции в форме и учитывать реальную среду знаков. Разобрали много примеров из повседневной жизни.
Советую курс молодым дизайнерам и ребятам с опытом для структуризации знаний.
Было клёво :–)
дизайнер
Участвовал удалённо
Спасибо за крутой курс.
Отдельное спасибо за открытость и лёгкость, с которой ты ведёшь курс.
Информация до сих пор переваривается, но в работе уже использую знания про анатомические особенности и стили пиктограмм, выбор цвета, контекст, попадание в пиксели и визуальный вес.
Курс посоветовал бы каждому дизайнеру — это ощутимый левелап и +20 к ловкости.
Спасибо за крутой курс.
Отдельное спасибо за открытость и лёгкость, с которой ты ведёшь курс.
Информация до сих пор переваривается, но в работе уже использую знания про анатомические особенности и стили пиктограмм, выбор цвета, контекст, попадание в пиксели и визуальный вес.
Курс посоветовал бы каждому дизайнеру — это ощутимый левелап и +20 к ловкости.
дизайнер «Слёрма» и «Гоупэррота»
Участвовал удалённо
Шла на курс, чтобы понять, как отличить хорошие иконки от плохих, с чего начать отрисовку и как сделать набор иконок однородным. На все вопросы получила ответ. На курсе куча теории и миллион интересных примеров. Никогда не забуду фразу: «Финифть можно наносить только на металл, а металл на финифть» :‑)
Резюмируя: курс — лучший старт, чтобы начать делать хорошие иконки, но самое интересное начнётся впереди, в бою.
Куча теории и миллион интересных примеров
Шла на курс, чтобы понять, как отличить хорошие иконки от плохих, с чего начать отрисовку и как сделать набор иконок однородным. На все вопросы получила ответ. На курсе куча теории и миллион интересных примеров. Никогда не забуду фразу: «Финифть можно наносить только на металл, а металл на финифть» :‑)
Резюмируя: курс — лучший старт, чтобы начать делать хорошие иконки, но самое интересное начнётся впереди, в бою.
дизайнер «Яндекс‑гоу»
Участвовал удалённо
Раньше я никогда толком на иконки не обращал должного внимания, поэтому моей основной целью было: начать относиться к ним серьёзно. Обычно я просто качаю сет и ставлю. Иконок в сете всегда не хватает, приходится качать из другого сета, и получается каша. В общем, это не очень хорошо.
После курса не могу смотреть на разнородные иконки в одном интерфейсе. Теперь я буду тщательно прорабатывать уже свой собственный сет для каждого проекта.
Когда я открыл одну из своих текущих работ и увидел, какие там иконки, мне стало плохо. А раньше я особо и не замечал, что они разные и не сочетаются друг с другом. А, значит, цель достигнута.
Понравилось всё. Дальше я сам буду углубляться в каждую из тем: функцию, стиль, форму, цвет и язык.
Теперь я буду тщательно прорабатывать уже свой собственный сет для каждого проекта
Раньше я никогда толком на иконки не обращал должного внимания, поэтому моей основной целью было: начать относиться к ним серьёзно. Обычно я просто качаю сет и ставлю. Иконок в сете всегда не хватает, приходится качать из другого сета, и получается каша. В общем, это не очень хорошо.
После курса не могу смотреть на разнородные иконки в одном интерфейсе. Теперь я буду тщательно прорабатывать уже свой собственный сет для каждого проекта.
Когда я открыл одну из своих текущих работ и увидел, какие там иконки, мне стало плохо. А раньше я особо и не замечал, что они разные и не сочетаются друг с другом. А, значит, цель достигнута.
Понравилось всё. Дальше я сам буду углубляться в каждую из тем: функцию, стиль, форму, цвет и язык.
юикс‑дизайнер «Купер.ко»
Участвовал удалённо
Когда что выйдет
Оставьте почту, чтобы узнать о выходе лекций и обновлениях других продуктов бюро.
Для компаний. Подписка сразу для нескольких сотрудников вашей компании на все лекции бюро, которые вышли и когда‑либо выйдут. Оформить❱
Ещё лекции
Типографика и вёрстка с Михаилом Нозиком
Пользовательский интерфейс и представление информации с Ильёй Бирманом
Управление проектами, людьми и собой с Николаем Товеровским
Дизайн текста и визуальное повествование с Максимом Ильяховым
Холодное письмо с Максимом Ильяховым
Информационный стиль и редактура текста с Максимом Ильяховым
Переговоры и отношения с клиентами с Ильёй Синельниковым
