طراحی وب برای کاربران وردپرس
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- درک اصول اساسی طراحی وب برای ایجاد وبسایتهای کاربرپسند و ویژوال جذاب
- استفاده از سلسلهمراتب ویژوال و تایپوگرافی برای بهبود خوانایی و ساختار طراحی
- اعمال روانشناسی رنگ و اسیکماهای رنگ برای تأثیرگذاری بر رفتار کاربران و جذب آنها
- پیادهسازی طراحی واکنشگرا با استفاده از گوتنبرگ و المنتور برای موبایل، تبلت و دسکتاپ
- بهینهسازی ساختار سایت، متادیتا و تصاویر برای بهبود سئو و کشفپذیری
- برنامهریزی و ساختاردهی وبسایتها با تعریف اهداف، مخاطب هدف و طرحبندی محتوا
- ساخت ویژگیهای واقعی وبسایت مانند سکشنهای هدرها، فوترها و hero
- طراحی با Gutenberg FSE و المنتور برای ایجاد طرحبندیها و قالبهای سفارشی
- راهاندازی و مدیریت محیط محلی وردپرس برای تست طراحی ایمن
پیشنیازهای دوره
- دانش عملی خوب در وردپرس
- دانش عملی خوب در ویرایشگر گوتنبرگ برای دنبال کردن بخش گوتنبرگ
- دانش عملی خوب در المنتور در صورتی که قصد دنبال کردن بخش المنتور را دارید.
توضیحات دوره
طراحی وب برای کاربران وردپرس - تسلط به اصول طراحی ویژوال با گوتنبرگ و المنتور
آیا شما کاربر وردپرس هستید که قبلاً با این پلتفرم آشنا بوده و به دنبال ارتقای مهارتهای طراحی وب خود هستید؟ این دوره جامع 9.5 ساعته طراحان را آموزش میدهد که چگونه اصول اساسی طراحی وب را با استفاده از گوتنبرگ و المنتور پیادهسازی کنند. از طریق بیش از 70 ویدئوی عمیق، یاد میگیرید چگونه وبسایتهای زیبا، عملکردی و کاربرپسندی ایجاد کنید که برای عملکرد بهینهسازی شدهاند.
بررسی دوره:
در این دوره، ما به شما وردپرس، گوتنبرگ یا المنتور را آموزش نمیدهیم. در عوض، تمرکز ما بر اصول طراحی وب و سپس نحوه پیادهسازی آنها در سایتهای وردپرس است. ما همه موارد از تایپوگرافی و تئوری رنگ تا مفاهیم پیشرفته مانند فضای سفید، طرحبندی و طراحی واکنشگرا را پوشش میدهیم. در پایان دوره، ابزارها و دانش لازم برای ایجاد وبسایتهای حرفهای که در تمام دستگاهها عملکرد خوبی دارند را خواهید داشت و میدانید چگونه آنها را برای موتورهای جستجو بهینه کنید.
آنچه یاد خواهید گرفت:
- اصول طراحی وب - درک اصول اساسی طراحی وب، از جمله عواملی که وبسایت را ویژوال جذاب، عملکردی و قابل اعتماد میکنند. شما یاد میگیرید چگونه از اشتباهات رایج در طراحی که میتوانند عملکرد سایت شما را مختل کنند، اجتناب کنید.
- نقشهای طراح در مقابل توسعهدهنده - یادگیری تفاوت طراحان و توسعهدهندگان، شناخت مخاطب هدف و یادگیری سازگار کردن تصمیمات طراحی مانند انتخاب رنگ و فونت برای نیازهای کاربران
- شروع کار با وردپرس - یاد میگیرید چگونه محیط توسعه محلی راهاندازی کنید، گزینههای تم وردپرس (تمهای بلوک در مقابل تمهای سنتی) را بررسی کرده و مبانی سئو را برای دیده شدن و کشفپذیری سایت درک کنید.
- فضای سفید و طرحبندی - کشف میکنید چگونه از فاصلهگذاری به صورت موثر استفاده کنید، مدل جعبهای و تئوری گرید را درک کرده و سلسلهمراتب ویژوال، مجاورت و تعادل را برای طراحی تمیزتر و کاربرپسند پیاده کنید.
- اصول تایپوگرافی - به تایپوگرافی پرداخته و یاد میگیرید چگونه فونتها را ترکیب کنید، اندازه و واحدها فونت را تنظیم کرده و طراحی خوانا و ویژوال هماهنگ ایجاد کنید.
- تئوری رنگ - روانشناسی رنگ را درک میکنید، درباره کدهای هگزا و اسکیماهای رنگ یاد میگیرید و به فرآیند ایجاد پالت رنگ که طراحی شما را تقویت میکند، تسلط پیدا میکنید.
- برنامهریزی ساختار محتوای اصلی - یاد میگیرید که چگونه محتوای خود را وایرفریم کرده وساختاردهی کنید و همچنین چگونه یک سند مرجع ایجاد کنید تا طراحی خود را هماهنگ و منظم نگه دارید.
- طراحی واکنشگرا با گوتنبرگ و المنتور - یاد میگیرید چگونه اصول طراحی وب را اعمال کرده و طرحبندیهای واکنشگرا با هر دو ابزار گوتنبرگ و المنتور ایجاد کنید. دوره شامل مثالهای عملی است که در آن میتوانید همراه با ما قالبها را بسازید و یک صفحه اصلی برای دو وبسایتهای تخیلی (با گوتنبرگ و دیگری با المنتور) تکمیل کنید.
- دسترسپذیری و چکلیست راهاندازی - چکلیستهای ما را دانلود کنید تا به شما در بررسی دسترسپذیری سایت کمک کرده و اطمینان حاصل کنید سایت شما برای راهاندازی آماده است.
مخاطبان دوره:
این دوره برای کاربرانی که قبلاً دانش پایهای از پلتفرم وردپرس دارند و به دنبال بهبود مهارتهای طراحی خود هستند، مناسب است. چه مالک کسبوکار کوچک باشید، چه بلاگر، یا کسی که علاقهمند به ایجاد وبسایتهای حرفهایتر است، این دوره شما را با دانش و مهارتهای عملی لازم برای طراحی وبسایتهای با کیفیت بالا با وردپرس، گوتنبرگ و المنتور مجهز میکند.
در پایان دوره، میتوانید اصول طراحی وب مدرن را با اطمینان پیاده کرده و وبسایتهای کاربرپسند، ویژوال جذاب و واکنشگرا با قدرت وردپرس ایجاد کنید.
این دوره برای چه کسانی مناسب است؟
- کاربران ماهر وردپرس که میخواهند طراحی وب را بیاموزند و در ساخت سایت خودشان به کار ببرند.
- کاربران Full Site Editor یا المنتور که میخواهند اصول طراحی وب را در کار خود به کار ببرند.
طراحی وب برای کاربران وردپرس
-
مقدمه 02:24
-
مقدمه ای بر طراحی وب 03:38
-
10 اشتباه رایج طراحی که باید اجتناب شود 06:31
-
نظرات شما درباره این وبسایتها چیست؟ 20:38
-
عناصر طراحی 08:57
-
چگونه طراحی بر سهولت استفاده و تبدیل تأثیر میگذارد؟ 06:11
-
چه مواردی باعث میشود که یک سایت قابلاعتماد و یا آسان باشد؟ 06:12
-
طراحان در مقابل توسعهدهندگان 02:39
-
فرآیند کشف 05:12
-
استفاده از یک ورکشیت برای تعریف هدف و مخاطب هدف سایت 09:12
-
مثال دموگرافیکها و نکات طراحی 10:27
-
استفاده از هوش مصنوعی برای پیشنهاد فونت و رنگها 03:09
-
مزایای محیط محلی 04:49
-
راهاندازی و شروع با Local 09:50
-
تمهای وردپرس - تمهای بلوک در مقابل تمهای سنتی 12:09
-
مبانی سئو برای وردپرس 15:14
-
طرحبندیهای شناور مقابل ثابت 08:50
-
چگونه فاصلهگذاری، خوانایی و تمرکز را بهبود میبخشد؟ 13:50
-
مدل جعبهای 07:39
-
تئوری گرید 09:12
-
سلسلهمراتب ویژوال - اندازه 14:57
-
سلسلهمراتب ویژوال - رنگ 03:51
-
سلسلهمراتب ویژوال - اندازه، رنگ و جایگذاری 11:37
-
مجاورت 05:29
-
تعادل 05:37
-
چگونه جفتهای فونت خوب انتخاب کنیم؟ 07:34
-
واحدهای فونت 14:16
-
Clamps فونت 14:01
-
اندازههای فونت 09:42
-
روانشناسی رنگ 05:34
-
کدهای هگزا 05:13
-
اسکیماهای رنگ 04:45
-
استفاده از Coolors برای ایجاد پالت رنگ 07:46
-
ابزارهای وایرفریم 02:36
-
پیادهسازی طراحیها در وردپرس 09:25
-
فاصله بین عناصر جفت 14:58
-
ایجاد سند مرجع 04:37
-
نصب فونتها 05:25
-
نصب پالت رنگ 03:02
-
راهاندازی استایلهای گلوبال 09:27
-
فاصلهگذاری بلوک 04:22
-
تغییر فاصلهگذاری پیشفرض عناصر 11:18
-
عناصری که در موبایل استک میشوند 04:53
-
تغییر اندازه خودکار عناصر در موبایل 02:11
-
ترازبندیها و عرضها 05:04
-
ایجاد هدر واکنشگرا 09:47
-
ایجاد فوتر واکنشگرا 17:09
-
ایجاد قالب صفحه اصلی 06:00
-
افزودن سکشن Hero 09:09
-
تکمیل صفحه اصلی - بخش 1 19:10
-
تکمیل صفحه اصلی - بخش 2 17:00
-
صفحات لندینگ 01:50
-
گام بعدی چیست؟ 02:31
-
نصب فونتها 03:51
-
نصب پالت رنگ 02:38
-
راهاندازی تایپوگرافی 06:40
-
راهاندازی استایلهای گلوبال 05:53
-
نقاط شکست المنتور و موارد قابل تنظیم 07:23
-
استک کردن عناصر در موبایل 04:57
-
المنتور - مخفیسازی عناصر در دستگاههای خاص 06:32
-
Padding و مارجین 07:57
-
ایجاد هدر واکنشگرا 17:35
-
ایجاد فوتر واکنشگرا 14:45
-
ایجاد قالب صفحه اصلی 04:17
-
ایجاد سکشن Hero 15:11
-
ایجاد بقیه صفحه اصلی 24:26
-
صفحات لندینگ 15:54
-
گام بعدی چیست؟ 01:39
مشخصات آموزش
طراحی وب برای کاربران وردپرس
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:همه سطوح
- تعداد درس:68
- مدت زمان :09:44:52
- حجم :5.15GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy