Share this page!

Enter Twitter Thread URL to Unroll

Needs to be the full URL like: https://twitter.com/threadreaderapp/status/1644127596119195649

How to get URL link on Twitter App

  1. On the Twitter thread, click on or icon on the bottom
  2. Click again on or Share Via icon
  3. Click on Copy Link to Tweet
  4. Paste it above and click "Unroll Thread"!
  5. More info at Twitter Help
Adham Dannaway Profile picture
@AdhamDannaway
May 16 • 12 tweets • 4 min read Twitter logo Read on Twitter
⭐️ 10 Awesome free icon sets

I honestly can't believe they're free.

What's your go-to icon set? 🤔

#design #icons #ux #webdesign #icondesign Image
1️⃣ glyphs.fyi
2️⃣ lucide.dev
3️⃣ iconic.app
4️⃣ iconoir.com
5️⃣ tabler-icons.io
6️⃣ remixicon.com
7️⃣ heroicons.com
8️⃣ icons.download
9️⃣ feathericons.com
🔟 phosphoricons.com
If you found this thread helpful:

❤️ Follow me @AdhamDannaway for daily design tips
🔁 Retweet the below tweet to share this thread 👇

• • •

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

Keep Current with Adham Dannaway

Adham Dannaway 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 @AdhamDannaway

Adham Dannaway Profile picture
May 16
🔤 My top 10 free typefaces for UI design

Interfaces can quickly get cluttered 😮

An easy way to declutter them is by simplifying the thing that takes up the most space - text.

Here are my go-to sans serif typefaces for optimal legibility and simplicity.

0 / 10 👇 Image
Things I look for in a typeface:

✅ Sans serif, as they're generally the most legible, neutral, and simple. This makes them a safe option for UI design.

✅ Relatively tall lower case letters (x-height) and comfortable letter spacing for optimal legibility.
✅ Modern geometric style for a contemporary vibe.

✅ Constant stroke thickness (low contrast) for a clean and minimal feel.
Read 15 tweets
Adham Dannaway Profile picture
Mar 14
💥 16 little UI design rules that make a big impact

UI design might appear to be a magical art form, but a lot of it is made up from logical rules or guidelines.

We’ll redesign an example interface using 16 of 100+ guidelines from my book - @PracticalUI

A mega thread👇
1. Use space to group related elements

The lack of space between content makes the design look cluttered and difficult to understand. Increasing spacing helps to clearly group content, making it more organised and easier to understand.
2. Be consistent

Similar elements should look and work in a similar way. This should be true both within your product and when compared with others.

This predictable functionality improves usability and reduces errors, as people don't need to keep learning how things work.
Read 28 tweets
Adham Dannaway Profile picture
Mar 14
🚨 Launch alert 🚀

My UI design book @PracticalUI 📘 is live on @ProductHunt 🥳

I spent thousands of hours over 1.5 years crafting a book to teach anyone how to design user interfaces using logical rules.

I'd love your support and feedback. Thanks 🙏
👉 producthunt.com/posts/practica…
@PracticalUi @ProductHunt Going up against all the AI app companies on Product Hunt is tough 😮

Here's how things are going after the first hour. Wish me luck and/or send me tips/advice 😅 Thanks
4 hours in and I've dropped to 7th position.

The AI tool in 1st position has over 400 upvotes already 🤯 Looks like their whole company is behind the launch.

Tough to compete as a company of 1 😅
Read 9 tweets
Adham Dannaway Profile picture
Mar 13
⚡️ UI design tip: Check your buttons for common mistakes 😮

After nearly 2 decades looking at buttons, I've noticed that most of them have usability and accessibility issues.

Some quick and practical tips to avoid common mistakes 👇

#design #uxui #uxdesign
✅ Define 3 buttons styles (primary, secondary and tertiary) to display actions of varying importance.

✅ Ensure buttons have a clear visual hierarchy (order of importance) that isn't reliant on colour alone.
✅ Ensure contrast ratio of the button shape is at least 3:1 to meet WCAG 2.1 level AA accessibility requirements.

✅ Ensure button text contrast ratio is at least 4.5:1.

✅ Use a large target area (at least 48pt by 48pt) to ensure people can easily select buttons.
Read 6 tweets
Adham Dannaway Profile picture
Feb 12
Usability pitfalls of disabled buttons

Disabled buttons can cause users to get blocked without knowing why, causing abandonment and frustration.

Tips on how to deal with disabled buttons from @vitalyf's video course - Smart Interface Design Patterns 👇

#design #ui #ux #uxui
Always keep buttons enabled by default

Always keep buttons enabled by default and allow users to interact with them. Disabled buttons can cause users to get blocked without knowing why causing abandonment and frustration.
Point to errors on submit

On submit, explain to users why they can’t proceed, and how to fix errors:

• For a single error, point users to the invalid input via a text link.
• For multiple errors, display an error summary at the top and link to it.
Read 8 tweets
Adham Dannaway Profile picture
Dec 20, 2022
🔥 100 Landing page hot tips
By @robhope

Improve your landing page designs with these quick and actionable tips.

Here are a few of my faves 👇

#landingpagedesign #design #uxdesign #webdesign #uxui
🔥 Spice up those Call-To-Action (CTA) buttons.

You are excited to share your product/service.

🚫 Click Here
🚫 Sign Up

Use actionable phrases.

✅ Discover the wonders of science
✅ Request a call from our agents
✅ Unlock creativity for only $19
🔥 When in doubt, double the padding.

"Whitespace" is not just breathing room for your content but breathing room for the visitor.

Digestible content improves focus and allows for a better understanding of your offering.
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!

Send Email!

:(