Basics of UI Design for Mobile Apps - Artboard Size, Screen Density and Resolution for Beginners
Design Pilot Design Pilot
100K subscribers
174,935 views
0

 Published On Nov 10, 2019

🚀 Get 2 free months on 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/ult...

Figma File:
https://gum.co/suzS

🔗 -    • Basics of Responsive Web Design and B...  
🔗 -    • Designing Grid Layouts for Dashboards...  

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

🚀 Create an account on Mobbin for free:
https://mobbin.com/?referrer_workspac...
--------------------------------------­---
Photoshop Tutorials:
   • Photoshop CC Tutorials  

Illustrator Tutorials:
   • Illustrator CC Tutorials  

After Effects Tutorials:
   • After Effects CC Tutorials  

UI Design Tutorials:
   • UI Animation/Interaction Tutorials  

Design Resources, Tools and Softwares:
   • Design Resources, Tools and Softwares  

Adobe XD CC Tutorials:
   • Adobe XD CC Tutorials  

eSports Design Tutorials:
   • eSports Design Tutorials  
--------------------------------------------------------------------------------------------
Contact me :
Twitter :   / kvschethan  
Facebook :   / designpilot  
Mail : [email protected]
Portfolio : https://behance.net/chethankvs
Instagram :   / design_pilot  
Discord:   / discord  
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#uidesign #uxdesign #apps

show more

Share/Embed