آموزش استاد طراحی وب در Adobe XD

درس ها Lessons

• نوار بالا را ایجاد کنید Create the top bar

• مطالعه موردی: طرح‌بندی‌های غیر استاندارد Case study: Non-standard layouts

• UX چیست؟ What's UX?

• تنظیم طرح بندی برای قسمت بالای صفحه محصول Setting up the layout for the top part of the product page

• بهترین تنظیمات برای یک پروژه طراحی وب Best settings for a web design project

• مطالعه موردی: 4 نسخه از یک وب سایت Case Study: 4 versions of the same website

• انتخاب خود را تمرین کنید Exercise practice your selecting

• مهم ترین سوال هنگام شروع یک پروژه جدید The most important question when starting a new project

• قالب ها و سازندگان وب سایت – مرگ طراح وب؟ Templates & Website Builders – The web designer’s death?

• فرآیند پرداخت را بهبود بخشید تا فروش را دو برابر کنید Improve the checkout process to double sales

• ایده هایی در مورد اولین کلید طراحی وب سایت Thoughts on the first key of web design

• نوار بالایی را سازماندهی کنید Organize the top bar

• چگونه یک فوتر زیبا طراحی کنیم How to design a beautiful footer

• مطالعه موردی: لایه های متن Case study: text layers

• کلید سوم برای تبدیل شدن به یک طراح وب عالی The Third Key to Becoming a Great Web Designer

• انجام جلسات 1 به 1 با کدگذار Doing 1-on-1 sessions with a coder

• نسخه سوم کارت محصول The third version of the product card

• اولین کلید برای تبدیل شدن به یک طراح وب عالی The First Key to Becoming a Great Web Designer

• توجه به جزئیات در هدر Attention to detail in the header

• مطالعه موردی: رنگ ها - قسمت 2 Case study: Colors – Part 2

• مطالعه موردی: رنگ ها - قسمت 1 Case study: Colors – Part 1

• تجزیه و تحلیل در طراحی وب سایت Analytics in Web Design

• چگونه برای پروژه خود تحقیق و الهام بگیرید How to research/find inspiration for your project

• افکار نهایی در مورد نیازهای مشتری Final thoughts about the client’s needs

• نحوه نمایش تمام جزئیات محصول در یک شبکه How to display all the product details in a grid

• نحوه اندازه گیری صحیح عناصر وب How to size your web elements correctly

• 7 ترفند وب سایت که توجه به جزئیات را نشان می دهد 7 website tweaks that show attention to detail

• تغییرات نهایی و افکار در مورد صفحه اصلی Final variation and thoughts about the homepage

• کلید دوم برای تبدیل شدن به یک طراح وب عالی The Second Key to Becoming a Great Web Designer

• فرمول من برای متن کامل My formula for perfect text

• صفحات فرود تست A/B A/B testing landing pages

• نحوه مدیریت حجم زیاد متن How to handle large quantities of text

• مطالعات موردی: نیازهای مشتری Case studies: the client’s needs

• تسویه حساب تجارت الکترونیک E-commerce checkout

• کنتراست رنگ Color Contrast

• ساخت منطقه قهرمان بزرگ Building a great hero area

• ورزش: مهارت ها و توجه خود را به جزئیات آزمایش کنید Exercise: Test your skills & attention to detail

• طراحی مجدد منوی دسته ها Redesign the categories menu

• طرح بندی صفحه اصلی تجارت الکترونیک E-commerce homepage layout

• سه کلید برای تبدیل شدن به یک طراح وب عالی The three keys to becoming a great web designer

• در اینجا چیزی است که کدنویس ها با طرح های ما انجام می دهند Here’s what coders do with our designs

• تولید سرنخ در صفحات فرود Lead generation in landing pages

• مطالعه موردی: تعادل بصری Case Study: Visual Balance

• یک سبک برای هدر تنظیم کنید Set a style for the header

• کاربر در مقابل مالک کسب و کار The user versus the business owner

• بعدش چی؟ What's next?

• چرا وب سایت ها پیکسل کامل نیستند؟ Why aren’t websites pixel perfect?

• چگونه رنگ های زیبا را انتخاب کنیم How to choose beautiful colors

• صفحه فرود محصول دیجیتال Digital product landing page

• بهترین نمونه از UX خوب و توجه به جزئیات The best example of good UX and attention to detail

• چگونه اطلاعات زیادی را در صفحه محصول سازماندهی کنیم How to organize lots of information in the product’s page

• صفحه فرود در مقابل وب سایت Landing page vs a website

• در اینجا نحوه یافتن بهترین طرح بندی برای شبکه محصولات آمده است Here’s how you find the best layout for the grid of products

• طراحی وب - آنچه شما باید بدانید Web design - what you need to know

• 3 قانون برای آیکون های طراحی وب 3 rules for web design icons

• اولین نسخه کارت محصول را ایجاد کنید Create the first version of the product card

• هدف وب سایت چیست؟ What’s the point of the website?

• ارتقاء صفحه محصول موبایل Upgrading the mobile product page

• پاسخ سریع به سوالات رایج Quick answers to popular questions

• نحوه انتخاب فونت برای پروژه How to choose fonts for your project

• نسخه موبایل را بهبود دهید تا فروش دو برابر شود Improve the mobile version to double sales

• مهم ترین قسمت چیدمان را تنظیم کنید Set up the most important part of the layout

• ایجاد نوار کناری Creating the sidebar

• نحوه تراز کردن عناصر در ناحیه قهرمان How to align elements in the hero area

• چرا صفحات فرود شهرت بدی دارند؟ Why landing pages have a bad reputation

• یک فرم ثبت نام در خبرنامه ایجاد کنید Create a newsletter sign up form

• معرفی Introduction

• نسخه دوم کارت محصول The second version of the product card

• ساختار هدر را ایجاد کنید Create the structure for the header

• مطالعه موردی: تحلیل صفحه فرود Case Study: Landing page analysis

• تجزیه و تحلیل چگونگی بهبود صفحه محصول Analysing how we can improve the product page

• حل تمرین قبلی Solving the previous exercise

• نحوه اضافه کردن جزئیات کوچک که تفاوت ایجاد می کند How to add small details that make a difference

• چگونه یک بخش سوالات متداول تمیز و مدرن طراحی کنیم How to design a clean and modern FAQ section

• تمرین: یک طرح بندی وب سایت استاندارد ایجاد کنید Exercise: Create a standard website layout

• جزئیات محصول تجارت الکترونیک E-commerce product details

• نحوه انتخاب لایه ها مانند یک طراح حرفه ای How to select layers like a professional designer