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

1

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

2:25

2

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

8:06

1

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

1:49

2

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

4:41

3

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

18:51

4

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

3:49

5

فاصله گذاری Spacing

1:59

6

نویز بصری Visual Noise

2:52

7

ترکیب بندی Composition

1:58

8

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

3:57

9

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

3:56

10

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

5:43

11

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

14:21

12

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

14:52

13

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

19:29

14

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

25:53

1

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

1:01

2

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

4:22

3

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

7:45

4

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

74:36

5

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

17:30

6

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

17:30

7

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

4:04

1

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

15:50

2

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

45:20

3

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

33:45

4

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

15:33

5

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

24:54

6

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

11:50

7

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

8:42

8

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

25:14

9

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

19:35

10

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

11:25

11

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

65:43

12

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

13:57

13

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

60:39

14

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

20:29

15

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

21:54

16

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

5:46

17

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

16:18

1

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

5:50

2

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

31:06

3

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

22:18

4

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

23:52

5

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

16:06

6

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

14:13

7

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

13:05

8

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

4:49

9

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

12:59

10

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

2:31

11

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

8:01

12

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

7:08

13

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

7:57

14

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

5:52

15

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

6:11

16

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

8:37

17

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

20:26

1

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

1:36

2

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

17:05

3

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

10:50

4

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

35:22

5

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

27:43

6

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

5:50

7

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

4:14

1

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

6:33

2

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

18:15

3

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

1:42

4

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

26:49

5

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

26:49

1

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

7:37

2

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

23:24

3

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

2:33