Categories: Growth Hacking Blog

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:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi

Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1

After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk

UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW

Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9

Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv

eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
——————————————————————————————–
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

Home Page

Zohe

Seasoned Senior Digital Growth Leader with over 25 years driving transformative growth for global organizations across diverse industries including Retail, SaaS, Telecoms, Healthcare, Technology, Hospitality, Ecommerce and Digital Media.

Recent Posts

How to pitch to journalists and earn media

𝗘𝗮𝗿𝗻𝗲𝗱 𝗠𝗲𝗱𝗶𝗮: The Free Marketing '𝗠𝗶𝗿𝗮𝗰𝗹𝗲' you should try to leverage. Unlike paid ads, you…

2 weeks ago

How I reuse my LinkedIn content on other networks using Buffer, X and Make com

How I reuse my LinkedIn content on other networks using Buffer, X and Make com…

1 month ago

How you can use Napkin.ai to get visuals from your text

HOOK: Tired of spending hours searching for the pe

4 months ago

Generating 100 Top of the Funnel SEO articles with Byword.ai and Search Console

Struggling to come up with new content ideas? Here's an easy guide for generating 100…

4 months ago

Did you know you can buy prompts from prompt marketplaces? Like Promptbase?

🚨 Have you heard of the cognitive fluency effect?

4 months ago