Category: Figma
-
Portfolio Project For Local Donut Shop
Looking back in April 2021, I decided to join the Google UX Cetificate grogram on Coursea. I have completed a major milestone in having my first UX project for the course to showcase. In this post, I will walk you through the process that I personally experience and share what I would do differently, if…
-
Hidden Navigation Menus
One of the biggest challenges in designing responsive websites is finding space for all of your content across varying screen sizes. Placing content like text and a hero image can be relatively straightforward, but finding locations within smaller screen sizes for components like navigation menus can be challenging! When you design a website for a…
-
Work with Color in Mockups Using Figma
Colors are one of the important elements in design. The well use of color can move audience and make them felt connected emotionally. Color is one of the ways that humans relate to objects. From experiencing the chaning seasons to watching a truly amazing sunset, color evokes feelings. As a UX designer, it’s important to…
-
Creating a Low-Fidelity Prototype for Responsive Website in Adobe XD
This article will go through the process on how to create the low-fidelity prototype in Adobe XD as well as in Figma. A low-fidelity prototype is a simple, interactive model that provides a basic idea of what the website for your portfolio project would look like. To do this, you’ll be connecting the pages of…
-
Create Digital Wireframes in Figma
The previous article walks you through creating digital wireframes in Adobe XD. In this article, we will walk you through creating digital wireframe in Figma. The interface of the two program is similar, so it should not be a big deal to switch from one program to the next one. As a reminder, there is…
-
Learn More About Design Systems
Creating stunning visuals is crucial for attracting users, maintaining consistency across products, and establishing a brand. You might have encountered it yourself, when you feel attracted to certain brand or can recognize the brand instantly. It is not a coincident that you feel that way. It is done through hard work to put together smart…
-
Work with Type in Mockups in Figma
Before dive into using type in mockups in Figma, let’s first go over typography first. Typography is one element of visual design and it focuses on the use of text and font. There are three steps to find the perfect typography for your design: Selecting a type classification. Type classification is a generral system to…
-
Foundational Skills to Build Mockups in Figma
There are many design tools out there to get your design ready from low to high fidelity wireframe. In this post, we will be exploring Figma – design tool. We will go over the basic features. If you already Figma and have used it before this post is not for you. Before, getting started with…
Scholar Journeys 