Погледни содржина
Содржината на останатите 5 модули ќе се објавуваат во наредните 5 месеци.
🤗 Добре дојде
Available in
days
days
after you enroll
Модул 1 - Изучување на Figma & UI Дизајн
Available in
days
days
after you enroll
- 🤔 Што е Figma?
- 📋 Разлики помеѓу Figma, Sketch и Adobe XD
- 💻 Креирање профил на Figma и работа во облакот/cloud (2:12)
- 🗒️ Разбирање на интерфејсот Figma (home page)
- 💻 Што е community? (3:42)
- 💻 Креирање на нов проект и разлика меѓу draft & publish project (4:38)
- 🚀 Вежба 1: Истражете го интерфејсот Figma и креирајте нов проект
- 💻 Основи на Figma - Вовед во работниот простор на Figma (6:37)
- 💻 Sidebar Properties (3:32)
- 💻 Tools: Move (1:08)
- 💻 Tools: Frame, Section и Slice (4:51)
- 💻 Tools: Shape Tools (8:34)
- 🚀 Вежба 2: Креирај форми со помош на Shape Tools
- 💻 Што е Union Selection? (0:42)
- 💻 Како да креираш Union Selection? (4:30)
- ⚡️Вежба: Креирање на форми и икони со Union Selection (6:15)
- 🚀 Вежба 3: Креирај форми со помош на Union Selection
- 💻 Што е Mask? (0:42)
- 💻 Креирање на Mask (2:16)
- 🚀 Вежба 4
- 💻 Tools: Creation Tools (1:58)
- 💻 Tools: Text (16:34)
- 💻 Tools: Comments (2:36)
- 💻 Tools: Plugins (11:38)
- 💻 Properties 2 дел (11:25)
- 💻 Што се групи (groups)? (0:36)
- 💻 Научи како да користиш groups (3:37)
- ⚡️ Вежба: Креирање на група (5:14)
- 💻 Што е auto-layout? (1:09)
- ⚡️ Вежба: Креирање на картичка со auto-layout (10:44)
- 💻 Што се grid system & constraints? (0:51)
- ⚡️Вежба: Користење на grid system, constrains & auto-layout за креирање на респонзивен дизајн (7:16)
- 💻 Што е разлика меѓу frames, groups & auto-layout? (1:44)
- 🚀 Вежба 5: Употреба на frames, groups & auto-layout
- 💻 Како да користиме auto-layout за контролирање на падинзи, простор и подреденост (4:39)
- 💻 Auto Layout Properties: Hug (1:28)
- 💻 Auto Layout Properties: Fixed Width & Fill Height (0:55)
- 💻 Auto Layout Properties: Fill Width & Fixed Height (0:50)
- 💻 Auto Layout Properties: Fill Container (2:44)
- ⚡️Вежба: Креирање на различни копчиња со auto-layout (16:22)
- 🚀 Вежба 6: Креирај копчиња
- ⚡️Вежба: Креирање на картички со Auto Layout (12:19)
- 🚀 Вежба 7: Креирај картички
- 💻 Што е component?
- 💻 Креирање на component (4:30)
- 🚀 Вежба 8: Креирај компонента
- 💻 Component properties (5:01)
- 💻 Додавање Boolean properties на component (2:10)
- 💻 Додавање Text properties на component (5:19)
- 💻 Додавање Instance Swap на component (1:55)
- 🚀 Вежба 9: Додај properties на компонента
- 💻 Што е Local Style во Figma?
- 💻 Креирање на Local Styles (7:18)
- 💻 Организирање на Local Styles (2:34)
- 💻 Употреба на plugins за креирање Text Style (2:53)
- 🚀 Вежба 10: Креирање и организирање на Local Styles во Figma
- 💻 Што се Local Variables?
- 💻 Разлика меѓу Local Variables и Local Styles
- 💻 Креирање на Local Variables - Colors (18:45)
- 🚀 Вежба 10.1: Креирање и организирање на Local Styles во Figma
- 💻 Креирање на Local Variables - Numbers (8:48)
- 🚀 Вежба 10.2: Креирање и организирање на Local Styles во Figma
- 💻 Креирање на Local Variables - Strings (12:17)
- 🚀 Вежба 10.3: Креирање и организирање на Local Styles во Figma
- Copy of Copy of Copy of 💻 Креирање на Local Variables - Boolean
- 💻 Што е prototype и како да го користиш? (5:08)
- 💻 Што е анимација во Figma?
- 💻 Креирање на анимации (7:43)
- 🚀 Задача 11: Креирање анимации (8:07)
- 💻 Како да организираш фајл? (5:55)
- 🎉Бонус задачи: Задача 12
- 🎉Бонус задачи: Задача 13
- 🎉Бонус задачи: Задача 14
- 🎉Бонус задачи: Задача 15
- 🧑🏻🏫 КВИЗ
- 🎁 Бонус задачи
Модул 2 - Креирање на веб дизајн
Available in
days
days
after you enroll
- 💻 Вовед во UI дизајн (1:07)
- 💻 Што е UX дизајн? (1:01)
- 💻 Што е UX дизајн, и како се разликуваат со UI дизајн (1:22)
- 💻 Што е Brainstorming? (0:37)
- 💻 Креирање на Brainstorming (11:07)
- 🚀 Задача 1: Примена на brainstorming
- 📕 Основни UI концепти
- 💻 Психологија на боја (1:02)
- 📕 Битни прашања пред креирање на палета боја
- 💻 Креирање на палети бои со помош на фотографија (6:14)
- 🚀 Задача 2: Креирање на палети бои
- 💻 Креирање на палети бои со помош на правило 60-30-10 (13:02)
- 🚀 Задача 3: Креирање на палети бои
- 💻 Креирање на хармоничен изглед преку примарни, секундарни и акцентни бои. (14:30)
- 💻 Креирање на палета бои со помош на local variables (21:23)
- 🚀 Задача 4: Креирање на палета бои со помош на local variables
- 🚀 Задача 5: Креирање на дизајн со контраст и пристапност
- 📕 Типографија: санс сериф и санс фонтови
- 💻 Креирање на типографија (14:23)
- 📕 Хиерархија: Користење различни големини, тежини и стилови за подобра организација на содржината
- 📕 Читливост: Совети за оптимален распоред на текст за различни уреди.
- 🚀 Задача 6: Додавање на типографија
- 💻 Како да одбереш фонт кој одговара на брендот и проектот (22:01)
- 🚀 Задача 7: Креирање на фонтови и палета бои за различни briefs
- 💻 Видови на икони
- 💻 Што е layout? (11:48)
- 🚀 Задача 8: Креирање на Layout
- 💻 Moodboard (3:19)
- 🚀 Задача 8.1: Креирање на moodboard
- 💻 UX: Што се wireframes? Креирање на mid wireframe (6:48)
- 💻 UX: Што се wireframes? Креирање на high-fidelity wireframe (11:30)
- 🚀 Задача 9: Креирање на wireframes
- 💻 UX: Креирање на wireframes со plugins (2:03)
- 🚀 Задача 9.1: Креирање на wireframes
- 📕 Основни принципи на UI дизајн
- 💻 Alignment (6:11)
- 🚀 Задача 10: Креирање на дизајн со alignment
- 💻 Конзистентност (4:18)
- 🚀 Задача 11: Креирање на конзистентен дизајн
- 💻 Хиерархија (6:23)
- 🚀 Задача 12: Креирање на дизајн кој има хиеарархија
- 💻 Контраст и читливост
- 🚀 Задача 13: Креирање на контрастен дизајн
- 💻 Whitespace (5:16)
- 🚀 Задача 14: Креирање на дизајн со whitespace
- 🚀 Задача 15: Креирање на дизајн со сите принципи
- 📕 Што содржи една веб страница?
- 📕 Видови на веб дизајни
- 💻 Креирање на header (9:37)
- 🚀 Задача 16: Креирање на header
- 💻 Креирање на hero section (9:57)
- 🚀 Задача 17: Креирање на hero section
- 💻 Креирање на footer (2:00)
- 🚀 Задача 18: Креирање на footer
- 💻 Креирање на контакт форма (9:32)
- 🚀 Задача 19: Креирање на контакт форма
- 💻 Креирање на stats (6:41)
- 🚀Задача 20: Креирање на stats
- 💻 Креирање на services (12:55)
- 🚀 Задача 21: Креирање на services
- 💻 Креирање на about us (14:57)
- 🚀 Задача 22: Креирање на about us
- 💻 Креирање на FQA (7:15)
- 🚀 Задача 23: Креирање на FQA
- Креирање на team members
- 🚀 Задача 24: Креирање на team members
- Креирање на testimonials
- 🚀 Задача 25: Креирање на testimonials
- 🚀 Задача 26: Креирање на pricing
- 🚀 Задача 27: Креирање на blog
- 🚀 Задача 28: Креирање на newsletter section
- 🚀 Задача 29: Креирање на newsletter section