UI design trends of today and how to apply them in your apps

1

System Color Picker

If you have a Mac, Sindre Sorhus’ System Color Picker is excellent, and.

#Color Tools #Color Picker #Screenshot Annotation 2 social mentions

2

Material Icons

How can I achieve this? When using icons in your apps, you should use the icon set designed with the font you’re using: this is trivial if you’re using system fonts, which now all have system icon fonts. But if you’re using another UI font, there probably isn’t an icon set designed specifically for that font. Using an outline icon set is sufficient, such as the open-source Feather icons or Iconic.app. And if you were using filled Material Icons like us, you can easily switch to the outline style. (It seems Google has now made this style the default as part of Material Design 3.).

#Design Tools #Icons #Developer Tools 57 social mentions

3

Feather Icons

How can I achieve this? When using icons in your apps, you should use the icon set designed with the font you’re using: this is trivial if you’re using system fonts, which now all have system icon fonts. But if you’re using another UI font, there probably isn’t an icon set designed specifically for that font. Using an outline icon set is sufficient, such as the open-source Feather icons or Iconic.app. And if you were using filled Material Icons like us, you can easily switch to the outline style. (It seems Google has now made this style the default as part of Material Design 3.).

#Web Icons #Vector Icons #Icons 63 social mentions

Iconography [is] designed to integrate seamlessly with San Francisco, the system font. — Apple Human Interface Guidelines.

#Mac #Design Tools #Icons 28 social mentions