🤗 Добре дојде
Модул 1 - Изучување на Figma & UI Дизајн
-
🤔 Што е 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 - Креирање на веб дизајн
-
💻 Вовед во 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
