Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Курс за Figma
🤗 Добре дојде
💖 Добре дојде видео (2:03)
🤔 Зошто Figma е одлична за UI/UX дизајн и тимска соработка
⌨️ Shortucs за Figma
👾 Discord Community (9:28)
🎁 Подарок: Книга за UXUI дизајн
Модул 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
Teach online with
💖 Добре дојде видео
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock