Stefan Profile picture
Oct 24 7 tweets 3 min read
UI/UX Design tips: Web design elements' size.

Thread🪢

(Cc: its.dezinx IG) #uiux #uidesign #webdesigner
1) Top Navbar - Desktop version
2) Top navbar - Mobile version
3) Navigation rail - Desktop version
4) Dashboard grid - Desktop version
Collapse Navigation rail - Desktop version
Pagination size

• • •

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

Keep Current with Stefan

Stefan 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 @creativeuchay

Oct 19
UI/UX design tips:
Bottom Navigation bar size guide.

Thread🪢
(Cc: its.dezinx on IG) #uiux Image
1) for stylish navbar Image
2) for Material UI navbar Image
Read 7 tweets
Oct 18
UI/UX design tips: UI elements size guide.

These guides are not fixed, you can change them with the use of a proper grid system and font. These are just for beginners in the field with little or no idea.
(Cc: its.dezinx in IG). #uiux Image
For Android screen size Image
For search bar Image
Read 7 tweets
Oct 17
Have been getting a lot of DM's on UI/UX design mentorship and how to kick-start a career as a UI/UX designer.
Currently, I won't be able to mentor anyone till next year, have already gotten enough mentees.

Here's a thread on how to kick-start a career in UI/UX design. #uiux
1) Take a UI/UX design course. If you have financial challenges I suggest applying for financial aid on Coursera. CALARTS and Google can grant you to take the course for free.
Although CALARTS has 4 design extensive courses whereas Google has 7. I recommend both because they teach the same thing.
1) Visit coursera.org to get started, and search for UI/UX design courses.
2) Choose course 1
Read 4 tweets
Oct 16
UI/UX design tips:

Best design tips to master iOS design.

Also, Check iOS 16 kit by Joey Banks and use it for free.
(Cc @uiuxadrian) #uiux #uiuxdesign
1) Design all interactions: Show the success state, loading state, and error state. Also include a confirmation screen, and notification popup if needed. Avoid guesswork for the users.
2) Improve your lists.

To improve your list's design you should consider adding a search field (for 5+ items). Your search should enable the user to clear the active keyword input as well as cancel out of the flow. For that, you need to add "clear" and "cancel" buttons.
Read 7 tweets
Oct 15
UI/UX design tip:

Here's how to set up colours for your next project.

Cc @itsdeznix on IG #uiux
1) Select your primary colour which can be picked from the logo most of the time.
2) Select a secondary colour that complements your primary colour. You can also find it on the logo.
Read 8 tweets
Oct 14
UI/UX design portfolio inspiration from a few designers who work at google.

#uiuxdesign #PortfolioDay
1) Leecy Li - leecy.li
2) Rachel Inman - rachelinman.design
Read 6 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!

:(