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

Урок по скициране – стани дизайнер на потребителски интерфейс и потребителски опит.

Език: Немски

Урок по скечиране - станете дизайнер на потребителски интерфейс и потребителско изживяване.

Sketch е ефективен и интуитивен инструмент, с който създаваш прототипи на уеб проекти. С помощта на UI и UX софтуера създаваш динамични потребителски интерфейси за уебсайтове и приложения. Едно от големите предимства: поради fакта, че дизайните се ръководят от правила на уеб дизайна, предаваш на разработката резултат, който може да се използва директно. Научи Sketch в този урок с продължителност над пет часа от Лука Киедровски, който те води практично от концепцията, през прототипа до напълно дизайниран уеб интерфейс.

Стани дизайнер на UI и UX: Създавай потребителски интерфейси за уебсайтове и приложения с помощта на Sketch.
За бърз старт: Сдобий се с основните принципи на Sketch, дизайн на потребителски интерфейс и потребителско изживяване.
За напредъка ти: Научи продвинати дизайнерски техники като булеви оператори.
Практически урок: Създайте съвременен потребителски интерфейс, използвайки приложение като пример.
По-добро сътрудничество с разработчиците: предоставете им директно прототипи, годни за разработка.
Разберете концепцията на UI и UX за 5 часа: Треньорът Лука Киедровски показва най-добрите практики.
Така запазваме наученото в главата: включени работни материали за участие

Също Google и Apple се залагат на Sketch - направи като големите и научи сега как да създадеш просто красиви, потребителски приятни и готови за разработка UI дизайни.

Zugriff auf alle Inhalte

In der Mitgliedschaft ab * € monatlich

oder

Inhalt in den Warenkorb

Sofort-Download nach Kauf: einmalig * €

подробности

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

Категории

Дизайн (иллюстрация, оформление и печат)

Създаден с любов от:

Luca Kiedrowski

Примери на приложение

Смартфони с приложение, чийто дизайн е разработен в Sketch.

Отвори галерията

Пример: В урока създавате приложение с потенциал за развитие, използвайки Sketch.

Смартфон с приложение, чийто дизайн е разработен в Sketch.

Отвори галерията

Пример: Треньорът ти дава съвети и трикове за съвременен дизайн на UX и UI.

Въведение

Безплатно

Урок по скетчиране: 1.1 Въведение

Добре дошли на урока по скетч: Научете как да дизайните собствените си приложения с помощта на програмата. Тук е общ преглед на курса.

Сваляне на проектен файл

Безплатно

Урок по Sketch: 1.2 Какво е Sketch?

Кратко въведение в програмата "Sketch" и как можеш да получиш достъп до нея.

Sketch-Ръководство: 1.3 Програмен интерфейс

Sketch урок: 1.3 Интерфейс на програмата

Тук ще научиш по-добре Sketch. Ще ти покажа цялата програма и ще научиш как да работиш с нея ефективно.

Урок за скициране: 1.4 Помощни средства

Sketch нямаше да е толкова добра програма, ако не можеше да се използват помощни средства. Тук ще научиш как да добавиш тези помощни средства.

Урок за скициране: 1.5 Най-важните добавки

Плъгините ти помагат да работиш още по-добре и по-бързо с Sketch. Ще ти покажа кои плъгини могат да ти помогнат най-добре.

Урок за начинаещи: Инсталиране на библиотеки 1.6

Рисуване на уроци: Инсталиране на библиотеки 1.6

С библиотеките на Мит можете директно да вграждате стандартни дизайни на Apple или Android във вашия проект.

Урок по скеч: 1.7 InVision

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

Основни принципи на дизайна

Урок за скитсиране: 2.1 Цветове

Цветовете ти предоставят възможността да напълниш твоето приложение с живот. Тук ще намериш малко въведение в света на цветовете.

Урок по скициране: 2.2 Шрифтове

Социалната мрежа „Medium“ показва колко много шрифтове могат да повлияят на потребителския опит. Шрифтовете в приложението ти могат да бъдат много важни.

Създаване на прототипи

Урок по скициране: 3 прототипа

Сега започваме с истинското приложение.

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

Урок по скициране: 4.1 Начален екран и дизайн шаблони.

Урок за скици: 4.1 Начален екран и дизайн шаблони

Сега ще се заемем с нашия истински проект и ще започнем с началния екран. Освен това ще научиш как можем да създадем дизайн шаблони тук.

Sketch-Урок: Създаване на групи и текстови стилове 4.2.

Урок по изчертаване: 4.2 Създаване на групи и текстови стилове

В този урок ще научиш как да създадеш групи и как да запазиш стилове на текст, за да спестиш време.

Урок по скициране: Намиране, създаване и настройване на икони 4.3

Иконите са голяма част от едно приложение. В това видео ще научиш къде да намериш най-добрите икони и как да ги интегрираш в своя проект.

Урок за скициране: Дизайн на чат 4.4, работа с лейъри.

Урок по скициране: създаване на дизайн за чат, работа с слоеве.

Сега ще отидем в чата на нашето приложение. Там работим с слоеве, които също трябва да използваш, за да пестиш време.

Урок за скициране: Дизайн на iPhone X 4.5

Урок по скициране: Дизайн на iPhone X 4.5.

iPhone X промени много в дизайна на приложенията. Дизайнерите сега трябва да работят с нова форма на екрана. Тук ще научиш основното.

