Про що курс UX/UI design?
UX-дизайн – це про те, як зробити сайт або програму інтуїтивно зрозумілою, щоб навіть твій кіт зрозумів, куди тикати лапкою. А UI – про те, як оформити все у класну упаковку, де кожна деталь знаходиться на своєму місці.
За легендою, раніше це була робота двох окремих фахівців, але сьогодні світ потребує змін, а ми звикли бути у тренді. Так що на курсі розповімо тобі, як створювати класні веб-сайти (і не тільки).
Робота в ІТ як вона є. Оновлена програма курсу UI/UX дизайн+прототип 2.0. У дусі часу будемо вчитися працювати у Figma, яка є платформою фахівців з веб-дизайну по всьому світу. Якщо ти досі користуєшся Photoshop – тобі до нас, ми спростимо тобі життя.
Trainee — це ти, коли закінчиш навчання в Lemon.School і почнеш шукати роботу. Так, в тебе буде хороша теоретична база і трішки практики. Але ти тільки вливаєшся в ІТ-тусовку. Тож твій перший заробіток буде до $500.
Junior спеціаліст — це коли ти не новачок, але тільки починаєш свій великий шлях в ІТ. На цьому етапі ти маєш мати тверду базу знань та вміти самостійно виконувати технічні задачі. І за це ІТ-компанії готові платити від $500 до $1000. ОГО!
Middle — це спеціаліст з досвідом від 1 до 3 років. Він вміє самостійно виконувати поставлені задачі та розуміє вимоги бізнесу. Це відкриває йому двері до нових тасків та перспектив. А за це платять більші гроші, авжеж, — від $1500 до $3000.
Senior — це той самий спеціаліст, до якого прислухаються і джуни, і CEO. Він приймає технологічні рішення в проєкті, які приносить користь бізнесу. Його досвід роботи в ІТ від 4 до 7 років. Тож і заробіток його високий — від $4000 до $8000.
Поринемо в основні концепції адекватного проектування
Ти розберешься: що таке дизайн UX\UI, розберетеся в чому різниця, як вибрати стиль для конкретного проекту, як стежити за трендами дизайнеру-початківцю.
- Познайомимося, поговоримо про те, що таке дизайн UX\UI, UX vs UI: в чому різниця.
- Хто такий UX\UI дизайнер і що він має вміти?
- Варіанти роботи UX\UI дизайнером та розвитку кар’єри: плюси та мінуси.
- Обговоримо вдалі та невдалі приклади сайтів.
- Зареєструємось на Behance та dribble.
- Чому Figma? Переваги інструменту Створимо команду для спільної роботи над дизайн-проектом.
- Базовий інструментарій, знайомство з інтерфейсом Figma.
- Сплануємо по етапах роботу над підсумковими проектами для портфоліо.
- Проведемо дослідження джерел.
- Розпочнемо роботу над першим проектом для портфоліо дизайнера.
- Як дизайнер підходить до проектування сайту?
- Основні блоки посадкової сторінки та правила їх розміщення: логотип, заголовки, категорії, іконки, зображення тощо.
- Вивчимо та намалюємо елементи різного типу: покрокові інструкції.
- За підтримки ментора створимо першу сторінку сайту.
Аналіз переваг користувачів ресурсу та перетворення його на продукт.
Ти розберешься: у принципах, головних поняттях та термінах друкарні. Як і коли потрібно додавати колір. Проаналізуєте проекти одногрупників під керівництвом викладача.
- Як дизайнер підходить до проектування сайту?
- Основні блоки посадкової сторінки та правила їх розміщення: логотип, заголовки, категорії, іконки, зображення тощо.
- Вивчимо та намалюємо елементи різного типу: покрокові інструкції.
- За підтримки ментора створимо першу сторінку сайту.
- Зберемо moodboard для своїх проектів.
- Перевіряємо копію сайту.
- Отримуємо фідбек за своїми домашніми завданнями.
- Аналізуємо проекти одногрупників під керівництвом викладача.
- Тренуємо надивленність, формуємо критерії успішних проектів.
- Ознайомче заняття з Adobe Illustrator.
- Векторна та растрова графіка.
- Взаємодія Illustrator із Figma.
- Робоча область. Перші кроки. Пензлі. Режими накладання
- Ретушування зображень. Вирізання
- Ретушування зображення (заплатка, клонувальний штамп)
- Перевіряємо створений пак іконок та відредаговані фото для інтерфейсу.
- Отримуємо фідбек за своїми домашніми завданнями.
- Аналізуємо проекти одногрупників під керівництвом викладача.
- Тренуємо надивленність, формуємо критерії успішних проектів.
- Дизайн-тренди. Порівняємо скевоморфізм, FLAT, material, бруталізм, isometric, glass morphism.
- Подивимося різні стилістичні прийоми: білий простір, нестандартна сітка, градієнт, упор на типографіку, 3D, grunge, реалізм тощо.
- Як вибрати стиль для конкретного проекту?
- Як стежити за трендами дизайнеру-початківцю?
- Деталізація макету: від scetch-малюнку через wireframe до реалізації.
- Перевіряємо редизайн сайту та розпочаті вайрфрейми.
- Отримуємо фідбек за своїми домашніми завданнями.
- Аналізуємо проекти одногрупників під керівництвом викладача.
- Тренуємо подив, формуємо критерії успішних проектів.
- Принципи, основні поняття та терміни типографіки.
- Види та класифікація шрифтів, допустимі розміри на сайтах та мобільних пристроях.
- Трекінг, керлінг. інтерліньяж – приклади.
- Практика: працюємо з типографікою, застосовуємо знання на практиці, щоб застилити статтю.
- Як працювати з референсами (прикладами).
- Види сіток, структура сітки та її складові, для чого застосовується сітка у дизайні.
- Правила композиції, принципи гештальт-сприйняття
- Теорія кольору, поєднання кольорів, холодні та теплі кольори.
- Кольорові моделі: CMYK, HEХ, колірне коло.
- Психологія сприйняття кольору.
- Лайфхакі вибору правильної кольорової схеми: дізнаємося, як і коли потрібно додавати колір.
- Перевіряємо статтю та практику.
- Отримуємо фідбек за своїми домашніми завданнями.
- Аналізуємо проекти одногрупників під керівництвом викладача.
- Тренуємо надивленність, формуємо критерії успішних проектів.
Використання типографіки, зображень та інших елементів візуального дизайну.
Ти розберешься: які правила при передачі готового макету дизайну розробнику та для чого вони існують. Для чого нам потрібні сітки у проекті, розглянемо їх основні типи та навчимося їх використовувати. Навчіться адаптувати дизайн під чотири види пристроїв для передачі на розробку. Створиш своє перше портфоліо.
- Дизайн патерни, кнопки, форми, навігація
- На занятті ми дізнаємось, як створювати інтерактивні елементи
- Вивчимо елементи управління та навігації: види та стани кнопок, проектування форм зворотного зв’язку, календарі, меню та навігація
- Статистика, адаптивна верста, мобільна версія та програми.
- Види адаптації.
- Mobile first.
- Основні правила та принципи.
- Універсальні прийоми.
- Адаптуємо сайт під мобільну версію.
- Мобільна версія+desktop.
- Отримуємо фідбек за своїми домашніми завданнями.
- Аналізуємо проекти одногрупників під керівництвом викладача.
- Тренуємо подив, формуємо критерії успішних проектів.
- Як правильно складати та оформлювати кейс на Behance.
- Базові прийоми Photoshop, які однозначно стануть у нагоді дизайнеру.
- Розглядаємо лендинг, мобільну версію та створений кейс на Behance.
- Отримуємо фідбек за своїми домашніми завданнями.
- Аналізуємо проекти одногрупників під керівництвом викладача.
- Тренуємо подив, формуємо критерії успішних проектів.
- Етапи роботи над мобільним додатком.
- Розробка концепції, ресерч (дослідження).
- Робота з брифом: mind mapping та інформаційна архітектура.
- Визначення та особливості Цільової аудиторії.
- Метод персон
- Сustomer Journey Map.
- Юзер флоу (User Flow).
- Отримуємо фідбек за своїми домашніми завданнями.
- Аналізуємо проекти одногрупників під керівництвом викладача.
- Тренуємо надивленність, формуємо критерії успішних проектів.
- Прототипування: елементи сайту та скетчинг Прототипування: wireframing
- Вайрфрейм екранів мобільного додатку, вайрфлоу та дослідження.
- Отримуємо фідбек за своїми домашніми завданнями.
- Аналізуємо проекти одногрупників під керівництвом викладача.
- Тренуємо надивленність, формуємо критерії успішних проектів.
- Проектування дизайну мобільних додатків зі застосуванням гайдлайнів під iOs/Android
- Отримуємо фідбек за своїми домашніми завданнями.
- Аналізуємо проекти одногрупників під керівництвом викладача.
- Тренуємо надивленність, формуємо критерії успішних проектів.
- Практичне заняття.
- Ефекти та налаштування анімації у програмі.
- Як ними користуватися.
- Створюємо кілька анімацій.
- Як дизайн перетворюється на код?
- Готуємо макет для передачі розробнику.
- Що верстальнику потрібно для комфортної роботи.
- Підтримка відносин із клієнтами.
- Відслідковуємо прогрес проектів, оцінюємо кейс на Behance.
- Отримуємо фідбек за своїми домашніми завданнями.
- Аналізуємо проекти одногрупників під керівництвом викладача.
- Тренуємо надивленність, формуємо критерії успішних проектів.
- Приклади вдалих резюме дизайнера.
- Що треба писати, чого уникати.
- Як складати резюме новачкові і куди подаватися.
- Починаємо працювати над дизайном резюме.
- Як і де шукати роботу для початківця та які інструменти при цьому використовувати.
- Як правильно зробити резюме та яка інформація в ньому надважлива, а що буде зайвим.
- Як створити профіль на Linkedin, щоб його могли побачити потенційні роботодавці.
- 7 порад, які допоможуть пройти онлайн співбесіду набагато успішніше.
- Q&A.
Дипломна робота включає в себе на задану вчителем тему створення власного дизайну інтернет магазину та додавання його на сторінку Behance у вигляді презентації. Завдання – створити магазин у desktop версії та зробити адаптиви (мобільна версія та планшет). У дипломній роботі має бути 8 обов’язкових сторінок магазину.
- На захисті вам доведеться показувати свою найкращу роботу досвідченим дизайнерам, розробникам та рекрутерам.
- Отримуємо зворотний зв’язок та визначаємо свій шлях дизайнера.
Інструменти які ви вивчите на курсі WEB дизайну
Behance
Dribbble
Figma
Adobe Illustrator
це платформа для твоїх майбутніх проєктів, де можна публікувати свої роботи, отримувати фідбек від колег, спілкуватися з іншими дизайнерами та знаходити потенційних клієнтів. Що ти будеш робити після навчання? Створиш свій перший сайт-порфтоліо на Behance, отримаєш відгуки від одногрупників та навчишся продавати свої послуги клієнтам.
це платформа, де ти можеш показувати свої роботи та отримувати за них відгуки. А ще обмінюватися досвідом з колегами, шукати натхнення та контактувати з клієнтами. Що ти будеш робити після навчання? Додаси перші роботи у портфоліо, отримаєш відгуки від одногрупників та зробиш Dribbble робочим інструментом, який продає твої послуги.
це хмарна платформа для дизайну та прототипування з потужним редактором. Головні переваги Figma — можливість спільно з командою редагувати дизайн, залишати коментарі та взаємодіяти в реальному часі. Що ти будеш вміти після навчання? Створювати красиві та інтуїтивні інтерфейси, редагувати векторні графіки, додавати переходи та анімацію.
це найпопулярніший векторний графічний редактор для дизайнерів. Тут можна створювати векторні зображення, редагувати їх, працювати з текстом, ефектами та фільтрами. Що ти будеш вміти після навчання? Створювати логотипи для брендів, рекламні креативи для соцмереж, шпалери для телефону та навіть принт для футболки. І головне — заробляти.
Окрім основного матеріалу, ми надамо тобі доступ до додаткових ресурсів: корисні сайти, відео та література. Вони допоможуть поглибити твої знання та ще більше практикуватись у роботі з новими навичками. Доступ до всіх матеріалів зберігається протягом року, тому ти можеш повернутися до них після завершення навчання
Ми хочемо, щоб ти отримав не просто знання, але нову професію та комфортне місце роботи. Тому після завершення курсу ти пройдеш консультацію з кар'єрним менеджером. Він допоможе скласти резюме, яке помітять роботодавці, підготуватися до співбесіди та надасть рекомендації щодо самопрезентації, а також рекомендуватиме твою кандидатуру нашим партнерам.Також ви можете замовити індивідуальний супровід кар’єрного менеджера на якому ви: розберете всі етапи підготовки для пошуку роботи, підготуєте ваше резюме та сайти для пошуку роботи, пройдете першу тестову співбесіду, отримаєте індивідуальні рекомендації.
- Рhotoshop
- Створення дерева контенту та карт сайту.
- Створення Landing page
- Figma
- Дизайн мобільних додатків
- User flow, User flow mobile app.
- Архітектура проєкту
- UX Сценарії – User Stories
Ваш діджитал сертифікат ви зможете прикріпити до свого облікового запису Лінкед Ін з офіційним результатом підтвердженим Lemon School
Дуже вдячні Lemon School за плідну співпрацю, та вагомий вклад в IT галузь України. Нашій компанії неодноразово пощастило бути гостями на ваших заходах, а наші рекрутери й ментори мали змогу поспілкуватися зі студентами курсів.
Ми отримали рекомендацію про студента, який закінчив Lemon School, і вирішили надати можливість спробувати себе в нашій команді. З першого дня співпраці ми були приємно вражені його професійним підходом та знаннями.
Cпівпраця з айті-школою та рекомендація їх випускника для роботи була вдалою. Ми отримали висококваліфікованого та мотивованого спеціаліста, який став цінним активом для нашої команди. Ми раді співпраці з Lemon School.
Рекомендація студента Lemon School, якого вони порекомендували для роботи в нашій компанії, виявилася доречною. Він мав хороші теоретичні знання та практичні навички, необхідні для виконання завдань у нашому проекті. Випускник виявив себе як відповідальний та вмотивований фахівець, і ми були задоволені його внеском у команду.
Ментор та викладач Lemon School, наша випускниця. Працювала як в великих компаніях так і мала власні проєкти на upwork. Випустила 5 груп та навчила понад 80 осіб.
Працює з клієнтами США, Німеччини, Великобританії. Найбільші бюджети проєктів сягали 150,000$.
Слоган Поліни:“Дизайн – це не тільки те, як виглядає, але і те, як це працює.” – Стів Джобс.
Працює у компанії IQ Invest, яка спеціалізується на корейському ринку. У роботі Ользі подобається випробувати нову культуру та відкривати незвичайні тренди у дизайні.
Випустила 9 груп та понад 200 студентів.
Любить фестивалі та займається Зумба.
Слоган Ольги: “Якщо починаєш щось робити – роби це добре, або не роби зовсім”.
Працює як фрілансер на Upwork, входить до категорії TOP RATED дизайнерів.
Наразі працює над розробкою платформи для створення стильних комплектів одягу з різних магазинів Европи.
Працювала з клієнтами з таких країн як: Україна, Польща, Німеччина, Канада,Тайланд.
Найбільший бюджет 6.000$ за проєкт.
Слоган Ангеліни: “Все що не робиться, все на краще.”
На разі є незелаженим UX консультантом у аутсорсинговій європейській компанії, що спеціалізується на ринкових дослідженнях та аналітиці.
Працювала з клієнтами з Європи (Німеччина, Естонія, Англія, Швеція) та США. Максимальний місячний дохід сягав 8k $.
Слоган: Єдиний спосіб робити свою роботу добре — це любити її.
Останні 6 місяців обіймає посаду головного дизайнера.
Працює з клієнтами з України ,країнами Балтії ,Скандинавськими країнами , найактивніше ОАЄ.
З бюджетами до 30 00$ в місяць
Слоган: «Можна говорити все, що завгодно, але результат — на табло.» Лобановський
Заняття проходять двічі на тиждень у Zoom. Живе спілкування на курсах з комунікацією у Telegram-чаті.
Наші курси на 60% складаються із практики. Весь вивчений матеріал відпрацьовуємо на реальних кейсах.
Записи занять, презентації, додаткові матеріали та домашні завдання – у вашому доступі на нашій платформі.
В кінці навчання, після захисту дипломного проєкту ти отримуєш наш фірмовий диплом.
Курс був дуже інформативний, гарно структурований, багато потрібної інформації, я дуже рада, що пройшла саме цей курс, отже, націлена рухатись далі))
Дякую, за навчання, корисний та гарно продуманний курс.
Дуже приємний та професійний викладач.
Так, мені дуже сподобався курс
Це другий мій курс від вас за рік
Графічний дизайн пройшла і ось тепер веб
Мені дуже подобається, мені це приносить свої плоди і кар’єрні результати
Незабаром хочу прийти на курс з After effects ?
Спасибі вам!
Що нового в курсі веб-дизайну від Lemon.School?
Формат навчання веб-дизайну
Чи можна почати вчитися веб-дизайну з нуля?
Яка форма оплати і чи бувають знижки?
Де найкраще вчитися на веб-дизайнера?
Хто такий веб-дизайнер?
Курси веб дизайну в Полтаві
UX-дизайн – це про те, як зробити сайт або програму інтуїтивно зрозумілою, щоб навіть твій кіт зрозумів, куди тикати лапкою. А UI – про те, як оформити в класне пакування, де кожна деталь знаходиться на своєму місці.
За легендою, раніше це була робота двох окремих фахівців, але сьогодні світ потребує змін, а ми звикли бути в тренді. Тож на курсі розповімо тобі, як створювати класні вебсайти (і не тільки).
Робота в ІТ як вона є. Оновлено програму курсу UI/UX дизайн+прототип 2.0. У дусі часу вчитимемось працювати в Figma, яка є платформою спеціалістів з веб-дизайну по всьому світу. Якщо ти користуєшся Photoshop – тобі до нас, ми спростимо тобі життя.
Веб-дизайн — завжди потрібна професія, а на фахівців у цій сфері завжди є попит. Щоб переконатися в цьому, досить подивитися довгі списки вакансій від різних компаній, що набирають людей, які пройшли навчання веб-дизайну. Також, опанувавши цю професію, можна працювати самостійно, тобто займатися фрілансом. Якщо ви наважилися її освоїти, запрошуємо вас на наші онлайн курси WEB дизайну в Києві!
Ця професія цікава та творча, а навчання веб-дизайну не дасть вам нудьгувати. Провідні майстри Лемон Скул в доступній формі передадуть вам свої знання, пояснять усі тонкощі та нюанси роботиу Figma, навчать оформляти сторінки сайтів, ви без проблем опануєте курси ВЕБ дизайну з нуля, але знадобляться старання та зусилля.
| ⌛Тривалість: | 4 місяці, 32 заняття, 74 години |
| ☝Формат навчання: | школа в Києві, online |
| 💳Розстрочка: | оплата частинами |
| ⚡Бонус: | допомога з працевлаштуванням |
| 💱Вартість курсу: | 14100 грн |
| 📞Дзвони: | 099-606-6677 |
ЩО ДАЮТЬ ОНЛАЙН КУРСИ З ВЕБ-ДИЗАЙНУ?
Підсумок роботи веб-дизайнера – це зовнішній вигляд сторінок сайту, який приємний з естетичної точки зору та привертає увагу користувачів Інтернету.
Грамотно створена «обкладинка» сайту приваблює покупців до інтернет-магазину, допомагає продавати товари або пропонувати послуги. Робити її такою ви навчитеся пройшовши онлайн курси ui ux design, а також навчання Figma. Закінчивши нашу школу, ви вмітимете:
- вигадувати дизайн сайту та втілювати будь-які свої задуми у життя;
- малювати ілюстрації, іконки та банери, обробляти фотографії;
- готувати макети для верстки.
Пройшовши курси веб дизайнера, ви зможете працювати у найпопулярнішому редакторі – Figma. Крім цього, ми підготували вам необхідну теоретичну частину, до якої увійшли основи та принципи веб-дизайну, правила підбору колірної гами та шрифтів, принципи юзабіліті (ui ux курси), поняття структури інтернет-ресурсів. Всі ці знання допоможуть вам працювати в майбутньому набагато успішніше та швидше отримати необхідні навички для працевлаштування.
КОМУ ПІДІЙДУТЬ КУРСИ ВЕБ ДИЗАЙНЕРІВ?
На навчання по веб-дизайну для початківців може записатися кожен, але великим плюсом буде творчий склад розуму, почуття стилю та вміння малювати. Не завадить і креативне мислення, адже виділити новий сайт на просторах інтернету з-поміж багатьох інших — не так просто. В ідеалі, у претендента на таку посаду має бути базова художня освіта, але навіть якщо ви просто любили в дитинстві малювати, це вже важлива перевага. Ми, у свою чергу, допоможемо вам реалізувати творчий потенціал та стати успішним дизайнером.
Пам’ятайте, що курс з Фігми, UI UX та ВЕБ-дизайну загалом зможе пройти кожен! Причому за короткий час. На навчання не потрібно цілих 5 років, тому що за справу беруться спеціалісти з Lemon School в Києві. Нам вдалося зробити майстрів з дизайну з людей від 16 до 45 років, які ніколи не малювали і жодного разу не бачили програму Фігма, навіть у Фотошопі ніколи не працювали. І ще, багато арт-майстрів різних сучасних компаній не закінчували художній інститут. Курси з UI UX та ВЕБ-дизайну користуються попитом також у польських користувачів.
ЩО БУДЕ НА ОНЛАЙН КУРСІ ВЕБ ДИЗАЙНУ ДЛЯ ПОЧАТКІВЦІВ?
Навчання починається з теорії, з отримання знань про веб-дизайн, підбору шрифтів, колірних відтінків та структури сайтів. Це знання, на які вам потрібно буде спиратись у своїй подальшій роботі. Після цього ви освоїте необхідне програмне забезпечення: інструмент Figma, прототипування макетів, освоїте формат юзабільності сайтів UI UX, веб-конструктор Tilda, через який можна також малювати круті дизайни. Наступним кроком ви навчитеся створювати ілюстрації для розміщення в інтернеті, рекламні іконки та банери. Закінчивши курси web-дизайну, ви також зможете розробляти фірмові логотипи для компаній і брендів, а така робота досить добре оплачується. Ви отримаєте навички для створення графічних матеріалів не лише для інтернет-порталів, а й для друкованих видань.
Наші онлайн курси комп’ютерного дизайну у Києві дають вам теоретичні знання, але більшою мірою ви практикуватиметеся. Як результаті у вас на руках буде гарне портфоліо, з яким можна буде сміливо вирушити на співбесіду. Коли ви пройдете навчання web дизайну, ми надішлемо ваше резюме нашим партнерам. За наявності вакансій ми також робимо пропозицію працювати в нашу онлайн IT студію ArtLemon. Можна вважати, що наші курси веб-дизайну з працевлаштуванням. Ми робимо все, щоб після випуску ви буквально відразу влаштувалися на роботу, почали вести цікаві проєкти та отримували хорошу зарплатню, але пам’ятайте, щоб так сталося ви повинні закінчити навчання дизайнера сайтів на найвищий бал.
Записатися до нас на курси UI UX дизайну ви зможете в будь-який зручний для вас час, оскільки ми набираємо учнів цілий рік. Якщо вам говорять про те, що ви не станете хорошим веб-дизайнером, тому що у вас «погане» око або ви взагалі далекі від цього – не переживайте та не спілкуйтеся з такими людьми більше! Багато фахівців починали освоєння цієї професії не маючи ні найменшого уявлення ні про веб-дизайн, ні про Figma, ні про сайти загалом.
Тут від вас не вимагається вміння виводити плавні лінії та володіння пензлем, адже зображення ви створюватимете програмним способом, а це щось інше. Як саме це робити – ми розповімо вам у онлайн школі веб-дизайну. Ви навчитеся розбиратися у поєднанні відтінків, обробляти фотографії, робити з них колажі, малювати геометричні фігури, створюючи гарний вигляд для сайтів, який неодмінно сподобається користувачам та замовникам.
Варто зазначити, що web design – це ще й трохи психології, а також маркетингу. Дизайнери мають знаходити підхід до клієнтів, а не просто бути операторами Фотошопу. Бажаєте стати справжнім майстром? Чекаємо на вас на наших курсах!
