Basics of UI Design for Mobile Apps – Artboard Size, Screen Density and Resolution for Beginners

🚀 Get 2 free months of Skillshare Premium & watch my Course for free:
https://skl.sh/2TVhf8z

In this tutorial, you are going to learn about the basics of designing user interfaces (UI) for mobile apps. I will talk about the process for both Android and iOS Apps. Even before we start thinking about fonts and colors, it is important to understand about the actual mobile devices. Since the apps we design are going to be viewed on multiple types of mobile devices, it becomes important to understand the right way to design.

So in this tutorial, I will explain various concepts about picking the right Artboard Size, Screen Resolution, Screen Density (also called as Pixel Density), Aspect Ratio, Constraints, Exporting Assets and the difference between designing for Android phones and iPhones.

Android Device Metrics:
https://material.io/resources/devices/

iPhone Device Metrics:
https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Figma File:
https://gum.co/suzS
—————————————­—-
Photoshop Tutorials:

Illustrator Tutorials:

After Effects Tutorials:

UI Design Tutorials:

Design Resources, Tools and Softwares:

Adobe XD CC Tutorials:

eSports Design Tutorials:

——————————————————————————————–
Contact me :
Twitter : https://twitter.com/kvschethan
Facebook : https://facebook.com/designpilot
Mail : designpilot21@gmail.com
Portfolio : https://behance.net/chethankvs
Instagram : https://instagram.com/design_pilot
Discord: https://discord.gg/GtjBpjD
——————————————————————————————–
LIKE, SHARE, COMMENT & SUBSCRIBE 🙂
#uidesign #uxdesign #apps

source