لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

طراحی UI/UX لندینگ پیج چیست؟

آیا می خواهید بدانید در رابط کاربری ( UI/UX ) چطور باید یک لندینگ پیج را طراحی کرد؟ آیا می خواهید بدانید که Landing Page چیه و چه ویژگی هایی باید داشته باشه؟
در این فیلم من همه ی ویژگی هایی که برای داشتن یک لندینگ پیج با نرخ بالای تبدیل نیاز دارید را به شما آموزش می دهم.  Landing Page در واقع صفحاتی هستند که برای یک هدف طراحی می شوند و آن هم تبدیل یوزر به دنبال کننده یا مشتری ماست.
فرض کنید که شما می خواهید یک کفش را بفروشید، برای این کار شما باید در طراحی رابط کاربری یک سری اصول را رعایت کنید تا نرخ تبدیل بیننده یا کاربری که وارد صفحه مورد نظر شما می شود بالا برود و آن کاربر کفش را در نهایت خریداری کند.

 

چه مطالبی در آموزش اصول طراحی UI/UX برای لندینگ پیج یاد خواهیم گرفت؟

تعدادی از مواردی که در این فیلم اونا رو بررسی میکنم بصورت زیر هست

1. تعریف لندینگ پیج
2. لندینگ پیج از چه عناصری تشکیل شده
3. هدف لندینگ پیج چیست؟
4. از چه نوع سبک طراحی در Landing Page استفاده کنیم؟
5. تصاویر استفاده شده در لندینگ پیج چه ویژگی هایی باید داشته باشد؟
6. چه نوع رنگی در طراحی Landing Page استفاده کنیم؟
7. آیا لندینگ پیج باید حالت ریسپانسیو داشته باشد؟
8. چه نوع تیتر هایی برای طراحی UI/UX بهتر لندینگ پیج باید استفاده کنیم؟
9. چه بخش هایی دیگری باید در صفحات لندینگ پیچ قرار دهیم؟
10. و…

 

(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)

لینک آموزش در یوتیوب

لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

عضویت در کانال یوتوب من: Youtube

 

 

طراحی رابط کاربری ( UI/UX ) را از صفر از کجا یاد بگیرم؟

شما می توانید با عضویت در کانال یوتیوب من آموزش های دیگر طراحی رابط و تجربه کاربری ( UI / UX ) را دنبال و یاد بگیرید.

عضویت در کانال آموزشی یوتیوب : Youtube.com/AsteriXarts

اگر سوالی در مورد طراحی رابط کاربری UI داشتید، می توانید در قسمت نظرات بپرسید تا به آن ها جواب دهم.

 

 

نمونه کارهای طراحی رابط و تجربه کاربری ( UI/UX )

3 تا از مهمترین منابع نمونه کارهای طراحی رابط کاربری یعنی دریبل، بیهنس و اینستاگرام هست که شما می توانید کارهای مختلف طراحی رابط و تجربه کاربری را ببینید و از آن ها برای استفاده در کارهای خود ایده بگیرید.

همچنین می توانید نمونه کارهای من را ببینید و من را در این شبکه ها دنبال کنید.

1. Dribbble.com/iHMahmoodi
2. Behance.net/iHMahmoodi
3. Instagram.com/iHMahmoodi

 

 

در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

در صورتی که این ویدیو برای شما مفید بود, لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.

 

 

لینک آموزش ها و مقالات فارسی دیگر طراحی رابط کاربری ( UI/UX ) در وبلاگ من:

 

آموزش UI/UX : طراحی رابط کاربری را از صفر چطور و از کجا یاد بگیریم؟

آموزش UI/UX : وایرفریم چیه و چطور آن را طراحی کنیم؟

اصطلاحات طراحی رابط کاربری – بخش اول: رنگها

آموزش UI/UX : اصول طراحی رابط کاربری برای تلویزیون

طراحی رابط کاربری موبایل 101: pixels, points و resolutions

آموزش UI/UX : تفاوت pt و px در طراحی رابط کاربری

طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ

نمونه کار: رابط کاربری صفحه اعضای تیم – Team members page UI/UX