Today, Tom Čakloš will show you how to create limits and rules to follow throughout the entire design process. There is an unlimited number of ways in which you can combine elements in a user interface. You may be struggling with all of the possibilities and trying to pick the best option among many “correct” options. This article is intended for beginner UI designers who want to learn how to make their designs more consistent and user-friendly. You don’t need a lot of experience in order to be able to follow the tips and tricks shared in it, so let’s dig in right away!
Read more…
Heydon Pickering’s new book “Inclusive Components” is here, and it’s shipping worldwide. The book explores accessible, robust solutions for the interface patterns we use every day. Jump to table of contents or get your book right away.
Read more…
In this article, Saravanan V aims to be a primer on iOS animations exhaustively covering different ways of doing so. We start off by understanding the basics of animations, move to the Core Frameworks building a single example using the different methods offered and finally looking at ways to tune performance. The goal is to educate the reader with a set of choices to add animations to his/ her iOS app.
Read more…
In UI/UX, a common pattern that’s needed time and again is that of a simple animated opening and closing panel, or ‘drawer’. You don’t need a library to make these. With some basic HTML/CSS and JavaScript, we’re going to learn how to do it ourselves. In this article, Ben Frain is going to share the details of his ‘go-to’ method in detail in this article. Let’s consider possible approaches first.
Read more…
Our products become slower, clunkier and more painful to use — often simply unbearable for keyboard- and screen reader users, and as such fragile and vulnerable for legal disputes. Let’s fix it. IToday, we bring you Heydon Pickering’s new book Inclusive Components, which explores more accessible and robust solutions for the UI patterns we author, plug in, and use every day. Jump to table of contents or pre-order the book right away.Read more…
This is a detailed guide for those who are struggling with tables in Figma. Today, Sasha Belichenko will show you how to create a table using components, so that later on you could save a lot of time on scalability and edits. Moreover, you’ll be able to easily integrate the table into your design system. To follow along, you will need to have at least some understanding of the basic Figma concepts, its interface, and how to work with Figma components. So, without further ado, let’s dig in!
Read more…
Philippe Hong has made the switch to Figma almost two years ago and he has no regrets so far. In one of his previous blog posts on the topic, he made an in-depth review of Figma, and he’s glad he could help other designers make the switch In this article, let’s take a closer look at what Figma really has to offer. Here are 20 tips on how to work faster and better with this well-known and collaborative interface design tool.
Read more…
Virtual reality is a new immersive medium for exploring content, whether that content is a film (Life of Pi), a game (Beat Saber) or a social experience (as depicted in Ready Player One). Despite its novelty, VR doesn’t require a drastically different toolset to design for — the same tools we use for web game development, 3D modeling, and others are all still applicable. In this tutorial, Alvin Wan leverages your familiarity with web development to get started with VR development.
Read more…
By using Framer X, you will speed up your design process and will be able to better communicate the interaction of your designs to the team and stakeholders. In this tutorial, Martina Pérez will show you how to build prototypes and interactions by making use of the pre-built components in Framer X and the ones available in the Framer Store. It should be useful for web designers having none to very little coding experience, interested in learning more about how to better communicate the interactions in the user interfaces they are building.
Read more…
Software development and maintenance has, generally speaking, been a time-consuming and arduous process for developers and engineers who carry the brunt of the work. However, with the introduction of front-end-as-a-service, and a company like Mason pioneering the way, that could all change. In this article, Suzanne Scacca is going to give you a closer look at FEaaS, who it’s for and why empowering product and marketing teams with it is a big deal.
Read more…
