آکادمی-دانش-و-مهارت
آکادمی-دانش-و-مهارت
منو

آخرین بروزرسانی 1 مرداد ماه 1405

آموزش طراحی دکمه‌های حرفه‌ای در Figma – مهم در طراحی رابط کاربری

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

در این جلسه آموزشی رایگان، یاد می‌گیرید چگونه دکمه‌های مدرن و حرفه‌ای را در Figma طراحی کنید؛ دکمه‌هایی که هم زیبا هستند و هم کاربر را به کلیک کردن ترغیب می‌کنند

چه چیزی در این جلسه یاد می‌گیرید؟

  • طراحی دکمه‌های ساده و پایه در فیگما

  • استفاده از گرادینت‌ها و رنگ‌های جذاب برای ایجاد دکمه‌های مدرن

  • کار با Corner Radius برای ساخت دکمه‌های گرد یا نیمه‌گرد

  • اضافه کردن Shadow و Effect برای برجسته کردن دکمه‌ها

  • اصول تایپوگرافی در داخل دکمه‌ها

  • نکات مهم در طراحی CTA (Call to Action) که باعث افزایش نرخ کلیک می‌شود

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

چرا طراحی دکمه‌ها اینقدر مهم است؟

شاید در نگاه اول دکمه فقط یک مستطیل رنگی به نظر برسد، اما واقعیت این است که دکمه‌ها نقش حیاتی در تجربه کاربری دارند. یک دکمه بد طراحی‌شده می‌تواند باعث شود کاربر سایت شما را ترک کند. اما یک دکمه جذاب و درست طراحی‌شده، مسیر کاربر را ساده می‌کند و باعث می‌شود تعامل بیشتری با سایت یا اپلیکیشن داشته باشد.

به همین دلیل یادگیری طراحی دکمه‌ها یکی از اولین مهارت‌هایی است که هر طراح UI باید بر آن مسلط شود.

ارتباط این جلسه با مسیر یادگیری شما

این جلسه ادامه‌ای است بر آموزش جلسه قبل (آشنایی با ابزارهای پایه در فیگما). در جلسه قبل یاد گرفتید چگونه با ابزارهای اصلی کار کنید؛ حالا وقت آن رسیده که این ابزارها را در یک پروژه واقعی‌تر مثل طراحی دکمه‌ها به کار بگیرید.

اگر هنوز جلسه قبل را ندیده‌اید، پیشنهاد می‌کنم حتماً به صفحه آموزش ابزارهای پایه در فیگما بروید و آن را مشاهده کنید، سپس به این آموزش برگردید.

قدم بعدی: ثبت‌نام در دوره جامع جعبه وب

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

در این دوره یاد می‌گیرید:

  • کار با وردپرس و المنتور برای طراحی سایت‌های جذاب

  • ساخت فروشگاه اینترنتی با ووکامرس

  • طراحی UI/UX حرفه‌ای با Figma

  • مبانی کدنویسی با HTML و CSS

  • طراحی سه‌بعدی مقدماتی با Blender

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

مزیت‌های ویژه دوره جعبه وب

  • پشتیبانی حرفه‌ای و دائمی: هر سوالی داشته باشید در کوتاه‌ترین زمان پاسخ داده می‌شود.

  • ۷ دقیقه مشاوره رایگان: قبل از ثبت‌نام می‌توانید سوالات‌تان را مطرح کنید و مطمئن شوید این دوره برای شما مناسب است.

  • تمرکز روی پروژه‌های واقعی: تمام آموزش‌ها به شکلی طراحی شده‌اند که بتوانید آن‌ها را در پروژه‌های واقعی پیاده کنید.

  • مناسب برای ورود به بازار کار: بعد از پایان دوره شما آماده هستید اولین پروژه‌های خودتان را بگیرید و درآمد کسب کنید.

مسیر یادگیری شما

۱. مشاهده جلسه قبلی (آموزش ابزارهای پایه فیگما)
۲. دیدن این جلسه (آموزش طراحی دکمه‌های حرفه‌ای)
۳. رفتن به جلسه بعدی (آموزش طراحی هدر مدرن و ریسپانسیو در فیگما)
۴. ثبت‌نام در دوره جعبه وب و یادگیری گام‌به‌گام همه مهارت‌های طراحی و ساخت وب

چرا الان بهترین زمان شروع است؟

بازار طراحی وب و UI/UX هر روز در حال رشد است. اگر همین امروز یادگیری را شروع کنید، چند ماه دیگر می‌توانید پروژه‌های واقعی بگیرید. اما اگر امروز را از دست بدهید، یک سال بعد همچنان در نقطه شروع خواهید بود.

🔗 [برای ثبت‌نام در دوره جعبه وب کلیک کنید]

ثبت نام دوره
آموزش ها
ورود | ثبت نام
شماره موبایل یا پست الکترونیک خود را وارد کنید
برگشت
کد تایید را وارد کنید
کد تایید برای شماره موبایل شما ارسال گردید
ورود با رمز عبور
ارسال مجدد کد تا دیگر
دریافت مجدد کد تایید
برگشت
رمز عبور را وارد کنید
رمز عبور حساب کاربری خود را وارد کنید
ورود با رمز یکبار مصرف
بازیابی رمز عبور
برگشت
رمز عبور را وارد کنید
رمز عبور حساب کاربری خود را وارد کنید
بازیابی رمز عبور
برگشت
درخواست بازیابی رمز عبور
لطفاً پست الکترونیک یا موبایل خود را وارد نمایید
برگشت
کد تایید را وارد کنید
کد تایید برای شماره موبایل شما ارسال گردید
ورود با رمز عبور
ارسال مجدد کد تا دیگر
دریافت مجدد کد تایید
ایمیل بازیابی ارسال شد!
لطفاً به صندوق الکترونیکی خود مراجعه کرده و بر روی لینک ارسال شده کلیک نمایید.
تغییر رمز عبور
یک رمز عبور برای اکانت خود تنظیم کنید
تغییر رمز با موفقیت انجام شد

ممنون که تمایل به همکاری با آکادمی دارید !

قدم اول: ایجاد حساب کاربری و ارسال تیکت فعال سازی لینک آموزش

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

قدم دوم: آموزش آشنایی با آکادمی و دوره جعبه وب

محتوای صفحه دوره جعبه وب و صفحه آموزش همکاری را مطالعه کرده و آزمون همکاری در انتهای صفحه آموزش را انجام دهید. 

کارشناسان پشتیبانی جهت فعال سازی پنل فروش حرفه ای با شما تماس خواهند گرفت