Урок по скеч: 4.6 Потребителски профил, ефект на размазване

Упътване за скициране: 4.6 Потребителски профил, ефект на размазване

С ефекти можеш да придадеш интересен дизайн на своето приложение. Използваме разфокусиращ ефект в потребителския ти профил.

Урок по скициране: Използване на дизайна като инструмент.

Урок по чертаене: 4.7 Използване на дизайн като инструмент

В това видео ще научиш как да използваш дизайна като инструмент, за да направиш твоето приложение още по-добро.

Урок за скициране: Използване на библиотеки 4.8 и създаване на екшън шийт.

Sketch-урок: Използване на библиотеки и създаване на действащ лист.

Сега използваме iOS библиотеката, за да създадем екшън лист. С библиотеките можете да спестите време не само при дизайна, но и при разработката.

Предоставяне на дизайни

Урок по скетч: Предоставете 5 дизайна в InVision.

Sketch-Tutorial: Предоставяне на 5 дизайна в InVision.

Когато твоето приложение трябва да бъде разработено, разработчиците се нуждаят от твоите дизайни. В този урок ще научиш как да предоставиш своите дизайни в InVision.

Предоставянето на важна информация.

Урок за скициране: Вмъкнете 6 помощи в приложението.

Урок по скрич: Вграждане на 6 помощ в приложението.

Потребителите на приложението често не намират правилните бутони или имат други въпроси, които не са ясно видими. Затова създаваме раздел за въпроси и отговори (Q&A).

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

Урок по скициране: Създаване на плоски графики в стил „флат“

Tutorial за скици: Създайте плоски графики в стил flat design.

Когато имаш строги краен срок за проектите си, често нямаш време да дизайнираш всичко сам. Тук ще научиш как и къде да получиш помощ.

Урок за рисуване: Преустройство на дома 7.2

На началният екран имаме още много място за подобрение. Затова решаваме да направим преработка на нашия първи екран.

Sketch-Урок: 7.3 Потребителско изживяване при покупка

Урок по скициране: 7.3 Процес на покупка за потребителско преживяване

Процесът на покупка на потребител трябва да премине гладко, тъй като това е един от най-чувствителните моменти в потребителския поток.

Нови функции в Sketch.

Урок по скицисване: Прототипиране в Скетч

В новата версия на Sketch имате възможността да създадете прототип директно в Sketch.

Детайли за съдържанието

Разбиране и използване на мобилния дизайн на потребителския интерфейс и потребителското изживяване с Sketch
Без значение дали става въпрос за приложение, уебсайт или блог - превърни своето концепция за дизайн на потребителски интерфейс и потребителско изживяване в реалност - с Sketch. В този
Видео-урок, продължителен над пет часа, от треньор Лука Киедровски, ще се научиш бързо всички основи за работа с програмата, за да можеш скоро да работиш интензивно върху един интерактивен проект за дизайн на приложение.

Защо да гледаш урока по Sketch

Ти вече вложил в дизайн на потребителския интерфейс и потребителско изживяване в професионален инструмент, защото Sketch се използва от известни компании като Google, Facebook и Apple. Благодарение на интуитивната употреба програмата се усвоява бързо, така че в кратък срок можеш да постигнеш добри резултати.

Ако пристигаш с или без дизайн опит: Урока по Sketch е подходящ за начинаещи в областта на дизайна на потребителски интерфейс и потребителско изживяване и специално за реализирането на собствените си идеи за дизайн на приложения с Sketch. Основи и практическа приложимост в едно!

Ако вече създаваш дизайни за уеб и печат (например с Photoshop или Illustrator): Усвой умението да пренесеш своите дизайни и отделни елементи като икони или символи в динамични и готови за разработка дизайни на потребителски интерфейси. Със своите познания в областта на уеб дизайна предлагаш голямо и все по-търсено предимство на твоето автобиография.

Подобри сътрудничеството с уеб разработчиците: Чрез използването на Sketch създаваш интерфейси, които вече се ръководят от правилата на уеб дизайна. Следователно предоставяш на разработчиците дизайни, които могат да бъдат веднага реализирани. По този начин значително намаляваш пътя от концепция и дизайн до разработен уеб приложение.

Дизайн на потребителски интерфейс и изживяване с Sketch от А до Я

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

Първоначално нарисуваш на грубо как ще изглежда интерфейса на приложението по-късно. След това започваш да работиш над дизайна. Създаваш началния екран, работиш с групи, слоеве и текстови стилове и избираш подходящи икони. Дизайнираш чат, помощ и потребителски профил и научаваш как да работиш с библиотеки, Action Sheets и ефекти. В крайна сметка получаваш пълен дизайн на потребителски интерфейс, от който можеш дори да създадеш прототип в настоящата версия 52 на Sketch.

Предварително се научи на най-важните основи за Sketch и за дизайна на потребителски интерфейс. Така ще се ориентираш бързо в интерфейса, ще познаваш най-важните плъгини и инструменти за помощ и ще знаеш как да използваш шрифтове и цветове по целесъобразен начин. Твоят треньор също ще ти покаже кога е уместно да комбинираш Sketch с InVision, например във фазата на така нареченото провеждане на провеждане на провеждане на провеждане на провеждане на провеждане на провеждане на провеждане на провеждане на провеждане.