آموزش مسترکلاس جامع فیگما برای مبتدیان: طراحی اولین رابط کاربری (UI) اپلیکیشن و وبسایت - آخرین آپدیت
دانلود Figma Beginner Masterclass: Design Your First App & Website UI
آیا تا به حال دوست داشتید اپلیکیشن یا وبسایت طراحی کنید، اما از پیچیدگی نرمافزارهای حرفهای طراحی میترسیدید؟
در این دوره، شما یاد میگیرید که چگونه گامبهگام از فیگما (Figma) استفاده کنید و اولین طراحی UI خود را از صفر بسازید. چه به طراحی UI/UX، طراحی محصول و طراحی وب علاقهمند باشید و چه صرفاً بخواهید یک ابزار خلاقانه و مدرن و قدرتمند را بیاموزید، این کلاس برای شروعی مطمئن طراحی شده است.
ما با یادگیری مبانی فیگما شروع میکنیم - از تنظیم محیط کاری و ایجاد اولین صفحه گرفته تا درک نحوه عملکرد رابط کاربری نرمافزار. شما به سرعت در پیمایش پلتفرم و کار با ابزارهای ضروری طراحی مهارت پیدا خواهید کرد.
Sپس از آن، بر اصول طراحی UI خوب تمرکز میکنیم. شما یاد میگیرید چگونه با متن، فاصلهگذاری، ترازبندی، رنگها، تایپوگرافی و چیدمان کار کنید تا رابطهای کاربری تمیز و حرفهای خلق کنید.
با پیشرفت در دوره، ویژگیهای مهم فیگما مانند Auto Layout و کامپوننتها (Components) را بررسی خواهید کرد که به طراحان کمک میکند طرحهایی سازمانیافتهتر، مقیاسپذیرتر و واکنشگرا (Responsive) خلق کنند.
Sپس از آن، وارد مرحله پروتوتایپینگ (Prototyping) میشویم؛ اتصال صفحات به یکدیگر و ایجاد تعاملات ساده تا طراحی شما بیشتر شبیه به تجربه یک اپلیکیشن یا وبسایت واقعی باشد.
در طول این دوره، شما یک پروژه واقعی UI را گامبهگام میسازید که به شما کمک میکند هر آنچه آموختهاید را به صورت کاربردی و ساده اجرا کنید.
در پایان این کلاس، شما گردش کار اصلی فیگما را درک کرده و اعتماد به نفس لازم برای خلق طراحیهای رابط کاربری و پروتوتایپهای تعاملی خود را خواهید داشت.
آنچه خواهید آموخت:
- نحوه پیمایش در رابط کاربری فیگما
- راهاندازی اولین صفحه طراحی
- کار با متنها و اشکال هندسی
- اصول چیدمان، ترازبندی و فاصلهگذاری
- استفاده موثر از رنگها و تایپوگرافی
- آشنایی با قابلیت Auto Layout
- ساخت کامپوننتهای قابل استفاده مجدد
- بهینهسازی و سازماندهی طرحهای UI
- افزودن چندین صفحه به یک پروژه
- ساخت پروتوتایپهای تعاملی ساده
- پیشنمایش و تست پروتوتایپ
- به اشتراکگذاری و خروجی گرفتن از طرحها
- درک گردش کار UI/UX برای مبتدیان
پیشنیازها:
- یک حساب کاربری رایگان در فیگما
- کامپیوتر با دسترسی به اینترنت
- بدون نیاز به تجربه قبلی در طراحی یا کار با فیگما
- اشتیاق به یادگیری و تجربه خلاقانه
این دوره برای چه کسانی است؟
- مبتدیانی که هیچ تجربهای در فیگما ندارند
- علاقهمندان به تبدیل شدن به طراح UI/UX
- نوآموزان طراحی وب و اپلیکیشن
- طراحان گرافیکی که میخواهند وارد حوزه UI شوند
- هر کسی که به طراحی محصولات دیجیتال علاقه دارد
درسها Lessons
-
خوش آمدید به مسترکلاس جامع فیگما برای مبتدیان! Welcome to the Figma for Beginners Masterclass!
-
مقدمه: آنچه در این دوره خواهید آموخت و خواهید ساخت Introduction: What You’ll Learn and Build in This Course
-
شروع کار با فیگما Getting Started with Figma
-
راهاندازی اولین صفحه طراحی Setting Up Your First Screen
-
افزودن متن و عناصر پایه Adding Text and Basic Elements
-
تفاوت فریمها، گروهها و اشکال (Frames vs Groups vs Shapes) Frames vs. Groups vs. Shapes
-
ایجاد فریمها Creating Frames
-
افکتها (Effects) Effects
-
چیدمان، ترازبندی و فاصلهگذاری Layout, Alignment, and Spacing
-
رنگها Colors
-
تایپوگرافی Typography
-
آشنایی با Auto Layout Introduction to Auto Layout
-
ساخت کامپوننتهای ساده Creating Simple Components
-
بهینهسازی طراحی UI Refining the UI Design
-
افزودن صفحه دوم Adding a Second Screen
-
مبانی پروتوتایپینگ (نمونهسازی) Prototyping Basics
-
پیشنمایش پروتوتایپ شما Previewing Your Prototype
-
به اشتراکگذاری و خروجی گرفتن Sharing and Exporting
-
پروژه کلاسی: طراحی UI اختصاصی خودتان در فیگما Class Project : Create Your Own UI Design in Figma
-
تبریک! قدم بعدی چیست؟ Congratulations! What’s Next?
https://donyad.com/d/7cfca3
Skillademia Academy
مهارتهای خلاقانه برای آینده
کلاس جدید:
فیگما (Figma) ممکن است در اولین برخورد کمی دشوار به نظر برسد.
ابزارها، پنلها و ویژگیهای بسیار زیادی وجود دارد که بسیاری از مبتدیان نمیدانند از کجا شروع کنند یا چه مواردی در طراحی رابط کاربری واقعاً اهمیت دارد.
این دقیقاً همان مشکلی است که این دوره برای حل آن طراحی شده است.
در این کلاس مبتدی-پسند، ما با هم یک پروژه کامل UI را میسازیم و همزمان اصول فیگما را گامبهگام میآموزیم. شما یاد میگیرید چگونه ساختارهای لایه بندی را بچینید، با تایپوگرافی و رنگها کار کنید، طرحهای خود را سازماندهی نمایید و پروتوتایپهای تعاملی ساده بسازید.
تمرکز ما تنها بر یادگیری نرمافزار نیست، بلکه بر درک جریان کاری (Workflow) طراحی UI مدرن به روشی کاربردی و قابل دسترس است.
اگر میخواهید وارد دنیای طراحی UI/UX شوید یا فیگما را به صورت اصولی بیاموزید، اینجا بهترین نقطه برای شروع است.
سلام و خوش آمدید، ما Skillademiaهستیم؛ مجموعهای جهانی از طراحان، هنرمندان و متخصصان خلاق با ماموریت دسترسپذیر کردن یادگیری مهارتهای خلاقانه مدرن برای همه.
داستان ما با یک ایده ساده شروع شد: یادگیری نرمافزارهای خلاقانه باید الهامبخش، کاربردی و لذتبخش باشد. امروز، بیش از ۳۰۰,۰۰۰ دانشجو در سراسر جهان به جامعه ما پیوستهاند تا ابزارهای خلاقانه و هوش مصنوعی را از طریق کلاسهای پروژهمحور و گامبهگام استاد شوند.
هر دوره Skillademia توسط مدرسان مشتاق با تجربه واقعی در صنعت ساخته شده است —افرادی که شغلشان طراحی، انیمیشن، تدوین و تصویرسازی است. ما با هم کلاسهایی میسازیم که بر عمل کردنتمرکز دارند، نه فقط تماشا کردن؛ تا بتوانید سریعتر یاد بگیرید، بیشتر به خاطر بسپارید و با اعتمادبهنفس خلق کنید.
رویکرد ما ساده است: یادگیری از طریق خلق پروژههای واقعی؛ بهروز ماندن با آخرین فناوریهای خلاق و ابزارهای هوش مصنوعی؛ و پیوستن به جامعهای دوستانه و حمایتگر از یادگیرندگان.
ما معتقدیم خلاقیت مهارتی است که با به اشتراک گذاشتن رشد میکند و برای به اشتراک گذاشتن تجربیاتمان با شما لحظهشماری میکنیم.
نمایش نظرات