کتاب Designing and Prototyping Interfaces with Figma: Build a modern UI/UX with auto layout, prototyping, and scalable components 3rd Edition (طراحی و نمونهسازی رابطکاربری با فیگما: ساخت UI/UX مدرن با لیاوت خودکار، نمونهسازی و کامپوننتهای مقیاسپذیر – ویرایش سوم) یک راهنمای جامع و کاربردی برای یادگیری طراحی UI/UX مدرن با استفاده از قابلیتهای قدرتمند نرمافزار فیگما است.
ویرایش سوم کتاب Designing and Prototyping Interfaces with Figma بر روی سه ستون اصلی کار با فیگما تمرکز دارد: تسلط بر لیاوت خودکار (Auto Layout) برای ایجاد طرحهای واکنشگرا و منظم، ساخت نمونههای اولیه تعاملی (Prototyping) با قابلیت کلیک و انیمیشن برای آزمایش و ارائه ایدهها، و ساختن کتابخانههای کامپوننتهای مقیاسپذیر و قابل استفاده مجدد (Scalable Components) که بهرهوری و ثبات طراحی را در پروژههای کوچک و بزرگ تضمین میکند.
در ادامه مقدمهای از کتاب Designing and Prototyping Interfaces with Figma را از زبان نویسنده شرح خواهیم داد.
مقدمهای بر کتاب Designing and Prototyping Interfaces with Figma:
به عنوان یکی از پلتفرمهای پیشرو در زمینه ابزارهای طراحی، فیگما با معرفی قابلیتها و گردشکارهای قدرتمندی که طراحی رابط را ساده کرده و امکان همکاری بلادرنگ در مقیاس بزرگ را فراهم میکنند، به تکامل خود ادامه میدهد. رویکرد مبتنی بر مرورگر آن، در کنار اکوسیستمی که مدام در حال گسترش است، فیگما را به انتخابی طبیعی برای طراحانی تبدیل کرده که در رشتهها، تیمها و دستگاههای مختلف کار میکنند.
در کتاب Designing and Prototyping Interfaces with Figma، رابط کاربری (UI) یک اپلیکیشن واکنشگرای برنامهریزی سفر را طی یک فرآیند ساختاریافته گامبهگام، از اکتشاف و ایدهپردازی تا طراحی، نمونهسازی اولیه و تحویل، طراحی خواهید کرد. با درک نیازهای کاربر و سازماندهی تحقیقات اولیه با استفاده از FigJam آغاز خواهید کرد، سپس به تدریج به سمت ساخت یک رابط کامل با استفاده از ویژگیهای اصلی فیگما حرکت میکنید. در سراسر کتاب Designing and Prototyping Interfaces with Figma، تئوری و عمل به هم پیوند خوردهاند تا بتوانید هر مفهوم را بلافاصله پس از معرفی به کار بگیرید.
سفر یادگیری شما موضوعات اساسی مانند سیستمهای چیدمان، تایپوگرافی، رنگ و گرید را پوشش میدهد و سپس به سراغ ویژگیهای پیشرفتهتری از جمله لیاوت خودکار، کامپوننتها و واریانتها میرود. با پیشرفت کار، طراحیهای خود را برای چیدمانهای موبایل، تبلت و دسکتاپ تطبیق میدهید تا یکپارچگی و مقیاسپذیری حفظ شود. همچنین یاد خواهید گرفت که چگونه نمونههای اولیه تعاملی ایجاد کنید، آنها را روی دستگاههای مختلف تست کرده و کار خود را به طور مؤثر با ذینفعان و توسعهدهندگان به اشتراک بگذارید.
در فصول بعدی، کتاب Designing and Prototyping Interfaces with Figma راههای گسترش و بهینهسازی گردش کار شما را از طریق منابع جامعه فیگما، پلاگینها، ویجتها و فایلهای قابل استفاده مجدد بررسی میکند. یک بخش پیشرفته نیز متغیرها و نمونهسازی شرطی را معرفی میکند تا بتوانید سطح بالاتری از منطق و تعامل به نمونههای اولیه خود اضافه کنید و در عین حال یک سیستم طراحی ساختاریافته و قابل نگهداری حفظ کنید.
در پایان کتاب Designing and Prototyping Interfaces with Figma، درک عمیقی از گردش کار کامل طراحی UI در فیگما خواهید داشت. شما قادر خواهید بود با اطمینان از ابزارهای ضروری آن استفاده کنید، فایلهای خود را به طور مؤثر سازماندهی کرده و رابطهای واکنشگرا و خوشساخت بسازید که در دستگاهها و پروژههای مختلف مقیاسپذیر باشند.
کتاب Designing and Prototyping Interfaces with Figma برای چه کسانی است؟
این کتاب برای طراحان تازهکار UI و UX که میخواهند کار با فیگما را شروع کنند و همچنین طراحان باتجربهای که از دیگر ابزارهای طراحی به فیگما کوچ میکنند طراحی شده است. همچنین برای طراحان محصول و گرافیک که میخواهند درک خود را از گردشکارهای طراحی رابط در یک محیط مشارکتی عمق بخشند مناسب است.
نیازی به تجربه قبلی با فیگما نیست. کتاب Designing and Prototyping Interfaces with Figma شما را در کل فرآیند طراحی و نمونهسازی اولیه یک رابط واکنشگرا راهنمایی میکند و بنابراین برای هر کسی که میخواهد درک عملی و ساختاریافتهای از طراحی رابط مدرن با استفاده از فیگما به دست آورد ایدهآل است.
سرفصلهای کتاب Designing and Prototyping Interfaces with Figma
فصل ۱، شناخت فیگما و انتقال از سایر ابزارها: مقدمهای بر فیگما و مأموریت آن، توضیح تفاوتهای اصلی بین نسخه دسکتاپ و وب اپ آن، بررسی رابط صفحه خوشآمدگویی فیگما و راهنمایی برای مهاجرت از اسکچ و Adobe XD به فیگما.
فصل ۲، ساختاردهی مودبوردها، پرسوناها و فلوهای کاربری در FigJam: درباره نحوه کار در FigJam، ابزار اضافی پیادهسازی شده در فیگما، و استفاده از آن برای جمعآوری و تحلیل دادهها در مراحل اولیه کار طراحی.
فصل ۳، آشنایی با محیط طراحی: مروری بر ابزارهای فیگما در نوار ابزار، عملکردهای پنل چپ و راست، و دستورالعمل شروع یک پروژه جدید از صفر.
فصل ۴، وایرفریمینگ یک تجربه موبایلفرست با استفاده از اشکال برداری: تمرکز بر تعریف ساختار برنامه و ساخت وایرفریم آن با استفاده از ابزارهای شکل و برداری فیگما.
فصل ۵، طراحی یکپارچه با استفاده از گریدها، رنگها و تایپوگرافی: کاوش در استایلها، ویژگی قدرتمندی که مدیریت و استفاده مجدد از گریدها، تایپوگرافی، رنگها و افکتها را در یک پروژه طراحی آسان میکند.
فصل ۶، ایجاد یک رابط موبایل واکنشگرا با استفاده از لیاوت خودکار: معرفی لیاوت خودکار، یکی از ویژگیهای پیشرفته فیگما، و راهنمایی برای بهترین شیوه اعمال آن با استفاده از تغییر اندازه و قیدها.
فصل ۷، ساخت کامپوننتها و واریانتها در یک فضای کار مشارکتی: تمرکز بر ایجاد کامپوننتها و واریانتها (که هر دو از عملکردهای حیاتی فیگما هستند) و همچنین کاوش در ابزارهای دیگری مانند حالت چندنفره، کتابخانهها و کنترل نسخه.
فصل ۸، طراحی رابط کاربری برای تبلت، دسکتاپ و وب: بررسی اصول اولیه طراحی واکنشگرا و تمرکز بر نحوه تنظیم طراحی رابط برای دستگاهها و رزولوشنهای صفحه نمایش مختلف.
فصل ۹، نمونهسازی اولیه با Transitionها، Smart Animate و کامپوننتهای تعاملی: کاوش در امکانات و عملکردهای مختلف نمونهسازی اولیه در فیگما، از پایه تا پیشرفته.
فصل ۱۰، تست و اشتراکگذاری نمونه اولیه در مرورگرها و دستگاههای واقعی: پوشش تمام روشهای مشاهده و تست یک نمونه اولیه تعاملی، و همچنین نحوه اشتراکگذاری آن با دیگران و کار با بازخوردها.
فصل ۱۱، خروجی گرفتن از Assetها و مدیریت فرآیند تحویل: تمرکز بر آمادهسازی assetهای پروژه طراحی برای توسعه بیشتر، به همراه مروری بر حالت توسعه (Dev Mode).
فصل ۱۲، گسترش گردش کار با منابع، پلاگینها، ویجتها و ابزارهای هوش مصنوعی: پوشش جامعه فیگما و نحوه پیمایش در آن برای یافتن فایلها، ویجتها و پلاگینهای مناسب که میتوانند گردش کار طراحی شما را بهبود بخشند، در کنار افزونههای مبتنی بر هوش مصنوعی و ابزارهای شخص ثالث.
فصل ۱۳، ورود به مباحث پیشرفته با متغیرها و نمونهسازی شرطی: معرفی متغیرها و نمونهسازی شرطی در فیگما با هدف افزودن تعامل بیشتر به طراحیها و پویاتر و کاربردیتر کردن نمونههای اولیه.
سرفصلهای کتاب Designing and Prototyping Interfaces with Figma:
- Cover
- Title Page
- Copyright and credit page
- Dedication
- Contributors
- Table of Contents
- Preface
- Part 1: Introduction to Figma and FigJam
- Chapter 1: Exploring Figma and Transitioning from Other Tools
- Chapter 2: Structuring Moodboards, Personas, and User Flows within FigJam
- Chapter 3: Getting to Know Your Design Environment
- Chapter 4: Wireframing a Mobile-First Experience Using Vector Shapes
- Part 2: Designing Interfaces with Figma
- Chapter 5: Designing Consistently Using Grids, Clors, and Typography
- Chapter 6: Creating a Responsive Mobile Interface Using Auto Layout
- Chapter 7: Building Components and Variants in a Collaborative Workspace
- Chapter 8: User Interface Design on Tablet, Desktop, and the Web
- Part 3: Prototyping, Testing, and Sharing Interfaces
- Chapter 9: Prototyping with Transitions, Smart Animate, and Interactive Components
- Chapter 10: Testing and Sharing Your Prototype in Browsers and Real Devices
- Chapter 11: Exporting Assets and Managing the Handover Process
- Chapter 12: Expanding Your Workflow with Resources, Plugins, Widgets, and AI Tools
- Chapter 13: Going Advanced with Variables and Conditional Prototyping
- Chapter 14: Unlock Your Exclusive Benefits
- Other Books You May Enjoy
- Index
جهت دانلود کتاب Designing and Prototyping Interfaces with Figma میتوانید پس از پرداخت، دریافت کنید.
دیدگاهها
هیچ دیدگاهی برای این محصول نوشته نشده است.