Скетч від А до Я: Стань дизайнером UI

Навчальний посібник з малювання - станьте дизайнером UI та UX.

Мова: Німецька

Навчальний посібник по скетчингу – стань дизайнером UI та UX.

Sketch - це ефективний та інтуїтивний інструмент, за допомогою якого ви можете створювати прототипи веб-проектів. Користуючись програмним забезпеченням для UI та UX, ви створюєте динамічні користувацькі інтерфейси для веб-сайтів та додатків. Однією з ключових переваг є те, що оскільки дизайни відповідають правилам веб-дизайну, ви передаєте розробці безпосередньо придатний для втілення результат. Вивчайте Sketch у цьому понад п'ятигодинному навчальному посібнику від Луки Кедровскі, який практично проведе вас від концепції через прототип до повністю розробленого веб-інтерфейсу.

Станьте дизайнером UI та UX: створюйте інтерфейси користувача для веб-сайтів та додатків у Sketch
Для швидкого старту: освоюй основи Sketch, дизайну UI та UX.
Для вашого просування: Вивчайте високорівневі техніки дизайну, такі як булеві оператори.
Практичний посібник: Створіть сучасний інтерфейс користувача на прикладі додатку.
Краща співпраця з розробниками: передайте їм прямо розробкий варіант прототипу.
Зрозумійте протягом 5 год поняття UI та UX: Тренер Лука Кєдровскі покаже приклади найкращої практики.
Отак залишається в пам'яті вивчене: включно з робочими матеріалами для участі.

Також Google та Apple використовують Sketch - дій, як великі компанії, і вивчай, як створювати просто красиві, зручні для користувача та готові до розробки дизайни інтерфейсу.

деталі

Можна використовувати з:
Зміст: 5 h Відео-навчання
Ліцензія: приватна та комерційна Права використання
Бонус: включаючи робочі матеріали

Категорії

Проектування (ілюстрація, макет та друк)

Створено з любов'ю:

Luca Kiedrowski

Приклади застосування

Відкрити галерею

Приклад: У підручнику ви створюєте розвивається додаток за допомогою Sketch.
Відкрити галерею

Приклад: Твій тренер дає тобі поради та хитрощі щодо сучасного дизайну UX та UI на шляху.

Впровадження

Безкоштовно

Набросок-урок: 1.1 Вступ

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

Завантажити файл проекту

Навчальний посібник по програмі Sketch: 1.2 Що таке Sketch?

Безкоштовно

Навчальний матеріал "Sketch": 1.2 Що таке Sketch?

Короткий огляд програми "Sketch" та як отримати до неї доступ.

Набір інструкцій по малюнку: 1.3 Інтерфейс програми

Навчальний посібник з малюнків: 1.3 Інтерфейс програми

Тут ти краще познайомишся з програмою Sketch. Я покажу тобі повну програму, і ти вивчиш, як ефективно працювати з нею.

Навчальний посібник по малюванню: 1.4 Інструменти

Посібник по кресленню: 1.4 Інструменти

Скетч не був би такою чудовою програмою, якби не можна було використовувати допоміжні засоби. Тут ви дізнаєтеся, як додавати ці допоміжні засоби.

Нарис-посібник: 1.5 Найважливіші плагіни

Sketch-посібник: 1.5 Найважливіші додатки

Плагіни допоможуть тобі працювати ще краще та швидше з Sketch. Я покажу тобі, які плагіни можуть тобі найкраще допомогти.

Посібник зі створення: встановлення бібліотек 1.6.

Інструкція з малюнку: Встановлення бібліотек 1.6

З допомогою бібліотек MIT ви можете безпосередньо додати стандартні дизайни від Apple або Android у ваш проект.

Навчальний посібник "Sketch: 1.7 InVision

InVision - це інструмент, який значно полегшує вам ваш проект Sketch. Там ви можете створити "живі макети" для структурування вашого проекту.

Основи дизайну

Навчальний посібник з креслення: 2.1 Кольори

Навчальний посібник з малювання: 2.1 Кольори

Кольори дають вам можливість надати вашому застосунку життя. Тут ви знайдете невеликий вступ у світ кольорів.

Навчальний посібник по малюнку: 2.2 Шрифти

Соціальна мережа "Medium" показує, наскільки шрифти можуть впливати на користувацький досвід. Шрифти у вашому додатку можуть бути дуже важливими.

Створювати прототипи

Навчальний посібник по малюванню: 3 етапи прототипування

Навчання з скетчів: 3 Прототипування.

Тепер ми починаємо з самого додатку.

Дизайн екрану

Навчальний матеріал по малюванню: 4.1 Домашній екран та зразки дизайну

Набір інструкцій: 4.1 Головний екран та шаблони дизайну

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

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

Набір уроків: Створення груп та стилів тексту.

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

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

Іконки - велика частина додатка. У цьому відео ви дізнаєтеся, де знайти найкращі іконки і як їх інтегрувати в свій проект.

Навчальний посібник з малюнка: 4.4 Розробка дизайну чату, робота з шарами

Інструкція по малюнку: 4.4 Розробка дизайну чату, робота з шарами

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

Навчальний посібник по графіці: дизайн iPhone X 4.5

