آموزش اولین وب سایت خود را در Adobe Xd طراحی کنید

درس ها Lessons

• بیایید پاورقی را پاسخگو کنیم Let’s Make the Footer Responsive

• بیایید صفحات وبلاگ را راه اندازی کنیم Let’s Set Up Blog Pages

• فضای کاری The Workspace

• نحوه انتخاب تایپ فیت مناسب برای وب سایت شما How to Choose the Right Typeface for Your Websites

• پایان لمس The Finishing Touches

• آماده شدن برای شروع طراحی Getting Ready to Start Designing

• بیایید بخش قهرمان را پاسخگو کنیم Let’s Make the Hero Section Responsive

• بیایید نسخه موبایل طراحی را شروع کنیم Let’s Start the Mobile Version of the Design

• صفحه اصلی The Home Screen

• بیایید خدمات را پاسخگو کنیم Let’s Make the Services Responsive

• بررسی اجمالی ابزارها Tools Overview

• بیایید لوگو و ناوبری را اضافه کنیم Let’s Add the Logo and the Navigation

• بیایید اولین عنصر خود را نمونه سازی کنیم Let’s Prototype Our First Element

• نحوه دانلود Adobe Xd How To Download Adobe Xd

• طراحی در مقابل نمونه سازی در Xd Designing vs Prototyping in Xd

• آنچه در این کلاس خواهید یافت What You Will Find In This Class

• لایه های Layers

• Adobe Xd چیست؟ What Is Adobe Xd

• اشتراک گذاری با صادرات Sharing by Exporting

• اشتراک گذاری با مشتری Sharing With a Client

• بیایید پورتفولیو را پاسخگو کنیم Let’s Make the Portfolio Reponsive

• بیایید شروع به اضافه کردن موارد نمونه کار کنیم Let’s Start Adding the Portfolio Items

• بهترین روش های طراحی وب مدرن Best Practices of Modern Web Design

• بیایید برخی از جلوه های صفحه بندی را بیاموزیم Let’s Learn Some Pagination Effects

• بیایید شروع به اضافه کردن بخش وبلاگ کنیم Let’s Start Adding the Blog Section

• بیایید صفحه پست واحد را راه اندازی کنیم و بخش را تمام کنیم Let’s Set up the Single Post Page and Finish the Section

• بیایید بخش درباره من را اضافه کنیم Let’s Add the About Me Section

• بیایید یک چرخ فلک تصویر اضافه کنیم Let’s Add an Image Carousel

• نسخه شروع The Starter Version

• بیایید نمونه کارها را تمام کنیم Let’s Finish the Portfolio

• چگونه رنگ های مناسب را برای طرح های خود انتخاب کنید How to Choose the Right Colors For Your Designs

• خلاصه Summary

• 5 ابزار برای یافتن رنگ های مناسب برای پوسته های خود 5 Tools to Find the Right Colors for Your Layouts

• بیایید خدمات را اضافه کنیم Let’s Add the Services

• معرفی سریع سیستم های طراحی در Xd Quick Introduction to Design Systems in Xd

• بیایید دکمه Call to Action را اضافه کنیم Let’s Add the Call to Action Button

• بیایید شروع به اضافه کردن گزیده های پست های وبلاگ کنیم Let’s Start Adding the Blog Posts Excerpts

• بیایید روشی بهتر برای متحرک سازی نماد منو بیاموزیم Let’s Learn a Better Way of Animating the Menu Icon

• بیایید منوی موبایل را اضافه کنیم Let’s Add the Mobile Menu

• فضای کاری اشتراک گذاری The Share Workspace

• به کلاس خوش آمدید Welcome to the Class

• بیایید ابتدا یک فایل جدید بسازیم Let’s Create a New File First

• ایجاد یک فایل جدید Creating a New File

• بیایید عناصر قهرمان بیشتری اضافه کنیم Let’s Add More Hero Elements

• پیدا کردن رنگ های مناسب برای طراحی ما Finding the Right Colors for Our Design

• بیایید حالت فعال و اولین عناصر قهرمان را اضافه کنیم Let’s Add the Active State and the First Hero Elements

• مدیریت تابلوهای هنری Managing Artboards

• افزونه هایی که به احتمال زیاد در طراحی های خود از آنها استفاده می کنید Plugins You Are Most Likely to Use in Your Designs

• بیایید بخش تماس با من را اضافه کنیم Let’s Add the Contact Me Section

• بیایید نمادهای رسانه های اجتماعی را اضافه کنیم Let's Add The Social Media Icons

• بیایید بخش خدمات را شروع کنیم Let's Start The Sevices Section

• نحوه استفاده از دارایی های سند How to Use the Document Assets

• بیایید پاورقی را اضافه کنیم Let’s Add the Footer

• اضافه کردن و مدیریت پلاگین ها Adding and Managing Plugins