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 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…
A breakpoint is the range of predetermined screen sizes that have specific layout requirements. At a given breakpoint range, the layout adjusts to suit the screen size/ viewport and orientation.
Due to the variety of Grids and Design Systems, we now have multiple predetermined breakpoints to increase our confusion in UI Designs.
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.
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.)
Yes! there are other options available in Figma to mask an image easily
Introduced by Sketch, filling an…
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
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 —
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.
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.