UX Design with Figma by Tom Green & Kevin Brandon
Author:Tom Green & Kevin Brandon
Language: eng
Format: epub
ISBN: 9798868803246
Publisher: Apress
Download an Android template from the Community site. There are quite a few, though, such as the Android UI Kit from Google (Figure 6-6).
Figure 6-6The Android UI Kit contains various device frames
Having decided which devices and their viewports to target, letâs now look at how content arrives in those frames and is manipulated or edited.
Graphics and Figma
For the balance of this chapter, we will be concentrating on the use, addition, and manipulation of the assets you will use when creating high detail prototypes. These assets include images, text, and vectors. Figma is an Assembly application. Assets are prepared elsewhere and added to Figma shortly thereafter.
When it comes to UX Design, the âneed for speedâ is the prime driver. These assets have to quickly load into a browser or app. The reason is users need it now. They are not prepared to wait for something that takes more than a second or two to appear on the screen. It is critical, especially with images, that they be optimized for minimal download times.
The reason images are potential download choke points is they are bitmaps or raster graphics. Each pixel in a photograph, for example, needs 3 bits of color information: red, green, and blue. That may not seem like much, but a color image that is 100 Ã 100 pixels in size contains 10,000 pixels. Toss in the color information and that image requires 30,000 bits of information to render properly.
It isnât all sweetness and light when it comes to vectors. Some of this art can be extremely complex with thousands, if not millions, of points. Though vectors are device independent, rendering a complex image could also cause issues with download times.
Images destined for smartphones need to have the device scaling factors applied. These scaling factors, based on screen resolution, range from .75x to 4.5x depending on the device. All images used in Figma have a scaling factor of 1x, meaning you really donât have to use the other versions of the image when preparing a prototype in Figma.
What types of graphic objects can be used in Figma? Figma can handle four types of graphic objects:Primitives: Rectangle, Line, Arrow, Ellipse, Polygon, and Star are vector graphics created using their respective tools in Figma.
Download
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
In-Memory Analytics with Apache Arrow by Matthew Topol(2615)
Architects of Intelligence_The Truth About AI From the People Building It by Martin Ford(1192)
Cloud Auditing Best Practices: Perform Security and IT Audits across AWS, Azure, and GCP by building effective cloud auditing plans by Shinesa Cambric Michael Ratemo(1012)
In-Memory Analytics with Apache Arrow: Perform fast and efficient data analytics on both flat and hierarchical structured data by Matthew Topol(948)
Mastering Azure Virtual Desktop: The Ultimate Guide to the Implementation and Management of Azure Virtual Desktop by Ryan Mangan(931)
Automated Machine Learning in Action by Qingquan Song Haifeng Jin Xia Hu(855)
Ansible for Real-Life Automation - A complete Ansible handbook filled with practical IT automation use cases (2022) by Packt(673)
Learn Wireshark - A definitive guide to expertly analyzing protocols and troubleshooting networks using Wireshark - 2nd Edition (2022) by Packt(655)
Data Engineering with Scala and Spark by Eric Tome Rupam Bhattacharjee David Radford(370)
ABAP Development for SAP HANA by Unknown(309)
Automated Machine Learning in Action by Qingquan Song & Haifeng Jin & Xia Hu(252)
Kubernetes Secrets Handbook by Emmanouil Gkatziouras | Rom Adams | Chen Xi(227)
Machine Learning for Imbalanced Data by Kumar Abhishek Dr. Mounir Abdelaziz(191)
Power BI for Jobseekers by Alan Murray(188)
Asynchronous Programming in Rust by Carl Fredrik Samson;(170)
Mastering GPT-4 A Comprehensive Guide to Harnessing the Power of AI: Unleash the Potential of OpenAI's GPT-4 for Your Projects by Hussaini Saif(166)
Data Labeling in Machine Learning with Python by Vijaya Kumar Suda(165)
SWIFT AND C++ PROGRAMMING MADE SIMPLE: A BEGINNERâS GUIDE TO PROGRAMMING - 2 BOOKS IN 1 by STOKES MARK(164)
The AWK Programming Language by Aho Alfred V. Kernighan Brian W. Weinberger Peter J. & Brian W. Kernighan & Peter J. Weinberger(163)
![](/ebook_detail_files/space.gif)