طراحی وب: از وایرفریمها تا پروتوتایپها
✅ سرفصل و جزئیات آموزش
توضیحات دوره
این دوره بر کاربرد تحقیقات اولیه UX در رابطهای کاربری واقعی متمرکز است: خلق وایرفریمها، موکاپهای با جزئیات و پروتوتایپهای قابل کلیک. در طول مسیر، ما همچنین موارد زیر را مورد بحث قرار خواهیم داد:
- طراحی وب واکنشگرا و چالشهای وب موبایل
- رویکرد اول-موبایل
- تایپوگرافی وب
- رابطه بین طراحی و برنامهنویسی و اینکه آیا دانستن کدنویسی اهمیت دارد یا خیر
- فناوریهای مختلف وب که باعث کارکرد وب میشوند، مانند HTML و CSS و JavaScript، کدنویسی سمت سرور و پایگاههای داده
این دوره ادامه دوره «طراحی وب: استراتژی و معماری اطلاعات» است که در آن دانشجویان نیمه اول یک پروژه بزرگ مقیاس را تکمیل کردند. توسعه یک طرح جامع برای یک وبسایت پیچیده. اگر قصد دارید تکالیف این دوره را برای کسب گواهینامه تکمیل کنید، باید ابتدا دوره «استراتژی و معماری اطلاعات» را به اتمام برسانید تا مواد و دادههای مورد نیاز برای شروع ساخت وایرفریمها و موکاپها در این دوره را داشته باشید.
این چهارمین و آخرین دوره در تخصص طراحی UI/UX است که یک رویکرد طراحی-محور را برای طراحی رابط کاربری (UI) و تجربه کاربری (UX) به ارمغان میآورد و آموزشی عملی و مبتنی بر مهارت با محوریت دیدگاه ارتباطات بصری ارائه میدهد، نه رویکردی که تنها بر بازاریابی یا برنامهنویسی متمرکز باشد.
این دورهها برای هر کسی که تجربهای در طراحی گرافیک یا بصری دارد و میخواهد مجموعه مهارتهای خود را در UI یا UX برای طراحی اپلیکیشن و وب تقویت کند، ایدهآل است. همچنین برای افرادی که تجربه توسعه وب front-end یا back-end یا تعامل انسان و کامپیوتر دارند و میخواهند مهارتهای طراحی بصری و تحلیل خود را برای UI یا UX تقویت کنند، ایدهآل خواهد بود.
طراحی وب: از وایرفریمها تا پروتوتایپها
-
معرفی دوره 1:39
-
درباره این دوره None
-
درباره تکالیف None
-
ابزارهای مورد نیاز None
-
درباره CalArts و برنامه طراحی گرافیک None
-
معرفی هفته اول 0:50
-
مقدمهای بر وایرفریمها 4:52
-
طراحی واکنشگرا: وبسایت شما باید چه اندازهای باشد؟ 7:40
-
سیستمهای ناوبری 14:51
-
مسیریابی 9:08
-
عناصر رایج فرم 6:11
-
نمونههایی از استراتژیهای محتوای صفحه اصلی 13:03
-
ابزارهای وایرفریمسازی 2:47
-
وایرفریمها: بردلی 8:24
-
وایرفریمها: آلیسون - بخش 1 8:48
-
وایرفریمها: آلیسون - بخش 2 7:48
-
چرا بازبینی همتایان؟ 1:56
-
نکات بازبینی همتایان 4:29
-
چگونه بازخورد را اعمال کنیم 2:18
-
خلاصه پروژه None
-
اسکرول کردن None
-
مطالعه بیشتر None
-
قانون جاکوب None
-
منبع: مجموعه الگوهای طراحی None
-
مطالعه بیشتر None
-
خودتان امتحان کنید: یک وایرفریم ترسیم کنید None
-
بازبینی همتایان چیست؟ None
-
یک نکته نهایی برای این هفته None
-
معرفی هفته دوم 0:43
-
موکاپهای بصری 3:37
-
اصول طراحی 4:22
-
فضای سفید چیست؟ 5:31
-
استفاده از فضای سفید برای استایلدهی فرم 4:52
-
یک مقایسه بصری 1:34
-
فونتهای وب 7:05
-
تایپوگرافی وب: چند نکته 7:58
-
ایجاد موکاپهای بصری 7:40
-
مودبوردها و ماکاپ صفحه اصلی: بردلی 6:58
-
ماکاپ صفحه اصلی: آلیسون 13:02
-
محتوای اضافی: مصاحبه با راب هوپ درباره روندهای طراحی وب 44:03
-
اثر زیباییشناختی بر قابلیت استفاده None
-
گرید None
-
مطالعه بیشتر None
-
تاریخچه وب، طراحی اسکیومورف و طراحی تخت None
-
مودبوردها None
-
یک نکته نهایی برای این هفته None
-
معرفی هفته سوم 1:05
-
آیا باید کدنویسی یاد بگیرم؟ 4:07
-
بررسی فناوریهای وب 13:49
-
HTML در مقابل CSS در مقابل JavaScript: یک ماجراجویی استعاری 6:08
-
اصول HTML 5:25
-
اصول CSS 8:34
-
اینسپکتور وب 8:03
-
مقدمهای بر تاریخچه طراحی وب None
-
چگونه یک یونیکورن شویم؟ None
-
خودتان امتحان کنید: استایلدهی دکمهها None
-
بیشتر از راب هوپ: دوره صفحه فرود «آنها را نشان دهید» None
-
محتوای اضافی: طراحی وب ذاتی None
-
یک نکته نهایی برای این هفته None
-
معرفی هفته چهارم 0:53
-
نمونه پروتوتایپ قابل کلیک - بخش 1 4:42
-
موکاپهای کامل: بردلی 8:39
-
موکاپهای کامل: آلیسون 8:26
-
منابع دسترسیپذیری None
-
الگوهای تاریک None
-
یک نکته نهایی برای این هفته None
مشخصات آموزش
طراحی وب: از وایرفریمها تا پروتوتایپها
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:متوسط
- تعداد درس:66
- مدت زمان :06:37:06
- حجم :1.05GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy