Category: Mockup
-
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…
-
Use Repeat Grids to Design in Adobe XD
This reading will help you more deeply explore some of the tools that will help you with the consistency of your overall website design. Repeat grids Repeat grids are a great way to improve the appearance of your designs, as well as make your design process faster and easier. Repeat grids replicate selected elements both…
-
Add Images and Logos to Mockups in Adobe XD
Mockups are intended to serve as a representation of a real product. To make the mockups look and feel like a real website, you’ll probably need to add images and logos to the mockups. There are a few things you should consider as you search for and addd images and logos to your designs. Images…
-
How To Arrange Elements in Mockups
To create successful designs, you’ll need more than just typography, color, and iconography. You also need to plan layouts, which are ways to arrange elements on a page. The goal of layouts is to present information in a logical way, making the important elements stand out. You learned about common website layouts earlier in this…
-
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…
-
Create a Sticker Sheet for Project Designs
In this article, we will cover how to create a sticker sheet for project designs. Sticker sheet is also known as deisgn guide or design system, which it layouts all the design elements including components, typography, color, and iconography. Components consist of resuable UI components such as buttons, menus, and cards. Typography includes typographic elements…
-
Navigation in Mockups
Designing product with a simple, intuitive navigation system is essential for providing a good user experience. Therefore, it is important to consider about navigation when creating mockups. It helps users move through the app. In this reading, you’ll learn about different types of navigation and explore ways to create design with solid, effective navigation. So…
-
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 