Визуелни комуникации

Цели на предметната програма (компетенции): вовед во UX/UI дизајнот со фокус на Figma и примена на стекнатите знаења во Figma и Canva. Предметната програма обезбедува основно разбирање и примена на вештините и техниките кои се користат во процесот на прототипирање, а со цел создавање на интуитивен, конзистентен, прилагодлив и пристапен софтвер.

Цели на предметната програма (компетенции): вовед во UX/UI дизајнот со фокус на Figma и примена на стекнатите знаења во Figma и Canva. Предметната програма обезбедува основно разбирање и примена на вештините и техниките кои се користат во процесот на прототипирање, а со цел создавање на интуитивен, конзистентен, прилагодлив и пристапен софтвер.
Резултати од учењето: стекнување на знаења и вештини за концептите на UX/UI дизајнот и клучните алатки на Figma и Canva.

Detailed syllabus by chapters and units

  1. Дефинирање на концептите и важноста на UX/UI дизајнот. Резултати од учењето: Стекнување на знаења за концептите и важноста на дизајнот на корисничко искуство (UX) и дизајнот на кориснички интерфејс (UI).
  2. Вовед во Figma, 2.1 Преглед на Figma, 2.2 Предности и карактеристики на Figma, 2.3 Преглед на работниот простор, 2.4 Менија и панели во Figma. Резултати од учењето: Стекнување на знаења за функционалноста, интерфејсот, основните карактеристики и алатки на Figma.
  3. Основен дизајн во Figma, 3.1 Распоред и композиција, 3.2 Типографија и стилови на текст, 3.3 Теорија на бои и креирање на палети, 3.4 Визуелна хиерархија и грид системи. Резултати од учењето: Стекнување на знаења за основните принципи на дизајнот и како тие се применуваат на дигиталните интерфејси.
  4. Креирање и уредување на дизајни во Figma, 4.1 Облици и уредување на вектори, 4.2 Работа со слики и графики, 4.3 Користење на текст и типографски функции, 4.4 Примена на стилови и ефекти, 4.5 Организација и групирање на слоеви, 4.6 Работа со страници.

Резултати од учењето: Стекнување на знаења за алатките и техниките на Figma со цел ефективно креирање и уредување на дизајнот на корисничките интерфејси. 5. Прототипирање и интеракции во Figma, 5.1 Вовед во прототипирање во Figma, 5.2 Дефинирање на транзиции и анимации, 5.3 Изработка на микроинтеракции и состојби. Резултати од учењето: Стекнување на знаења за концептот на прототипирање и неговата важност во процесот на дизајнирање на интерактивни и динамични прототипови. 6. Соработка во Figma, 6.1 Споделување во Figma, 6.2 Соработка со членови на тимот, 6.3 Користење на коментари и анотации. Резултати од учењето: Стекнување на знаења за карактеристиките за соработка на Figma со цел ефикасно работење со членови од тимот за дизајн на кориснички интерфејси. 7. Системи на дизајн и библиотеки на компоненти во Figma, 7.1 Вовед во системите на дизајн во Figma, 7.2 Креирање и управување на библиотеки за дизајн, 7.3 Дефинирање и користење на компоненти, 7.4 Задржување на конзистентност со стилови и ресурси. Резултати од учењето: Стекнување на знаења за концептот и придобивките од системите на дизајн и библиотеките на дизајн во процесот на дизајнирање. 8. Напредни функции и дополнителни компоненти во Figma, 8.1 Напредни техники за прототипирање, 8.2 Автоматизација со дополнителни компоненти и интеграции, 8.3 Прилагодување на Figma со дополнителни компоненти. Резултати од учењето: Стекнување на знаења за напредните функции во Figma со цел подобрување на дизајнот на корисничките интерфејси. 9. Вовед во Canva, 9.1 Предности од користење на Canva, 9.2 Навигација во интерфејсот на Canva, 9.3 Преглед на работниот простор. Резултати од учењето: Стекнување на знаења за функционалноста, интерфејсот, основните карактеристики и алатки на Canva. 10. Креирање на дизајни во Canva, 10.1 Избор на тип на дизајн, 10.2 Работа со шаблони, 10.3 Додавање и уредување на елементи, 10.4 Користење на текст и типографија, 10.5 Вметнување на слики и графики, 10.6 Додавање на бои и позадини, 10.7 Примена на филтри и ефекти, 10.8 Распоредување и подредување на елементи. Резултати од учењето: Стекнување на знаења за различните опции за дизајн достапни во Canva за различни цели, како што се објави на социјалните мрежи, презентации, постери и друго. 11. Canva за конкретни случаи на користење, 11.1 Креирање на презентации и слајдови, 11.2 Креирање на материјали за маркетинг, 11.3 Креирање на визуелни содржини за веб страни. Резултати од учењето: Стекнување на знаења за користење на дизајнираните шаблони и приспособените функции на Canva за конкретен случај на употреба со цел создавање на професионални и визуелно привлечни дизајни.

Teaching methods

Теоретска настава, лабораториски вежби, самостојна изработка на проекти, одржување консултации со студенти.
Weekly contact hours 5 hours
Total workload 150 hours
Attendance requirements нема

Teaching activities

CodeActivityHours
16.1Предавања- теоретска настава: часови45
16.2Вежби (лабораториски, аудиториски), семинари, тимска работа: часови30
16.3Пракса: часови0

Other activities

CodeActivityHours
17.1Проектни задачи: часови15
17.2Самостојни задачи: часови10
17.3Домашно учење - задачи50

Assessment method

писмено и/или практично

Assessment components

CodeComponentPoints
19.1Тестови: бодови0
19.2Семинарска работа/проект, презентација писмена и усна: бодови10
19.3Завршен испит: бодови90

Grading scale

Points rangeGrade
до 50 бода5 (пет) (F)
од 51 до 60 бода6 (шест) (E)
од 61 до 70 бода7 (седум) (D)
од 71 до 80 бода8 (осум) (C)
од 81 до 90 бода9 (девет) (B)
од 91 до 100 бода10 (десет) (A)
Самоевалуација

Required literature

No.AuthorsTitlePublisherYear
1Fabio StaianoDesigning and Prototyping Interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktopPackt Publishing2022
2Lateefah RajiDesign with Canva: A complete guide on how to use CanvaIndependently published2021

Additional literature

No.AuthorsTitlePublisherYear
1Jordan C. AndreaFigma Design for Beginners and Seniors A complete UI/UX Guide to Designing in Figma Like A ProIndependently published2022
2Patrick EjekeCanva: Professional Tips and Tricks When You Design with Canva (Step by Step Canva Guide for Work or Business with Pictures)Independently published2021