Category: UX Design
-
Web Accessiblity in UX Design
When it comes to web content design, you should follow the Web Content Accessibility Guidelines (WCAG), which explain how to make web content more accessible to people with disabilities. You can explore WCAG on your own to better understand the design standards recommended. To help you get started, get ready to explore a few ways…
-
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…
-
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…
-
Gestalt Principles in Wireframes
The design of an app or website is subjective and open to a user’s personal interpretations, thoughts, or feelings. Although a user’s reaction to a design might be subjective, the design itself isn’t. Your designs will give users solid solutions to problems they experience. Think about what the user wants to do when they visit…
-
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…
Scholar Journeys 