Norna
Организатор
10 модулів, 35 уроків. Курс УКРАЇНСЬКОЮ МОВОЮ
Курс WEB-дизайну для тих, хто хоче розібратися з усіма деталями професії та стати затребуваним фахівцем. Курс розроблений для новачків, а також веб-дизайнерів-початківців, які хочуть удосконалити свої навички і почати заробляти від
30 000 грн на старті.
Про спікерів:
Олена Богатирьова - молодий, але дуже плідний вебдизайнер. Встигла попрацювати як в топових компаніях зі списку Доу, так і в маленьких командах, а також в успішних стартапах.
Має компьютерну технічну освіту, але довго займалася фотографією та версткою, тому добре знає як знаходити спільну мову як з клієнтами, так і з програмістами, чому навчить і своїх студентів.
Має досвід роботи у провідних IT компаніях: NIX Solutions, GlobalLogic, Yojji.
Викладала в Hillel IT School.
Євген Педорич
Має 7 років досвіду у сфері UI та продуктового дизайну.
Спеціалізується на розвитку електронної комерції та мобільних додатків. Учасник волонтерського IT руху в Україні
В результаті навчання:- Ми навчимо вас розвивати надивленість і збирати візуальний багаж, який дуже багато означає для успішної кар”єри веб-дизайнера;
- Ви зрозумієте послідовність створення сайту, з яких складових пробудовується процес роботи та як правильно планувати процес створення продукту дизайнеру;
- Розберемо процес та послідовність створення лендингу. Вивчимо фішки та особливості роботи з таким типом сайту;
- Ви дізнаєтесь які програми вам обов'язкові, а для яких можна знайти круті аналоги;
- Ви зрозумієте як працювати з найпопулярнішим інструментом - Figma;
- Проаналізуємо принцип та послідовність роботи дизайнера;
- Розберемо особливість і психологію розташування елементів на сайті виходячи з досвіду користувача;
- Ви побачите послідовність створення прототипу сайту з використанням мудборду та відтворення першого екрану концепту та зможете поспостерігати за роботою професіоналів у реальному часі;
- Попрацюєте над психологією кольорів і зрозумієте, що таке дизайн-концепція;
- Ви навчитеся працювати з композицією та зрозумієте її важливість у роботі веб дизайнера;
- Ви зможете самостійно створити свій перший односторінковий продукт;
- Познайомитеся з найпопулярнішим сервісом для створення сайтів – платформою Webflow;
- Зрозумієте, що таке портфоліо, звідки брати роботи для нього і за допомогою яких програм і сервісів можна його оформити;
- Дізнаєтесь всі секрети у побудові сильного особистого бренду, де та як брати своїх перших клієнтів.
Розгорнута Програма курсу:Модуль 1 Introduction:
Ви ближче познайомитеся з командою та людьми, з якими працюватимете найближчі місяці - зі спікерами та кураторами. Зрозумієте структуру
навчання та свій шлях розвитку в ньому – які будуть етапи, що знадобиться у роботі.
Урок 2. Ставимо цілі на курс
У цьому уроці ви глибше опрацюєте цілі та мотиви з якими прийшли на курс. Зрозумієте, чого хочете досягти в кінці і яким чином здійснити цю мрію.
Урок 3. Хто такий веб дизайнер
Поговоримо про те, хто ж такий веб дизайнер. Які обов`язки він має та за що відповідає. Розбиремо помилкові уявлення про цю роботу.
Модуль 2 Теорія дизайну
Урок 4. Огляд інструментівУ цьому уроці ви ознайомитесь з інструментами, які використовують дизайнери у роботі.
Урок 5. Закони та принципи
Закони та принципи в дизайні. Розберемо 21 принцип, що допоможе вам будувати дизайн зручного сайту.
Модуль 3 Типи сайтів
Урок 6. Види сайтівСьогодні розберемо основні типи та різновиди сайтів.
Модуль 4 Міні курс з Figma
Урок 1.Початок роботиЗнайомство з програмою та початок роботи. В результаті Ви:
✔З'ясуєте як створити свій перший файл;
✔Пройдетесь по всім базовим елементам та функціям Фігми;
✔З'ясуєте де знаходиться панель шарів, де можна змінити колір;
✔Зробите свій перший прямокутничок;
✔Пройдетесь по вирівнюванню різних об'єктів відносно один оддного та відносно області в якій вони знаходяться;
✔З'ясуєте як змінити розмір об'єктів, як змінити положення шарів один під одним;
✔Спробуєте змінити колір об'єктів;
✔Попрацюєте зі шрифтами;
✔Намалюєте перший векторний об'єкт;
✔Зробите свою першу обкладинку.
Урок 2. Фрейм
В результаті цього уроку Ви:
✔Створите ваш перший варфрейм;
✔Попрацюєте з зображеннями;
✔Спробуєте зробити маску;
✔Попрацюєте з базовими фігурами;
✔Створите фрейми;
✔Попрацюєте з штифтами;
✔Завантажите свій кастомний штифт.
Урок 3. Figma продовження роботи
В результаті цього уроку Ви:
✔Заміните плейсхолдерні картинки на реальні;
✔Зробите маски;
✔Попрацюєте з шрифтами;
✔Зкачаєте шрифт;
✔Спробуєте зробити Pixel Perfect Design, тобто Попрацюєте з усіма відстанями та розмірами.
Урок 4. Figma 4 урок
В результаті цього уроку Ви:
Попрацюєте з компонентами; Зробите кольорові стилі та стилі шрифтові;Поринете у fгma comunity;Знайдете різних кріейторів для натхнення;Зробите експорт файлу;Дійдете до а режиму прототипа.Модуль 5 Правила побудови сайтів
Урок 11. СіткиЗнайомимось з сітками:
Що цеЯкі є види сітокДля чого їх використовуватиУрок 12. Типографіка
Поговоримо про шрифти: Як обрати шрифт. Типографіка для веб дизайнерів та її види.
Урок 13. Колір
Урок 14. Композиція
На цьому уроці розберемо:
Чи існує формула ідеальної композиції;Як створити гармонійну композицію;Основні складові композиції;Як правильно фотографувати;Приклади на улюблених фільмах.
Модуль 6 Робота над сайтом
Урок 15. Етапи роботи над сайтомРозберемо сім ключових етапів роботи над сайтами.
Урок 16. Закони і принципи дизайну
На цьому занятті детально розглянемо закони і принципи дизайну, як вони застосовуються у прикладних задачах і як були сформульовані.
Модуль 7 Додаткові програми
Урок 17. Урок з фотошопу
Урок 18. Баухаус
Здатність розрізняти основні концепції та ідеї, що визначили Баухаус, як школу дизайну. Здатність застосовувати принципи та підходи Баухаусу у власній практиці дизайнера.
Урок 19. Знайомство з Webflow
На цьому уроці ми побачимо загальні принципи верстки сайтів, а також познайомимось із Webflow та його налаштуваннями.
Урок 20. Базові знання Webflow
На цьому уроці ми розглянемо базові принципи роботу у Webflow, познайомимось із типами Layout та всі характеристики та змінні всередині редактора.
Урок 21. Початок верстки реального сайту
На цьому уроці ми візьмемо реальний дизайн з фігми та почнемо верстати його на Webflow по принципу Pixel Perfect із правильною структурою.
Урок 22. Верстка сайту. Таби та слайдер
На цьому уроці ми працюємо із стандартними елементами Webflow, що називаються Tabs та Slider.
Урок 23. Webflow CMS
На цьому уроці ми дізнаємось про Webflow CMS. Вивчимо загальні поняття та навчимось створювати свої колекції.
Урок 24. Анімації у Webflow + Мобільна адаптація
На цьому уроці ми навчимось створювати свої анімації, а також адаптуємо наш сайт під усі необхідні пристрої.
Урок 25. Фінальні налаштування
На цьому уроці ми дізнаємось як опублікувати сайт, зробити базові SEO налаштування та що робити із сайтом після завершення роботи.
Модуль 8 Комунікація з клієнтомроботодавцемзамовником
Урок 26. Як комунікувати з замовником
Вміння ефективно спілкуватися з клієнтом; Що має містити портфоліо дизайнера;Що має містити резюме;Як підготуватися до інтерв'ю з роботодавцем/замовником.Модуль 9 ЛендінгНадивленістьАдаптація_Прототипування
Урок 27. Надивленість, референси та мудборди
Здатність створювати візуальні прототипи веб-сайтів для тестування та затвердження клієнтом.
Урок 28. Надивленість і як її розвивати
Урок 29. Надивленість (2 частина)
Рекомендації як покращувати свою надивленість від нашого ментора з курсу Web designer.
Урок 30. Дизайн лендінгу
Розуміння ключових елементів успішного лендінгу та їх впливу на конверсію.
Урок 31. Адаптація під мобільну версію
Навички адаптації веб-сайту під різні мобільні пристрої та розширення екранів.
Урок 32. Прототипування
Здатність створювати візуальні прототипи веб-сайтів для тестування та затвердження клієнтом.
Урок 33. Як передати макет в веб-розробку
Знання процесу передачі дизайну розробникам для подальшої реалізації. Навички підготовки та організації файлів для ефективної співпраці з розробниками. Здатність забезпечити збереження інтегрованого дизайну та відображення на різних пристроях та платформах.
Модуль 10 Пошук клієнтів та портфоліо
Урок 34. Портфоліо для дизайнерівУрок 35. Пошук клієнтів в дизайні
