آموزش Figma را بیاموزید: یک UI/UX کامل برای موبایل طراحی کنید
Learn Figma: Design a Full Mobile UI/UX
شما یاد خواهید گرفت که چگونه با یکی از قدرتمندترین ابزارهای طراحی رایگان، به نام Figma، رابط های کاربری زیبای تلفن همراه ایجاد کنید.
Figma چیست؟ Figma یک نرم افزار طراحی پیشرو است که به تیم ها و افراد کمک می کند تا طرح ها را سریعتر و کارآمدتر ایجاد کنند. Figma رایگان است و می توانید آن را مستقیماً در مرورگر وب خود، در Mac و Windows استفاده کنید.
چه نوع پروژه ای را طراحی خواهیم کرد؟ در این دوره، از Figma برای ایجاد یک ماکت موبایل زیبا برای خدمات تحویل لباسشویی استفاده می‌کنیم. همانطور که ما در حال طراحی مدل 7 صفحه ای موبایل هستیم، به برخی از مفیدترین ابزارهایی که Figma در اختیار شما قرار می دهد خواهیم پرداخت:
- راه اندازی یک فایل Figma از یک Client Brief/Requirement
- با نحوه اعمال نمادهای Images در طرح‌های خود آشنا شوید
- انتخاب یک طرح رنگ تبدیل آنها به سبک های رنگی با استفاده آسان در Figma
- اجزای یادگیری برای طراحی قابل استفاده مجدد
- استفاده از محدودیت‌ها برای ایجاد طرح‌های واکنش‌گرا که روی همه اندازه‌های صفحه تلفن همراه کار می‌کنند
- نحوه استفاده از پلاگین ها در Figma برای سرعت بخشیدن به فرآیند طراحی
- کار با الگوهای دستورالعمل های رابط کاربری iOS
- انتخاب فونت های سفارشی تنظیم سبک های متن در Figma
- ملزومات طراحی تجربه کاربری (UX)
آیا این دوره برای شماست؟
اگر هر یک از این موارد در مورد شما صدق می کند، در جای مناسبی هستید:
شما به طراحی تجربه کاربری رابط کاربری (UI/UX) علاقه دارید اما مطمئن نیستید از کجا شروع کنید.
شما یک کارآفرین با یک ایده برنامه هستید و می خواهید ایده خود را از یک طرح به یک ماکت و نمونه اولیه واقعی تبدیل کنید.
می‌خواهید مهارت‌های طراحی خود را تقویت کنید تا به شغل مورد نظر خود در شرکت‌هایی مانند Airbnb، Google، Apple و غیره دست پیدا کنید.
شما در حال طراحی هستید و می خواهید به Figma بروید و طرح های خود را به سطح بعدی ببرید.
شما علاقه مند به کسب درآمد به عنوان یک طراح آزاد هستید.
شما به سادگی می خواهید وارد مسیر شغلی جدیدی شوید، و طراحی گرافیک شما را مورد توجه قرار داده است.
آیا به دنبال یادگیری طراحی UI/UX وب هستید؟
من یک دوره آموزشی در مورد ایجاد یک برنامه وب برای Clean Kangaroo ساخته ام که شما نیز باید آن را بررسی کنید:
نحوه ایجاد کمپین های بازاریابی موثر برای Facebook Instagram را بیاموزید:
قبلاً از Figma استفاده نکرده‌اید؟
مشکلی نیست! اگر اولین بار است که از Figma استفاده می کنید، توصیه می شود قبل از گذراندن این دوره ابتدا دوره مقدماتی Figma را بررسی کنید (مرحله اختیاری):
درباره مربی شما:
این دوره توسط طراح کارآفرین تدریس می شود نیما تهامی . نیما بیش از 10 سال تجربه طراحی و توسعه دارد ده‌ها برنامه وب تلفن همراه هم برای مشتریان و هم برای استارت آپ های خودش. راه اندازی فعلی نیما، ، در بسیاری از خبرگزاری ها از جمله پوشش داده شده است Forbes، جایی که برنامه وی به دلیل سهولت استفاده برجسته شده بود.
نیما این دوره آموزشی را ایجاد کرده است تا به مردم کمک کند تا به بهترین طراح تبدیل شوند. طراحی بخشی از پایه و اساس بسیاری از چیزها از وب سایت های محصولات عالی گرفته تا تبلیغات عالی و همه چیز در این بین است. نیما همچنین یک کتابخانه توسعه آیفون منبع باز با نام طراحی و توسعه داده است ، به بیش از 350000 برنامه‌نویس کمک می‌کند تا از هشدارهای زیبای قابل تنظیم در برنامه‌های خود استفاده کنند.
ما یک رابط کاربری 7 صفحه ای مدل موبایل برای Clean Kangaroo (یک برنامه خدمات تحویل لباسشویی) طراحی خواهیم کرد.
در اینجا یک صفحه نمونه از رابط تلفن همراه است که در این دوره طراحی خواهیم کرد:
برای شروع حتماً "Clean-Kangaroo-Mobile-UI-Resources" را از فایل های این پروژه دانلود کنید.
درس ها Lessons
-
صفحه پرداخت The Payment Page
-
کارت های فروشگاهی Store Cards
-
استفاده از انواع برای ایجاد گروه های کامپوننت Using Variants to Create Component Groups
-
طراحی نوار برگه برای ناوبری Designing a Tab Bar for Navigation
-
محدودیت ها Constraints
-
پیدا کردن فونت های سفارشی برای استفاده Finding Custom Fonts to Use
-
نکات طراحی UX UX Design Tips
-
راه حل تمرین انواع Variants Exercise Solution
-
استفاده از سبک های متن در همه جا Applying Text Styles Everywhere
-
استفاده از پلاگین ها Using Plugins
-
صفحه آموزش The Tutorial Page
-
صفحه درخواست The Request Page
-
راه اندازی فریم های ما Setting Up Our Frames
-
کار بر روی صفحات اصلی ما Working on Our Main Pages
-
ایجاد سبک های متن Creating Text Styles
-
صفحه خدمات The Services Page
-
تنظیم سبک های رنگی Setting Up Color Styles
-
لمس نهایی Final Touches
-
مقدمه Introduction
-
تصاویر و پوشش ها Images & Overlays
-
انتخاب طرح رنگ Choosing a Color Scheme
-
اضافه کردن آیکون ها Adding Icons
-
صفحه نمایه The Profile Page
-
قالب های طراحی iOS iOS Design Templates
-
راه حل تمرین محدودیت ها Constraints Exercise Solution
-
اتمام صفحه نقشه Finishing the Map Page
-
بعد چه می شود؟ What's Next?
-
نمونه داده‌ها از Google Sheets Sample Data from Google Sheets
-
استفاده از صفحات برای سازماندهی Using Pages to Organize
-
اجزاء Components
-
وایرفریم The Wireframe
-
ملزومات موکاپ Mockup Requirements
-
اجزای دکمه Button Components
https://donyad.com/d/b020
Nima Tahami
کارآفرین و طراح گرافیک
سلام، من نیما هستم. من یک مدرس طراحی با بیش از 12 سال تجربه در طراحی و توسعه ده ها برنامه وب موبایل برای مشتریان و استارت آپ های خودم هستم. . من یکی از بنیانگذاران آن هستم که در بسیاری از رسانه های خبری از جمله Forbes پوشش داده شده است، جایی که طراحی برنامه ما به دلیل سهولت استفاده از آن برجسته شده است.
من به صورت آنلاین آموزش می دهم تا به مردم کمک کنم تا به بهترین طراح تبدیل شوند. طراحی پایه و اساس همه محصولات عالی، وب سایت ها، تبلیغات و هر چیزی در این بین است. من همچنین یک کتابخانه توسعه آیفون با منبع باز طراحی و توسعه داده ام که به هزاران برنامه نویس کمک می کند تا از هشدارهای زیبای قابل تنظیم در برنامه های خود استفاده کنند.
به من در ماموریتی بپیوندید تا آینده بهتری را با هم طراحی کنیم!
نمایش نظرات