Figma to WordPress: آموزش طراحی و ساخت وب سایت

Figma to WordPress: Learn to Design and Build Website

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: آموزش طراحی یک وب سایت نمونه کار مدرن در Figma از ابتدا و تبدیل آن به وب سایت وردپرس. نحوه طراحی وب سایت های نمونه کار زیبا و مدرن با استفاده از Figma نحوه تبدیل طراحی Figma به وب سایت وردپرس چگونه الهامات طراحی برای ایجاد وب سایت از ابتدا پیدا کنیم نحوه انتخاب رنگ ها، نمونه اولیه و تصاویر مناسب برای وب سایت نمونه کارها بهترین شیوه های طراحی UI UX نحوه ساخت یک وردپرس وب سایت از ابتدا پیش نیازها: یک کامپیوتر با اتصال به اینترنت

آیا می خواهید یاد بگیرید که چگونه از Figma برای طراحی یک وب سایت حرفه ای مدرن از ابتدا استفاده کنید و طراحی Figma را به یک وب سایت کاملاً کاربردی وردپرس تبدیل کنید؟

این دوره به شما کمک می کند تا مهارت های طراحی وب خود را بهبود بخشید و ابزار Figma را برای طراحی هر نوع وب سایت و تبدیل هر طرح Figma به وردپرس با استفاده از صفحه ساز Elementor یاد بگیرید.

این یک کلاس کامل Figma به WordPress است.

در این کلاس،

را یاد خواهید گرفت
  • نحوه استفاده از نرم افزار Figma برای طراحی رابط وب سایت

  • یک تابلوی خلق و خوی برای جمع آوری الهامات طراحی ایجاد کنید

  • بهترین رنگ‌ها، تایپوگرافی، محتوای تصاویر را انتخاب کنید

  • وب سایت A-Z را مطابق با اصول طراحی UI/UX طراحی کنید

  • تبدیل Figma به وردپرس

  • از قالب و افزونه های وردپرس استفاده کنید

  • با نسخه رایگان صفحه ساز Elemento یک وب سایت بسازید

همچنین، بهترین روش‌ها و مواردی را که باید برای سرعت بخشیدن به فرآیند و ارائه خدمات بدون دردسر به مشتری خود دنبال کنید، به شما نشان خواهم داد.

این کلاس برای،

است
  • کار آزاد یا طراح وب فردی که دوست دارد یک سفر طراحی وب را شروع کند.

  • هر کسی که دوست دارد وب سایت نمونه کارها سفارشی خود را طراحی کند.

  • هر کسی که دوست دارد یاد بگیرد که Figma را به یک وب سایت وردپرس تبدیل کند

درباره من،

من Gihan Akalanka هستم و یک طراح/توسعه‌دهنده وب آزاد هستم. من شما را در فرآیند گام به گام طراحی یک وب سایت نمونه کار کامل با Figma راهنمایی خواهم کرد.

این یک دوره آموزشی مناسب برای مبتدیان است،

برای شروع این کلاس فقط به کامپیوتر و اتصال اینترنت نیاز دارید. شما می توانید مراحل را با من دنبال کنید و مهارت های خود را بهبود بخشید و ابزارهایی را که ما در این دوره استفاده می کنیم، درک کنید.

در پایان این دوره،

شما طراحی وب‌سایت نمونه کارها حرفه‌ای را توسط خود تکمیل کرده‌اید و دانش انجام تحقیقات برای دریافت الهام از طراحی و ایجاد نسخه خود از وب‌سایتی را خواهید داشت که می‌تواند شما را برای مشتریانتان بفروشد.

بیایید شروع کنیم!


سرفصل ها و درس ها

معرفی Introduction

  • معرفی Introduction

Figma Basic Figma Basic

  • مزایا و معایب ابزار طراحی Figma Pros and cons of Figma design tool

  • یک حساب کاربری Figma و راهنما ایجاد کنید Create a Figma account and walkthrough

  • قاب و شبکه فیگما Figma frame and grid

طراحی اول First Design

  • بخش قهرمان نمونه ایجاد کنید Create sample hero section

  • رنگ ها و تصویر پس زمینه را اضافه کنید Add colors and background image

  • بخش های مختلف قهرمان ایجاد کنید Create different hero sections

پروژه اول First Project

  • محدوده پروژه را درک کنید Understand the project scope

  • طرح های الهام بخش را برای ایجاد تابلوی خلق و خو پیدا کنید Find designs inspirations to create mood board

  • تابلوی خلق و خو را ایجاد کنید Create the mood board

  • طرح‌های انتخاب‌شده تابلوی خلق و خو را در یک فریم بچینید Arrange selected mood board designs to single frame

  • یک تابلوی خلق و خوی برای مشتری طراحی وب ایجاد کنید: ویدیوی جایزه Create a mood board for web design client : bonus video

  • تایپوگرافی و رنگ ها را انتخاب کنید Select typography and colors

  • ایجاد کتابخانه Figma Create Figma library

طراحی سایت Design Website

  • طراحی منوی اصلی Design main menu

  • طراحی بخش قهرمان Design the hero section

  • بخش دستاورد را ایجاد کنید Create the achievement section

  • بخش about را طراحی کنید Design the about section

  • بخش تجربه را ایجاد کنید Create the experience section

  • اضافه کردن بخش خدمات Add service section

  • بخش توصیفات را ایجاد کنید Create the testimonials section

  • افزونه Font Awesome icons را اضافه کنید Add Font Awesome icons plugin

  • افزودن بخش تماس Add contact section

  • ایجاد بخش فوتر Create footer section

  • طرح بندی وب سایت را تنظیم کنید Adjust layouts of website

راه اندازی وب سایت وردپرس Setup WordPress website

  • هاست رایگان دریافت کنید و وردپرس را نصب کنید Get Free Hosting and Install WordPress

  • پاکسازی وب سایت وردپرس Cleanup wordpress website

  • تم و افزونه ها را نصب کنید Install theme and plugins

تبدیل طرح Figma به وب سایت وردپرس Convert Figma design to WordPress website

  • طراحی بخش figma hero با استفاده از المنتور Design figma hero section using elementor

  • اضافه کردن محتوا به بخش قهرمان Add Content to Hero Section

  • موقعیت ها را تنظیم کنید Adjust the Positions

وب سایت نمونه کارها را بسازید Build the Portfolio Website

  • منو را طراحی کنید Design the Menu

  • بخش صفحه اصلی را پیکربندی کنید Configure the Home Page Section

  • Build the Hero Section Part 01 Build the Hero Section Part 01

  • Build the Hero Section Part 02 Build the Hero Section Part 02

  • رفع مشکل تصویر قهرمان Fix Hero Image Issue

  • بخش اطلاعات من را ایجاد کنید Create My Info Section

  • ایجاد بخش درباره من Create About Me Section

  • طراحی بخش تجربه من Design My Experience Section

  • بخش خدمات طراحی Design Services Section

  • بخش گواهی طراحی Design Testimonial Section

  • ساخت بخش تماس Build Contact Section

  • بخش پاورقی طراحی Design Footer Section

نمایش نظرات

نظری ارسال نشده است.

Figma to WordPress: آموزش طراحی و ساخت وب سایت
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
4.5 hours
43
Udemy (یودمی) udemy-small
20 مهر 1401 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
4,057
3.4 از 5
دارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Gihan Akalanka Gihan Akalanka

توسعه دهنده/طراح وب آزاد

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.