Навчальний посібник по малюнку: дизайн iPhone X 4.5

iPhone X змінив багато в дизайні додатків. Дизайнери тепер повинні працювати з новою формою екрану. Тут ти дізнаєшся основне.

Навчальний поcібник по малюванню: 4.6 Користувацький профіль, ефект розмиття

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

За допомогою ефектів ти можеш надати своєму додатку цікавий дизайн. Ми використовуємо ефект розмиття в твоєму користувацькому профілі.

Навчальний посібник по малюванню: Використання дизайну як інструменту

Навчальний матеріал з малюнка: 4.7 Використання дизайну як інструменту

У цьому відео ти дізнаєшся, як можна використати дизайн як інструмент, щоб додати своєму додатку штрих перфекції.

Навчальний посібник по малюванню: використання бібліотек 4.8 та створення Action Sheet.

Навчальне відео: використання бібліотек 4.8 та створення випадаючого меню.

Тепер ми використовуємо iOS-бібліотеку, щоб побудувати Action Sheet. З бібліотеками ти можеш заощадити не тільки час на дизайні, але і під час розробки.

Надавати дизайни

Навчання малювання: підготуйте 5 дизайнів у InVision.

Намальовану інструкцію: надати 5 дизайнів в InVision

Якщо потрібно розробити ваш додаток, розробники потребують ваші дизайни. У цьому уроці ви дізнаєтеся, як розмістити ваші дизайни в InVision.

Надати важливу інформацію

Інструкція по кресленню: додати 6 довідок в додаток

Навчання по скетч: вставити 6 довідок в додаток.

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

Професійний дизайн

Навчальний посібник: Створення плоских графічних зображень

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

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

Навчальний посібник по малюнку: Перепланування вдома 7.2

Навчальний посібник із малювання: 7.2 Перепланування помешкання

На домашньому екрані у нас ще є багато місця для покращень. Тому ми робимо редизайн нашого першого екрану.

Навчання по малюнку: 7.3 Процес покупки користувача

Навчальний посібник: 7.3 Купівельний процес користувача

Процес покупки користувача повинен проходити як по маслу, оскільки це один з найважчих моментів у потоці користувача.

Нововведення в малюнку

Набір уроків: 8 створення прототипів в Sketch

Намальований урок: 8 макетів в Sketch

У новій версії Sketch ви маєте можливість створити прототип безпосередньо в Sketch.

Деталі щодо вмісту

Розуміння мобільного UI- та UX-дизайну та втілення за допомогою Sketch
Чи то додаток, веб-сайт або блог – втілюй свою концепцію UI- та UX-дизайну у життя – за допомогою Sketch. У цьому тривалому понад п'ятигодинному відео-уроці від тренера Луки Кєдровскі ти швидко опануєш всі основи користування програмою, щоб вже незабаром працювати інтенсивно над інтерактивним проектом дизайну додатка.

Тому тобі варто подивитися цей урок Sketch

Ти одразу ж ставиш на професійний інструмент в області UI- та UX-дизайну, оскільки Sketch використовується також відомими компаніями як Google, Facebook та Apple. Завдяки інтуїтивному інтерфейсу користування з програмою можна швидко ознайомитися, тому вже протягом короткого часу можна отримати показові результати.

Чи ти приїжджаєш з досвідом у дизайні чи без нього: Цей урок Sketch відмінно підходить для початку у сфері UI- та UX-дизайну та спеціально для втілення своїх власних ідей дизайну додатків у Sketch. Основи та їх використання - все разом!

Якщо ти вже створюєш дизайни для вебу та друку (наприклад, з Photoshop або Illustrator): Освоюй можливість переносити свої дизайни та окремі елементи, такі як іконки чи символи, в динамічні та готові до вдосконалення UI-дизайни. Зі своїм досвідом у сфері веб-дизайну ти додаєш до свого резюме дуже (і все більш) популярний плюс.

Покращуй співпрацю з веб-розробниками: Використовуючи Sketch, ти підготовлюєш інтерфейси, які вже орієнтовані на правила веб-дизайну. Отже, ти передаєш розробці дизайни, які можуть бути відразу втілені. Таким чином, ти значно скорочуєш шлях від концепції та дизайну до розробленого веб-застосунка.

UI- та UX-дизайн з Sketch від А до Я

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

Спочатку ти намалюєш грубий ескіз того, як повинна виглядати інтерфейс додатка у майбутньому. Потім ти вже безпосередньо працюєш над оформленням. Ти створюєш початковий екран, працюєш з групами, шарами та текстовими стилями та обираєш відповідні піктограми. Ти проектуєш чат, довідку та профіль користувача, дізнаєшся, як працювати з бібліотеками, дієвими таблицями та ефектами. В кінці тебе чекає повний UI-дизайн, з якого ти навіть можеш створити прототип у поточній версії 52 від Sketch.

Заздалегідь освоюй найважливіші основи Sketch та для UI-дизайну. Так ти швидко орієнтуєшся в інтерфейсі користування, знаєш найважливіші плагіни та інструменти та розумієш, як використовувати шрифти та кольори. Також тренер покаже тобі, коли доцільно поєднувати Sketch з InVision, наприклад, на етапі так званого захоплення.