آموزش Figma Bootcamp 1 - کامپوننت ها را به سرعت یاد بگیرید

Figma Bootcamp 1 - Learn Components Quickly

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

با یادگیری اصول اولیه کامپوننت ها و اینکه چگونه می توانند به طراحی تعاملی شما کمک کنند، در دنیای طراحی UI به خود برتری بدهید. به سرعت مؤلفه‌هایی (مانند نمادها) در Figma ایجاد کنید که با کشش برای طراحی واکنش‌گرا، ساخت ترکیب‌بندی‌های آسان و ویرایش سریع، برای شما کار می‌کنند. این کلاس کل سیستم مؤلفه‌ها و نحوه ساخت هر کدام را طی فرآیندی گام به گام بررسی می‌کند. این کلاس همچنین به نحوه استفاده از مؤلفه‌ها برای سرعت بخشیدن به فرآیند طراحی رابط کاربری و ایجاد آسان تغییرات مختلف از یک مؤلفه می‌پردازد. با تقسیم کردن هر مؤلفه به ویدیوهای جداگانه، می‌توانید به سرعت به مؤلفه‌هایی بروید که در مورد آنها به کمک نیاز دارید و غرق نشوید. این کلاس مبتدی Figma ابزارهایی را در اختیار شما قرار می‌دهد تا شغل رابط کاربری خود را راه‌اندازی کنید.

این کلاس به این جلسات جدایی می رود:

  1. اجزای منو و تنظیمات.

  2. اجزای فرم و نحوه ساخت اجزای اصلی فرم.

  3. تغییرات مشتری - به سرعت طراحی را با ویرایش اجزای اصلی تغییر دهید.

  4. دکمه‌ها - اجزای دکمه‌های پاسخگو و دکمه‌های ثانویه با حالت‌های مختلف.

  5. منوی شناور - با ویرایش مؤلفه‌ها، منوی اصلی را به راحتی به منوی شناور تغییر دهید.

  6. دکمه با نمادها - ساختن دکمه‌ها با چندین نماد و حالت‌های فعال به عنوان مثال: دکمه‌های رسانه‌های اجتماعی.

  7. مولفه‌های انتخاب - دکمه‌های رادیویی و چک باکس‌های دارای حالت‌های فعال.

  8. اجزای برگه - استفاده از اجزای پاسخگو برای افزودن آسان برگه های جدید و نشان دادن وضعیت فعال.

  9. جداول - استفاده از مؤلفه‌ها برای افزایش سرعت ساخت طراحی و تغییر پویا محتوا.

  10. فراخوانی نقل قول بلوکی - چگونه یک طرح نقل قول بلوکی با سه قسمت مختلف ایجاد کنیم و چگونه آن را به محتوا پاسخگو کنیم.

  11. جداول قیمت‌گذاری - استفاده از 1 جزء برای ایجاد یک جدول قیمت‌گذاری سریع 3 ستونی که به طراحی شما تغییر می‌کند.

---

منابع

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

فرآیند برایان را دنبال کنید تا یک صفحه وب پر از کامپوننت بسازید. چند سوال که باید در طول ساخت خود به آنها توجه کنید:

  • از چه اجزایی بیشتر استفاده می کنید؟
  • آیا سوالات بیشتری وجود دارد که می خواهید پاسخ داده شود؟
  • چگونه سیستم های جزء خود را ذخیره می کنید؟

هرجا که در این فرآیند هستید، کار و سؤالات خود را در اینجا به اشتراک بگذارید. من نمی‌توانم منتظر بمانم تا ببینم به چه چیزی می‌رسی!

--


سرفصل ها و درس ها

