Designing and Prototyping Interfaces with Figma: Learn essential UX/UI design principles by creating interactive prototypes for mobile, tablet, and desktop (Paperback)
暫譯: 使用 Figma 設計與原型製作介面:透過創建互動原型學習基本的 UX/UI 設計原則,適用於手機、平板和桌面

Staiano, Fabio

買這商品的人也買了...

商品描述

Discover user experience and user interface design best practices while mastering a wide array of tools across Figma and FigJam with this full-color guide

Key Features

- Learn the basics of user experience research, result organization, and analysis in FigJam
- Create mockups, interactive animations, and high-fidelity prototypes using this platform-independent web application tool
- Collaborate with a team in real-time and create, share, and test your designs

Book Description

A driving force of the design tools market, Figma makes it easy to work with classic design features while enabling unique innovations and opening up real-time collaboration possibilities. It comes as no surprise that many designers decide to switch from other tools to Figma.

In this book, you'll be challenged to design a user interface for a responsive mobile application having researched and understood user needs. You'll become well-versed with the process in a step-by-step manner by exploring the theory first and gradually moving on to practice. You'll begin your learning journey by covering the basics of user experience research with FigJam and the process of creating a complete design using Figma tools such as Components, Variants, Auto Layout, and much more. You'll also learn how to prototype your design and explore the potential of community resources such as templates and plugins.

By the end of this Figma book, you'll have a solid understanding of the user interface workflow, managing essential Figma tools, and organizing your workflow.

What you will learn

- Explore FigJam and how to use it to collect data in the research phase
- Wireframe the future interface with shape tools and vectors
- Define grids, typography, colors, and effect styles that can be reused in your work
- Get to grips with Auto Layout and the constraints to create complex layouts
- Create flexible components using styles and variants
- Make your user interface interactive with prototyping and smart animate
- Share your work with others by exporting assets and preparing development resources
- Discover templates and plugins from the community

Who this book is for

This book is for aspiring UX/UI designers who want to get started with Figma as well as established designers who want to migrate to Figma from other design tools. This guide will take you through the entire process of creating a full-fledged prototype for a responsive interface using all the tools and features that Figma has to offer. As a result, this Figma design book is suitable for both UX and UI designers, product and graphic designers, and anyone who wants to explore the complete design process from scratch.

商品描述(中文翻譯)

在這本全彩指南中,探索使用者體驗和使用者介面設計的最佳實踐,同時掌握 Figma 和 FigJam 的各種工具

主要特色

- 學習使用者體驗研究的基本知識、結果組織和分析在 FigJam 中的應用

- 使用這個平台無關的網頁應用工具創建模型、互動動畫和高保真原型

- 與團隊實時協作,創建、分享和測試您的設計

書籍描述

作為設計工具市場的推動力,Figma 使得使用經典設計功能變得簡單,同時促進獨特的創新並開啟實時協作的可能性。因此,許多設計師選擇從其他工具轉向 Figma 也就不足為奇了。

在這本書中,您將面臨挑戰,設計一個響應式移動應用的使用者介面,並在研究和理解使用者需求後進行設計。您將通過逐步探索理論,然後逐漸進入實踐,熟悉這個過程。您將從 FigJam 的使用者體驗研究基礎開始學習,並使用 Figma 工具(如 Components、Variants、Auto Layout 等)創建完整設計的過程。您還將學習如何原型化您的設計,並探索社群資源的潛力,例如模板和插件。

在這本 Figma 書籍結束時,您將對使用者介面工作流程、管理基本的 Figma 工具以及組織您的工作流程有扎實的理解。

您將學到什麼

- 探索 FigJam 及其在研究階段收集數據的使用方法

- 使用形狀工具和向量為未來的介面製作線框圖

- 定義可重用的網格、字體、顏色和效果樣式

- 熟悉 Auto Layout 和約束以創建複雜的佈局

- 使用樣式和變體創建靈活的組件

- 通過原型設計和智能動畫使您的使用者介面互動

- 通過導出資產和準備開發資源與他人分享您的作品

- 探索社群中的模板和插件

本書適合誰

這本書適合希望開始使用 Figma 的新興 UX/UI 設計師,以及希望從其他設計工具轉移到 Figma 的資深設計師。本指南將帶您完成使用 Figma 提供的所有工具和功能創建完整原型的整個過程。因此,這本 Figma 設計書適合 UX 和 UI 設計師、產品和圖形設計師,以及任何希望從零開始探索完整設計過程的人。

目錄大綱

1. Exploring Figma and Transitioning from Other Tools
2. Structuring Moodboards, Personas, and User Flows within FigJam
3. Getting to Know Your Design Environment
4. Wireframing a Mobile-First Experience Using Vector Shapes
5. Designing Consistently Using Grids, Colors, and Typography
6. Creating a Responsive Mobile Interface Using Auto Layout
7. Building Components and Variants in a Collaborative Workspace
8. User Interface Design on Tablet, Desktop, and the Web
9. Prototyping with Transitions, Smart Animate, and Interactive Components
10. Testing and Sharing your Prototype on Browsers and Real Devices
11. Exporting Assets and Managing the Handover Process
12. Discovering Plugins and Resources in the Figma Community

目錄大綱(中文翻譯)

1. Exploring Figma and Transitioning from Other Tools

2. Structuring Moodboards, Personas, and User Flows within FigJam

3. Getting to Know Your Design Environment

4. Wireframing a Mobile-First Experience Using Vector Shapes

5. Designing Consistently Using Grids, Colors, and Typography

6. Creating a Responsive Mobile Interface Using Auto Layout

7. Building Components and Variants in a Collaborative Workspace

8. User Interface Design on Tablet, Desktop, and the Web

9. Prototyping with Transitions, Smart Animate, and Interactive Components

10. Testing and Sharing your Prototype on Browsers and Real Devices

11. Exporting Assets and Managing the Handover Process

12. Discovering Plugins and Resources in the Figma Community

最後瀏覽商品 (1)