آموزش 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 - کامپوننت ها را به سرعت یاد بگیرید
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
2h 14m
12
Skillshare (اسکیل شیر) skillshare-small
21 آبان 1398 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
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 ساله (همچنین هنرمند) و سه فرزندش در لورنس، کانزاس، جایی که استودیوهای آنها در آنجا زندگی می کنند، زندگی می کند.

---

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

همسرم جنی. :)


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

Skillshare (اسکیل شیر)

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

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