آموزش Figma را بیاموزید: یک رابط کاربری وب اپلیکیشن طراحی کنید
Learn Figma: Design a Web App UI
می‌آموزید که چگونه با یکی از قدرتمندترین ابزارهای طراحی رایگان، به نام .
، رابط‌های کاربری برنامه‌های وب زیبا ایجاد کنید.Figma چیست؟ یک نرم افزار طراحی پیشرو است که به تیم ها و افراد کمک می کند تا طرح ها را سریع تر و کارآمدتر ایجاد کنند. Figma رایگان است و می توانید آن را مستقیماً در مرورگر وب خود، در Mac و Windows استفاده کنید.
چه نوع پروژه ای را طراحی خواهیم کرد؟ در این دوره، از Figma برای ایجاد یک مدل برنامه وب زیبا و ساده برای مشتریان فروشگاه لباسشویی استفاده خواهیم کرد تا بتوانند سفارشات خود را برای خدمات تحویل لباسشویی مرور کنند. در حین طراحی ماکت وب ۳ صفحه‌ای، به برخی از مفیدترین ابزارهایی که Figma در اختیار شما قرار می‌دهد، خواهیم پرداخت:
- راه اندازی یک فایل Figma از خلاصه/نیاز مشتری
- نحوه اعمال تصاویر ایجاد ماسک تصویر را بیاموزید
- استفاده از طرح رنگ در طرح‌های ما.
- استفاده از مؤلفه‌ها برای تجربه طراحی سریع‌تر.
- نحوه استفاده از افزونه‌ها در Figma برای پر کردن طرح‌هایمان با داده‌های نمونه با استفاده از افزونه Content Reel مایکروسافت.
- استفاده از طرح‌بندی خودکار برای ایجاد طرح‌های واکنش‌گرا و قابل تکرار.
- نحوه ایجاد چندین نسخه از پروژه خود را بیاموزید و با استفاده از تاریخچه نسخه در Figma به طرح های قدیمی مراجعه کنید.
آیا این دوره برای شماست؟
اگر هر یک از این موارد در مورد شما صدق می کند، در جای مناسبی هستید:
شما به طراحی تجربه کاربری رابط کاربری (UI/UX) علاقه دارید اما مطمئن نیستید از کجا شروع کنید.
شما یک کارآفرین با یک ایده برنامه هستید و می خواهید ایده خود را از یک طرح به یک ماکت و نمونه اولیه واقعی تبدیل کنید.
می‌خواهید مهارت‌های طراحی خود را تقویت کنید تا به شغل مورد نظر خود در شرکت‌هایی مانند Airbnb، Google، Apple و غیره دست پیدا کنید.
شما در حال طراحی هستید و می خواهید به Figma بروید و طرح های خود را به سطح بعدی ببرید.
شما علاقه مند به کسب درآمد به عنوان یک طراح آزاد هستید.
شما به سادگی می خواهید وارد مسیر شغلی جدیدی شوید، و طراحی گرافیک شما را مورد توجه قرار داده است.
قبلاً از Figma استفاده نکرده‌اید؟
مشکلی نیست! اگر اولین باری است که از Figma استفاده می کنید، توصیه می شود قبل از گذراندن این دوره، ابتدا دوره مقدمه ای بر Figma را بررسی کنید (مرحله اختیاری):
آیا می‌خواهید UI/UX موبایل را نیز یاد بگیرید؟
در دوره آموزشی Mobile UI/UX با Figma، یاد خواهید گرفت که چگونه یک ماکت برنامه تلفن همراه با مشتری برای Clean Kangaroo ایجاد کنید. این برنامه به کاربران امکان می دهد درخواست خدمات خشکشویی و موارد دیگر را ارائه دهند. اینجا را نیز بررسی کنید:
درباره مربی شما:
این دوره توسط طراح کارآفرین نیما تهامی تدریس می شود. نیما بیش از 10 سال تجربه طراحی و توسعه ده‌ها برنامه وب تلفن همراه برای مشتریان و استارت‌آپ‌های خودش دارد. استارت‌آپ فعلی نیما، ، در بسیاری از رسانه‌های خبری، از جمله Forbes پوشش داده شده است، جایی که برنامه وی به دلیل سهولت استفاده برجسته شده است. p>
نیما این دوره آموزشی را ایجاد کرده است تا به مردم کمک کند تا به بهترین طراح تبدیل شوند. طراحی بخشی از پایه و اساس بسیاری از چیزها از وب سایت های محصولات عالی گرفته تا تبلیغات عالی و همه چیز در این بین است. نیما همچنین یک کتابخانه توسعه آیفون منبع باز با نام طراحی و توسعه داده است که به بیش از 350000 توسعه دهنده برنامه کمک می کند تا از هشدارهای زیبای قابل تنظیم در برنامه های خود استفاده کنند.
ما یک رابط کاربری 3 صفحه‌ای Web Mockup برای Clean Kangaroo (یک برنامه خدمات تحویل لباسشویی) طراحی خواهیم کرد. این برنامه وب توسط فروشندگان فروشگاه لباسشویی آنها برای دریافت سفارشات و مشاهده وضعیت کسب و کار آنها با یک برنامه وب تمیز از نوع داشبورد استفاده خواهد شد.
در اینجا یک صفحه نمونه از رابط وب است که در این دوره طراحی خواهیم کرد:
برای شروع، حتماً «Clean-Kangaroo-Web-UI-Resources» را از فایل‌های این پروژه دانلود کنید.
درس ها Lessons
-
صفحه ورود Login Page
-
افزودن داده های نمونه Adding Sample Data
-
ماسک های تصویری Image Masks
-
طرح کلی پروژه Project Outline
-
بعد چه می شود؟ What's Next?
-
صفحه داشبورد Dashboard Page
-
شروع با یک الگو Starting with a Template
-
مقدمه Introduction
-
طرح بندی خودکار Auto-Layout
-
تاریخچه نسخه Version History
https://donyad.com/d/2c9b
Nima Tahami
کارآفرین و طراح گرافیک
سلام، من نیما هستم. من یک مدرس طراحی با بیش از 12 سال تجربه در طراحی و توسعه ده ها برنامه وب موبایل برای مشتریان و استارت آپ های خودم هستم. . من یکی از بنیانگذاران آن هستم که در بسیاری از رسانه های خبری از جمله Forbes پوشش داده شده است، جایی که طراحی برنامه ما به دلیل سهولت استفاده از آن برجسته شده است.
من به صورت آنلاین آموزش می دهم تا به مردم کمک کنم تا به بهترین طراح تبدیل شوند. طراحی پایه و اساس همه محصولات عالی، وب سایت ها، تبلیغات و هر چیزی در این بین است. من همچنین یک کتابخانه توسعه آیفون با منبع باز طراحی و توسعه داده ام که به هزاران برنامه نویس کمک می کند تا از هشدارهای زیبای قابل تنظیم در برنامه های خود استفاده کنند.
به من در ماموریتی بپیوندید تا آینده بهتری را با هم طراحی کنیم!
نمایش نظرات