UI Adrian Profile picture
Jan 22 β€’ 11 tweets β€’ 3 min read
You need to know these Android UI elements (visual thread)πŸ‘‡
1. Status bar
2. Navigation bar
3. Top app bar
4. Bottom app bar
5. Tab bar
6. Switches
7. Segmented buttons
8. Alerts
That's it from me guys!

If you enjoyed this thread:

1. Follow me @uiuxadrian for more design-related threads and videos

2. RT the tweet below to share this thread with your audience πŸ’œ
P.S. If you want to learn how to design iOS/Android apps step-by-step, I cover everything you need to know about mobile design in my 770+ page-long ebook 😊

30% off promo is active on Twitter only

Check it out belowπŸ‘‡
uiadrian.gumroad.com/l/design-manua…

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with UI Adrian

UI Adrian Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @uiuxadrian

Jan 23
Tutorial Thread πŸ‘‡

How to create a beautiful galaxy highlight effect in figma ✨ Image
01. Add a frame πŸ–Ό

Add a 1440x1024 frame and change fill to #000211 Image
02. Create an oval ⃝

Hit "O" and draw an oval shape filling the entire bottom of the frame. Use the same fill #000211 Image
Read 13 tweets
Jan 21
Pixels vs DP (Android) vs Points (iOS)
- what's the difference?
1. When we design in Figma our default unit of measurement is a simple pixel.

When we look at iOS design, we ought to refer to points instead of pixels, and while designing for Android, we use density-independent pixels (DP).

What does it mean for you as a designer?
2. Pixels vs DP vs Points

To get the concept of pixels right, we first need to discuss pixel density and explain how to measure it. Image
Read 8 tweets
Jan 21
8 amazing and free-to-use Google Fonts (visual thread) πŸ‘‡ Image
1. Urbanist Image
2. DM Sans Image
Read 11 tweets
Jan 15
You need to know these iOS elements (visual thread)πŸ‘‡
1. Status bar
2. Home indicator
Read 11 tweets
Jan 13
Every UX/UI designer should know these websites (mega thread)πŸ‘‡
1. Material Design

A design system from Google that helps to create consistent, intuitive, and beautiful digital products.
m3.material.io
2. Human Interface Guidelines

Set of design principles and recommendations for creating user interfaces that are intuitive, easy to use, and consistent across all Apple devices.

developer.apple.com/design/human-i…
Read 15 tweets
Jan 13
How to master spacing in UI πŸ‘‡
1. Intro
2. The status bar
Read 10 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(