دوره آموزشی آشنایی با مفاهیم طراحی رابط و تجربه کاربری UI / UX Design

1

سیستم مورد نیاز برای دوره

25 : 2

2

آشنایی با دوره و طراحی رابط کاربری

6 : 8

1

چیدمان و طرح بندی (Layout)

49 : 1

2

سلسله مراتب بصری

41 : 4

3

رنگها، پالت رنگی و تضاد بین رنگها

51 : 18

4

آشنایی با تایپوگرافی

49 : 3

5

فاصله گذاری Spacing

59 : 1

6

نویز بصری Visual Noise

52 : 2

7

ترکیب بندی Composition

58 : 1

8

راهنمای طراحی (Design Guide)

57 : 3

9

الگوهای طراحی (Design Patterns)

56 : 3

10

ثبات در طراحی (Design Consistency)

43 : 5

11

آیکونوگرافی (Iconography)

21 : 14

12

سبک‌های طراحی (Design Trends)

52 : 14

13

گردش کار در طراحی (Design Workflow)

29 : 19

14

اصول طراحی واکنش گرا (Responsive Design)

53 : 25

1

آنچه در این فصل درخصوص تجربه کاربری User Experience خواهیم گفت؟

1 : 1

2

تفاوت طراحی رابط کاربری با طراحی تجربه کاربری درچیست؟

22 : 4

3

کمی در مورد مفهوم تفکر طراحی (Design Thinking) صحبت کنیم.

45 : 7

4

انجام بهترین طراحی رابط کاربری از نظر تجربه کاربری ( کارها را به بهترین حالت ممکن انجام دهیم)

36 : 74

5

تجربه کاربری در طراحی رابط کاربری دستگاه تلفن همراه

30 : 17

6

قوانین روانشناسی در طراحی تجربه کاربری و طراحی رابط کاربری

30 : 17

7

بررسی الگوهای اسکن محتوی در صفحات وب

4 : 4

1

آشنایی با نرم افزار فیگما Figma

50 : 15

2

آشنایی با محیط نرم افزار ابری فیگما

20 : 45

3

آشنایی با نوار ابزار و منوهای محیط ابری نرم افزار فیگما

45 : 33

4

آشنایی با صفحات ، آرتبوردها و لایه ها در فیگما

33 : 15

5

آشنایی با مفاهیم مرتبط با اشکال در محیط نرم افزار فیگما

54 : 24

6

انجام تغییرات روی اشکال مختلف در فیگما

50 : 11

7

ترکیب اشکال مختلف با یکدیگر در محیط فیگما

42 : 8

8

آشنایی با متن و استایلهای متنی

14 : 25

9

آشنایی با استایلها، محدودیتها و ...در فیگما

35 : 19

10

آشنایی با گریدبندی در فیگما Layout Grid

25 : 11

11

آشنایی با آتولی اوت

43 : 65

12

اشتراک گذاری فایلها بین اعضای تیم

57 : 13

13

آشنایی با مفهوم کامپوننتها، کامپوننت واریانت ها و کامپوننتهای تودرتو در فیگما

39 : 60

14

آشنایی با فیگما کامیونیتی Figma Community

29 : 20

15

افزونه ها در فیگما Figma plugins

54 : 21

16

خروجی گرفتن از طراحی در فیگما

46 : 5

17

آشنایی با کلیدهای میانبر در فیگما Figma Shortcut Keys

18 : 16

1

عناصر در طراحی رابط کاربری

50 : 5

2

آشنایی با عناصر رابط کاربری دکمه ها (Buttons)

6 : 31

3

آشنایی با تکست فیلدها در فیگما

18 : 22

4

آشنایی با مفهوم لیستها در فیگما

52 : 23

5

اصول طراحی اسلایدرها در فیگما

6 : 16

6

آشنایی با ToolTip ها در فیگما

13 : 14

7

آشنایی با کنترل های انتخابی (Selection Controls) در فیگما

5 : 13

8

آشنایی با چیپ ها در فیگما Figma Chips

49 : 4

9

کادرهای گفتگو Dialogues In Figma

59 : 12

10

تقسیم کننده ها (Dividers) در فیگما

31 : 2

11

آشنایی با تب ها (Tabs) در فیگما

1 : 8

12

آشنایی با منوها در فیگما Figma Navigation Drawers

8 : 7

13

آشنایی با نمودارها در فیگما

57 : 7

14

آشنایی با نشاندنده های پیشرفت در فیگما Progress Indicators In Figma

52 : 5

15

آشنایی با Bottom_App_Bar در فیگما

11 : 6

16

آشنایی با UI Elements Cards در فیگما

37 : 8

17

آشنایی با دیگر عناصر رابط کاربری در فیگما

26 : 20

1

آشنایی با مفهوم وایرفریم در فیگما

36 : 1

2

آشنایی عملی با طراحی وایرفریم در فیگما

5 : 17

3

آشنایی با گردش کاربر در فیگما User Flow

50 : 10

4

طراحی یک گردش کاربری در فیگما

22 : 35

5

طراحی یک وایرفریم در فیگما

43 : 27

6

طراحی گردش کاربری پروژه خودتان

50 : 5

7

طراحی وایرفریم برای پروژه خودتان

14 : 4

1

شروع ایده پردازی و ابزارهای آن در طراحی رابط کاربری

33 : 6

2

اصول طراحی مودبرد MoodBoard

15 : 18

3

مودبرد پروژه خودتان را طراحی نمایید

42 : 1

4

ایده پردازی و طراحی پنل مدیریتی یک وب سایت آموزشی ( قسمت اول )

49 : 26

5

ایده پردازی و طراحی پنل مدیریتی یک وب سایت آموزشی ( قسمت دوم )

49 : 26

1

آشنایی با پروتوتایپ و انواع آن

37 : 7

2

طراحی پروتوتایپ در Figma

24 : 23

3

تمرین طراحی پروتوتایپ برای پروژه خودتان

33 : 2