Tweet

Maybe Scrolly?

Stefan

Follow @creativeuchay

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

This Thread may be Removed Anytime!

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

More from @creativeuchay

Stefan

@creativeuchay

Oct 19

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

Thread🪢
(Cc: its.dezinx on IG) #uiux

1) for stylish navbar

2) for Material UI navbar

Read 7 tweets

Stefan

@creativeuchay

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

For Android screen size

For search bar

Read 7 tweets

Stefan

@creativeuchay

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

Stefan

@creativeuchay

Oct 16

@uiuxadrian

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

Stefan

@creativeuchay

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

Stefan

@creativeuchay

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

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!

Separate emails with commas Message

Share this page!

Stefan

People who liked this thread also liked...

Try unrolling a thread yourself!

More from @creativeuchay

Stefan

Stefan

Stefan

Stefan

Stefan

Stefan

Did Thread Reader help you today?

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

Send Email!