Курс із UI/UX дизайну: Проєктування інтерфейсів від новачка до профі

Що ви зможете після курсу

• Формулювати завдання проєкту і проводити дослідження аналогів і конкурентів за схемою «скриншот, плюси, мінуси»
• Збирати картку персонажа і прописувати сценарії використання, зокрема виняткові ситуації
• Будувати прототипи: від скетчу товстим маркером через блочний і клаптиковий до клікабельного зі скринкастом
• Обирати шрифтову пару, вести мікротипографіку і верстати макет за модульною сіткою
• Презентувати проєкт: key visual, концепція підходу, PDF зі слайдами про процес
• Вести переговори із замовниками і готувати відгуки: портфоліо, шаблони листів, передоплата і терміни

Кому підійде курс

Не підійде тим, хто шукає навчання верстанню і програмуванню, малюванню з нуля чи окремий курс з інтерфейсів конкретної програми, — таких уроків у курсі немає.

Як проходить навчання

• Один проєкт на весь курс — Усі завдання виконуються на один обраний проєкт — до кінця навчання у вас готова робота для портфоліо. Замість стандартного завдання можна взяти власний робочий проєкт, якщо він самодостатній і має початок і кінець.
• Домашні завдання з жорстким дедлайном — Робота, надіслана пізніше, випадає з найближчого розбору і переноситься на наступні вихідні, — темп не дає проєкту застряти.
• Розбори робіт учасників — Їх корисно дивитися повністю, а не лише свою частину: помилки та вдалі рішення інших учасників зазвичай повторюються і у власній роботі.
• Питання поштою з відеовідповідями — Питання виписуються по ходу занять: спочатку ви розбираєтеся самі і шукаєте відповіді в матеріалах минулих потоків, потім надсилаєте список — відповідь приходить відео.
• Професія за ролями — Проєктування, візуальний дизайн, дизайн-менеджмент і арт-дирекшн розбираються окремими заняттями: видно, за що відповідає кожна роль і як ролі поєднуються в одному проєкті.

Що знадобиться

• Графічні редактори в міру завдань: Adobe Photoshop, Sketch, Adobe After Effects, Adobe Fireworks
• Прототипування та демонстрація: Mockingbird, PopApp, Axure, ScreenFlow
• Блокнот, ручка і таймер для техніки помідора; Behance і сайти вакансій — для портфоліо та відгуків

Чому самому зазвичай не виходить

Дизайн міждисциплінарний: у моделі «люди — бізнес — технології» треба розуміти місце продукту в бізнес-процесі і хоча б базово орієнтуватися в HTML, CSS та JavaScript. З розрізнених статей ці знання не складаються у шлях макета — від завдання і дослідження до сітки та презентації.

Дизайнерське завдання рідко розв’язується роздумами: працює ланцюжок «дослідження, інтерпретація, ідея, експеримент, еволюція». Самостійно помилки не побачити — її показують розбори робіт, де невдачі та вдалі рішення інших учасників зазвичай повторюються і у власній.

Без зовнішнього ритму проєкт затягується: дедлайн домашніх завдань і розбір задають темп, з яким обраний проєкт доходить до повноцінної роботи в портфоліо.

Що зміниться

Як влаштований шлях

1. Завдання і проєкт На вступному занятті обирається проєкт, який опрацьовується до кінця навчання. Формулюється завдання, проводиться дослідження робіт, збираються картка персонажа і сценарії використання.
2. Прототипи Ідея йде від скетчу товстим маркером через блочний і клаптиковий прототипи до клікабельного: зв’язки збираються в редакторі, взаємодію демонструє скринкаст.
3. Візуальна частина Фіксуються шрифтова пара, палітра і сітка, за ними верстається дизайн-макет; частину матеріалу — графіку, іконки, фотографії та шрифти — делегують стокам.
4. Презентація і портфоліо Визначається key visual, формулюється концепція, збирається PDF зі слайдами про процес. Портфоліо, шаблони листів і переговори переводять проєкт у роботу із замовниками.

Програма курсу

4 уроки · 21 година 42 хвилини відео · Заняття пов’язані одним наскрізним проєктом: кожне додає до нього свою частину — від дослідження і прототипів до макета та презентації.

