Category: Adobe XD
-
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…
-
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…
-
Creating Digital Wireframes for a Desktop Screen Size in Adobe XD
In this article, we’re are going to through the process of building digital wireframes for the responsive webiste. Transitioning from low-fidelity paper wireframes to low-fidelity digital wireframes is a big step, so it’s important to ask yourself some key questions before you start: Do you have a clear understanding of the layout of the website?…
Scholar Journeys 