An ultimate guide to selecting the perfect artboard size for desktop
An ultimate guide to selecting the perfect artboard size for desktop

First of all, thanks to everyone for giving so much love to An ultimate guide to selecting the perfect artboard size for mobile with over 60K views.

Since then I’ve been receiving a lot of people asking me to write an article for web/ desktop applications.

As I discussed in my guide for mobile, I have been calculating different screens, dpis, dips, pts, pixels, etc… and tried to find the best way to increase productivity without spending and wasting time to select perfect artboard size for mobile UI design.

I used the same approach to find the perfect artboard size…


Since I started to design products, I fell in love with mobile UI Designs, but the only thing that always causes trouble is to select perfect Artboard size for both Android and iOS.

I think everybody faced the problem for selecting the right artboard size, be it in Sketch App, Adobe XD, Adobe Photoshop, Figma, Framer, etc…

I have been calculating different screens, dpis, dips, pts, pixels, etc… and tried to find the best way to increase productivity without spending and wasting time to select perfect Artboard size for Mobile UI Design

Yes I know, by selecting a preset artboard…


Masking in Figma is not too different from other design tools, then why designers find it difficult to use? Let’s find out!

Using mask is simple, in any design tool.

Use an image via drag and drop/ copy-paste/ upload an image, create a shape and apply mask.

From using Adobe’s Illustrator to Photoshop to CorelDRAW, designers are using the same method to mask an image.

Then what’s the problem?

Well despite being the common method to display images masked in a shape, in UI design it becomes hard under reusing the component, (if not grouped properly.)

But are there any other ways?

Yes! there are other options available in Figma to mask an image easily

  • Filling an image in a shape
  • Using clip content under a frame

Let’s start with filling an image

Introduced by Sketch, filling an…


Have you recently switched to Figma from Sketch? or thinking to port due to it’s easy to use cloud interface? Here’s an ultimate guide that might help you.

As we’re locked up in our homes due to COVID-19 pandemic, many of us are working remotely and Figma is a go-to tool for designers for the same.

There are tons of reasons available online that may convince you to switch from Sketch to Figma, but today I’ll guide you in a journey where

  1. You have recently switched or
  2. Thinking of switching quickly, but afraid of learning a new tool.

Benefits

  1. Cloud-based
  2. Platform independent (you can use Figma on Windows, Mac or in any browser)
  3. Figma is free for 2 projects and multiple files
  4. Multiuser collaboration
  5. Single tool to Brainstorm, Wireframing…

CSS units that you should know as UI designer by @appy013 — Arpit Gupta
CSS units that you should know as UI designer by @appy013 — Arpit Gupta

Ever since I started to design — mostly practically implementable designs, I keep experimenting to fasten up the process from Design to Deployment with ease and efficiently.

Developers use their expert programming and coding knowledge to breathe life into the designer’s creative vision.

But I see a huge gap when it comes to Designer-Developer collaboration to put up the exact vision into final build. Let’s start learning —

What are units?

According to Tutorials Point,

CSS supports a number of measurements including absolute units such as inches, centimeters, points, and so on, as well as relative measures such as percentages and em units…


In my first article An ultimate guide to selecting the perfect artboard size for mobile, I wrote about how you can select the perfect artboard size for any mobile UI design. Since then I got an immense amount of feedback on my writing skills and new hot topics to write and explain in my way.

Designing for Android 🤖

From 2018–19, Android made up a massive market of 74.45%, whereas iOS captured 22.85%.

So it’s clear that leaving design for Android users may result in less business capture and reachability.

I’ll be covering tips to design for only latest Android devices.

Material Guidelines

Material Design is…

Arpit Gupta

Product Design @Airmeet_com | Dev-Design Facilitator | Design Consultant and Mentor | UI Mentor at DesignBoat UI/UX School | appy013.design | @virtuosoalpha

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store