• Уся професія на одному проєкті: від завдання до презентації 4 уроки

  Заняття йдуть за ролями професії: проєктувальник відповідає за завдання, персонажа, сценарії та прототипи, дизайнер — за шрифтову пару, сітку і макет, дизайн-менеджер — за планування, портфоліо і переговори, арт-директор — за key visual і концепцію. Усі завдання виконуються на один обраний проєкт, який доводиться до роботи в портфоліо.

  • День проєктувальника6:42:31

    Урок систематизує проєктування інтерфейсів: властивості зручного інтерфейсу, роботу зі звичками та цілями людини, різницю між UI та UX, сценарії та види прототипів — від скетча до клікабельної версії. Розглядаються дослідження аналогів і конкурентів, модель «люди — бізнес — технології», картка персонажа та перевірка рішень A/B-тестуванням із мірою у вигляді конверсії. У завданні — дослідження робіт, картка персонажа, сценарій і ланцюжок прототипів від скетча до клаптикового, за бажанням — клікабельний зі скрінкастом.

  • День дизайнера5:17:50

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

  • День дизайн-менеджера4:22:57

    Урок про менеджерський бік професії: особиста ефективність і планування, підготовка та подача портфоліо, переговори і типологія замовників, шаблони листів, передоплата та терміни, психологія впливу. Розглядаються вивантаження завдань за GTD, техніка помідора, план на день через результат, робота з правками та принцип «краще недообіцяти». У завданні — правки до макету текстом і скріншотами, доопрацювання макету, реєстрація на майданчиках, шаблони листів і списки студій та проєктів.

  • День арт-директора5:19:06

    Урок пояснює роль арт-директора та відмінність від дизайнера: key visual і digital-інсайт, робота з емоціями, мудбордами та креативними концепціями, візуальний молоток, метафори і культурні алюзії, сторітелінг, гайдлайни та командна робота. Показано види концепцій і критерії ідей, а сайт розглядається як частина великої рекламної кампанії. У завданні — виділити key visual із носіями, описати візуальну риму, написати інсайти, сформулювати концепцію та розіслати листи з презентацією підходу.

Часті запитання

Про цей курс

• Чи потрібно вміти програмувати або малювати?

  Ні. HTML, CSS та JavaScript згадуються як база, яку проєктувальникові корисно розуміти, але навчання коду в курсі не передбачене. Малювання та ілюстрування з нуля як окрема тема не розглядаються: графіку, іконки, фотографії та шрифти делегують стокам, а рукописні написи робляться від руки й оцифровуються.

• Чи навчають роботі в Photoshop, Sketch чи Figma?

  Окремих уроків з інтерфейсів програм у курсі немає: Photoshop, Sketch, Fireworks і Axure використовуються в міру завдань. Figma та схожі інструменти в матеріалах не згадуються — курс про проєктування і дизайн інтерфейсів, а не про конкретний редактор.

• На якому проєкті виконуються домашні завдання?

  На одному обраному — він детально опрацьовується до кінця навчання. Можна взяти стандартне завдання або власний робочий проєкт, якщо він самодостатній і має початок і кінець.

• Що буде, якщо не здати домашнє завдання вчасно?

  Дедлайн жорсткий: робота, надіслана пізніше, випадає з найближчого розбору і переноситься на наступні вихідні. Записи викладаються в готовій якості та залишаються доступними для повторного перегляду.

• Що робити, якщо по ходу занять виникають питання?

  Питання пропонується виписувати по ходу занять: спочатку розібратися самостійно і пошукати відповіді в матеріалах минулих потоків, потім надіслати список на пошту — відповіді приходять відео.

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

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

Доступ і матеріали

• Коли і як я отримаю доступ до курсу?

  Одразу після оплати, тієї ж секунди й автоматично. Чекати на підтвердження не потрібно. Доступ надходить двома шляхами водночас. Перший: на пошту, вказану при оформленні замовлення, приходить лист із посиланням на матеріали. Другий: те саме посилання з’являється у вашому акаунті на сайті, у розділі «Завантаження», і залишається там назавжди.

• Де зберігаються матеріали курсу?

  Усі відео та додаткові файли лежать у хмарному сховищі. Посилання на нього — у вашому акаунті на сайті, розділ «Завантаження», і в листі, який надійшов після оплати. Акаунт тут не формальність, а спосіб доставки: курс залишається в ньому назавжди. Навіть якщо лист загубився або ви згадали про купівлю через рік, посилання буде на місці.

• Чи можна завантажити матеріали, чи тільки дивитися онлайн?

  Завантажувати можна і варто. Радимо зберегти відео на комп’ютер і дивитися звідти. Причина проста: хмарне сховище не розраховане на перегляд відео. Іноді воно дозволяє увімкнути ролик просто у браузері, але якість при цьому помітно гірша за вихідну. На своєму комп’ютері ви побачите курс таким, яким його записували.

• Як довго діє доступ?

  Безстроково. Курс залишається вашим назавжди, повертатися до нього можна скільки завгодно разів. Якщо через рік чи два посилання раптом перестане відкриватися з технічних причин — напишіть на info@siluette.com.ua, ми його відновимо.