درس ها Lessons

  • دکمه با نمادها - ساخت دکمه هایی با چندین نماد و حالت های فعال. Button With Icons - building buttons with multiple icons and active states.

  • اجزای برگه - استفاده از اجزای پاسخگو برای افزودن آسان برگه های جدید. Tab components - using responsive components to easily add new tabs.

  • !intro bootcamp !intro bootcamp

  • منوی شناور - منوی اصلی را تغییر می دهیم و یک منوی شناور می سازیم. Floating Menu - We change the original menu and build a floating menu.

  • اجزای فرم و نحوه ساخت اجزای اصلی فرم. Form Components and how to build master form components.

  • جداول قیمت گذاری - 1 جزء برای ایجاد یک جدول قیمت گذاری سریع 3 ستونی. Pricing tables - 1 component to build out a quick 3 column pricing table.

  • دکمه ها - به اجزای دکمه های پاسخگو و دکمه های ثانویه و موارد دیگر مسلط شوید Buttons - master responsive button components and secondary buttons and more

  • اجزای منو و تنظیمات. Menu Components and setup.

  • اجزای انتخاب - دکمه های رادیویی و چک باکس های دارای حالت های فعال. Selection components - radio buttons and check boxes with active states.

  • تغییرات مشتری - به سرعت طراحی را با ویرایش اجزای اصلی تغییر دهید. Client Changes - quickly shift design by editing master components.

  • نقل قول های بلوکی Blockquotes

  • جداول - استفاده از اجزای سازنده برای سرعت بخشیدن به طراحی و تغییر پویا. Tables - Using components to speed up your design build and dynamically change..

نمایش نظرات

آموزش Figma Bootcamp 1 - کامپوننت ها را به سرعت یاد بگیرید
جزییات دوره
2h 14m
12
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
2,842
4 از 5
ندارد
دارد
دارد
Brian White
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Brian White Brian White

طراح رابط کاربری/طراح برند


برایان مدیر خلاق در لارنس است. او رشد استراتژیک و خلاق استودیو را هدایت می کند و در عین حال به عنوان طراح ارشد در بسیاری از پروژه های مشتری خدمت می کند. برایان که شیفته رنگ، طرح، الگو و تایپوگرافی برندسازی شده است، دوست دارد این دیدگاه را برای مشتریان و کسب و کارها اعمال کند. او فراوانی صنعت برندسازی ملی و تجربه رابط کاربری را به روی میز آورده و پایه ای قوی در استراتژی برند تعاملی ایجاد کرده است. برایان از ارتباط و همکاری با آژانس های خارجی و استودیوهای طراحی که عشق های مشابهی در برند و طراحی تعاملی دارند لذت می برد. برخی از شرکت هایی که برایان با آنها کار کرده است عبارتند از: Motorola، PBS، Sprint، Dell، Capital One، Geico، Microsoft، دانشگاه کانزاس، دانشگاه ایالتی آریزونا، Coupons Inc.، American Cancer Society، Mayo Clinic، SAP، American Society of Diabetes، Legacy، AFT، Dairy Farmers of America، Verizon، WatchGuard، و موارد دیگر.

برایان برای همه وب‌سایت‌های وردپرس خود از آن استفاده می‌کند. او از تصاویر استوک، ویدئو و صدا از envato استفاده می‌کند.او برای برندسازی و مدل‌های طراحی خود استفاده می‌کند.


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

را در و https://twitter.com و https://dribbble.com/BrianWhite دنبال کنید.

برایان همچنین 20 سال در هنر، طراحی و هنرهای ارتباطی کار کرده است. او دوست دارد سبک ها و تکنیک های جدید را هم در نقاشی و هم در چاپگری امتحان کند. او دائماً مرزهای کاری را که می تواند با رنگ روغن و اکریلیک انجام دهد، در پیش می گیرد. او دوست دارد در سبک ها و اندازه های مختلف کار کند. برایان همچنین در چاپ های بلوکی و چاپ های برجسته با مشمع کف اتاق کار می کند تا خط خط "اچ خشک" چاپ های قلمی را به دست آورد. برایان با همسرش 20 ساله (همچنین هنرمند) و سه فرزندش در لورنس، کانزاس، جایی که استودیوهای آنها در آنجا زندگی می کنند، زندگی می کند.

---

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

همسرم جنی. :)


تخصص ها: طراحی رابط کاربری، طراحی اپلیکیشن، طراحی وب، طراحی لوگو، برندسازی، طراحی هویت، طراحی رسانه های اجتماعی، طراحی آیکون، تصویرسازی، طراحی ویدئو، و طراحی چاپ.