در حال حاضر محصولی در سبد خرید شما وجود ندارد.
یادگیری فیما برای کار UI و طراحی وب مدرن: ایجاد وب سایت های زیبا پاسخگو. فیما - آینده طراحی وب!
عنوان اصلی : Figma for UI/UX: Master Web Design in Figma
سرفصل های دوره :
مقدمه:
همه منابع را از اینجا دانلود کنید
نحوه دریافت کمک سریع
صفحه خوش آمدگویی در Figma
شروع با Figma
بهترین راه برای حرکت در Figma
ورزش: نحوه حرکت دادن عناصر به اطراف
حل تمرین و چند نکته حرفه ای
رابط کاربری Figma و چرا حرفه ای ها از آن استفاده می کنند را کشف کنید
اولین وب سایت کوچک خود را ایجاد کنید
ویرایش نمادها: رنگها و اندازه
چرا کد نمینویسم (و قصد ندارم)
مهم ترین چیزها را در مورد Figma کشف کنید:
مقدمه
در اینجا نحوه ایجاد دکمه ها در Figma آمده است
اصول کار با رنگ
چگونه مانند یک حرفه ای با رنگ کار کنیم
نحوه اضافه کردن تصاویر: قاب در مقابل مستطیل
یک گالری / کلاژ در Figma ایجاد کنید
چگونه در Figma ماسک کنیم
در اینجا 3 نوع متن در Figma آورده شده است
خواص لایه های متن را کشف کنید
چگونه مانند یک حرفه ای با متن کار کنیم
جلوهها در Figma: تاری، سایهها و موارد دیگر
هر آنچه که باید در مورد شبکه ها بدانید
مروری بر اجزا
پیش نویس ها و پروژه ها در Figma
اینجا شما را به یک طراح وب خوب تبدیل می کند
نتیجه گیری
اولین پروژه طراحی وب:
مقدمه
نسخه دسکتاپ را به روش صحیح تنظیم کنید
سربرگ را ایجاد کنید
منوی اصلی را ایجاد کنید
کادر جستجو را تنظیم کنید
یک منوی کشویی ایجاد کنید
مهمترین مورد را ایجاد کنید - کارت
چگونه کارت ها را بهبود دهیم
پیمایش ثانویه را تنظیم کنید
صفحه بندی را ایجاد کنید
پایه و اساس فوتر را ایجاد کنید
افزودن محتوا در فوتر
نحوه رسیدگی به عیوب بصری
در اینجا چیزی است که باید به خاطر بسپارید
اولین کلید برای طراحی وب عالی:
مقدمه
بهترین تنظیمات و اجزای وب سایت
مطالعه موردی: طرحبندیهای غیر استاندارد
تمرین: یک طرح بندی وب سایت استاندارد ایجاد کنید
نحوه اندازه گیری صحیح عناصر وب
فرمول من برای متن کامل
مطالعه موردی: لایه های متن
آنچه باید در مورد تضاد رنگ بدانید
مطالعه موردی: رنگها - قسمت 1
مطالعه موردی: رنگها - قسمت 2
نحوه تراز کردن عناصر در ناحیه قهرمان
3 قانون برای نمادهای طراحی وب
مطالعه موردی: تعادل بصری
افکار نهایی
دومین کلید برای طراحی وب عالی:
مقدمه
هدف وب سایت چیست؟
کاربر در مقابل مالک کسب و کار
تحلیل در طراحی وب سایت
قالب ها و سازندگان وب سایت - مرگ طراح وب؟
مطالعه موردی: 4 نسخه از یک وب سایت
طرح صفحه اصلی تجارت الکترونیک
جزئیات محصول تجارت الکترونیک
تسویه حساب تجارت الکترونیک
چرا وب سایت ها بی نقص نیستند؟
مطالعات موردی: نیازهای مشتری
صفحه فرود در مقابل یک وب سایت
تولید سرنخ در صفحات فرود
چرا صفحات فرود شهرت بدی دارند؟
صفحه فرود محصول دیجیتال
آزمایش صفحات فرود
مطالعه موردی: صفحه فرود من
نظرات نهایی در مورد نیازهای مشتری
سومین کلید طراحی وب عالی:
مقدمه
UX چیست؟
بهترین نمونه از UX خوب و توجه به جزئیات
فرایند پرداخت را بهبود بخشید تا فروش را دو برابر کنید
نسخه موبایل را بهبود بخشید تا فروش آن دو برابر شود
7 ترفند وب سایت که توجه به جزئیات را نشان می دهد
ارتقا صفحه محصول موبایل
انجام جلسات 1 به 1 با کدگذار
در اینجا چیزی است که باید به خاطر بسپارید
طراحی مجدد کسب و کار تجارت الکترونیک:
مهم ترین سوال هنگام شروع یک پروژه جدید
چگونه برای پروژه خود تحقیق و الهام بگیرید
پایه پروژه را تنظیم کنید
نوار بالا را ایجاد کنید
سرصفحه را تنظیم کنید
در مورد یک سبک برای سرصفحه تصمیم بگیرید
مهمترین قسمت را ایجاد کنید - ناحیه قهرمان
ناوبری ثانویه - دسته بندی محصولات را ایجاد کنید
اینجا جایی است که فروش انجام می شود ... یا نه!
نسخه اول کارت را ایجاد کنید
سبک کارت را تنظیم کنید
کارهای پایانی برای طراحی کارت
این جزئیات مهم را فراموش نکنید!
بخش پرسش و پاسخ را ایجاد کنید
در اینجا دلیل عالی بودن طرحبندی خودکار است
یک فرم ثبت نام در خبرنامه ایجاد کنید
پایه فوتر را تنظیم کنید
پایان پاورقی
تنوعات را کاوش کنید و طراحی خود را بهبود بخشید
چگونه به صفحات داخلی نزدیک شویم
منطقه بالایی را برای صفحه محصول تنظیم کنید
افزودن محتوا به صفحه محصول
نحوه افزودن تماسهای واضح برای اقدام برای بازدیدکنندگان
منطقه محتوای اصلی
یک جدول برای نوار کناری ایجاد کنید
نتیجه گیری
طراحی واکنشگرا: از دسکتاپ تا موبایل:
معرفی نسخه موبایل
نحوه راه اندازی نسخه موبایل برای صفحه اصلی
برای نسخه موبایل هدر ایجاد کنید
نحوه تنظیم مجدد ناحیه قهرمان
کارت را برای شبکه محصولات تنظیم کنید
هنگام ایجاد کارتهای محصول، این مرحله را نادیده نگیرید
بخش پرسشهای متداول را برای نسخه موبایل ترتیب دهید
خبرنامه را در فضایی باریک دوباره ایجاد کنید
پاورقی را برای نسخه موبایل ایجاد کنید
نتیجه گیری
دریابید که چگونه طراحی به نسخه زنده تبدیل می شود:
آماده شدن ثطراحی برای کدنویسی
زپلین - پیوند گمشده!
نحوه راه اندازی پروژه برای کدنویس/مشتری
محتوای سمت سرور و گرافیک چند لایه
این چیزی است که توسعه دهندگان از طراحی شما می خواهند
به همین دلیل ضروری است که آنچه مورد نیاز است را تحویل دهید
افکار نهایی و آینده
Figma for UI/UX: Master Web Design in Figma
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.