• Лист із доступом не надійшов — що робити?

  Насамперед: доступ у вас є в будь-якому разі. Увійдіть на сайт і відкрийте розділ «Завантаження» — посилання на курс уже там, незалежно від того, дійшов лист чи ні. Найчастіше лист губиться через одруківку в адресі під час оформлення замовлення. Ще варто заглянути до теки «Спам». Не виходить розібратися — не витрачайте час: напишіть на info@siluette.com.ua або в чат у правому нижньому куті сайту, ми допоможемо.

• На яких пристроях дивитися курс?

  Найкраще на комп’ютері або ноутбуці: завантажте відео й відкрийте будь-яким звичним плеєром. Знадобляться встановлені відеокодеки — на більшості комп’ютерів вони вже є. Завантажити курс можна на скільки завгодно пристроїв. А от телефон ми не радимо, і з двох причин. На маленькому екрані погано видно деталі, особливо якщо в уроці показують інтерфейс програми. І на телефонах часто немає кодеків для форматів, у яких записані відео.

Оплата та повернення

• Якими способами можна оплатити?

  Банківською карткою Visa, MasterCard або «Простір», через Google Pay, Apple Pay, Masterpass, Visa Checkout, платіжний QR-код, Botpay у Telegram чи Privat24. Є й оплата частинами: Монобанк (3 або 4 платежі), А-Банк (2, 3 або 4 платежі та розстрочка), Банк Глобус (8 платежів), «Скибочка» від OTP Bank (3 платежі), миттєва розстрочка та оплата частинами від ПриватБанку.

• Чи приймається картка, випущена не в Україні?

  Так. Платіжна система приймає картки з Євросоюзу та будь-яких інших країн. Одна деталь, про яку часто забувають: банк може попросити підтвердити платіж — у мобільному застосунку або кодом із СМС. Якщо оплата не проходить, перевірте застосунок банку та повідомлення.

• Як працює знижка 20% при купівлі кількох курсів?

  Додайте до кошика два курси або більше — знижка застосується автоматично до всіх товарів у кошику. Два курси: мінус 20% на обидва. П’ять курсів: мінус 20% на всі п’ять. Знижка поєднується з будь-якими акційними цінами й діє на весь каталог без винятків.

• Чи можна повернути курс або гроші?

  Цифрові товари поверненню та обміну не підлягають. Це загальне правило для всіх електронних товарів в Україні — постанова Кабінету Міністрів № 172 від 19 березня 1994 року. При цьому ми завжди на зв’язку. Якщо доступ не відкривається, посилання перестало працювати або файли пошкоджені — напишіть на info@siluette.com.ua, вкажіть дату та номер замовлення. Відновимо. Якщо щось незрозуміло в самому курсі, теж пишіть — підкажемо.

• Чи можна оплатити від організації за рахунком?

  Поки що ні. Ми працюємо лише з приватними покупцями — безготівкової оплати за рахунком від юридичних осіб зараз немає.

Як проходить навчання

• Чи є зворотний зв’язок із викладачем і перевірка завдань?

  Ні. Усі курси — це записи уроків для самостійного вивчення: викладач не відповідає на запитання і не перевіряє домашні завдання. Саме тому курси коштують значно дешевше за навчання з куратором. Ви отримуєте той самий матеріал, але займаєтеся самі та у своєму темпі.

• Чи видається сертифікат?

  Так, цифровий сертифікат — на запит і безкоштовно. Напишіть на info@siluette.com.ua, вкажіть ім’я та прізвище саме в тому вигляді, в якому хочете бачити їх у сертифікаті, і ми надішлемо його протягом доби.

• Чи потрібен досвід, щоб почати?

  Для більшості курсів — ні. Вони розраховані на початковий рівень і пояснюють з азів. Якщо курс потребує підготовки, це сказано в його описі.

• Чи є терміни проходження курсу?

  Ні. Ані дедлайнів, ані розкладу, ані доступу, що згорає. Завантажили — дивіться коли зручно, з будь-якими перервами.

• Чи можна поділитися курсом з іншою людиною?

  Курс купується для особистого використання, і ми просимо ставитися до цього по-людськи: за кожним уроком стоїть робота, а ціна й так суттєво знижена.

Підтримка

• Куди писати, якщо щось не працює?

  Найкраще на info@siluette.com.ua. Є й чат у правому нижньому куті сайту, але пошта надійніша: там можна все описати докладно та додати знімки екрана. Прохання: опишіть, що саме ви робили і що пішло не так, та додайте знімок екрана з помилкою. Так ми вирішимо питання одразу, а не з’ясовуватимемо півдня, що сталося.

• Як швидко відповідає підтримка?

  У робочий час, з 9:00 до 19:00, на пошту зазвичай відповідаємо протягом години, у чаті — за кілька хвилин. Після 19:00 теж буває, але час відповіді не обіцяємо.