Skip to content

[Feature] [UI/UX] Alternative App Icon

Apollo Zhu requested to merge apollozhu/kdeconnect-ios:icon-redesign into master

Seeking feedback about the new app icon design and feel free to let us know what you think!

Suggested Feedback Template

  1. How do you feel about the new logos?
  2. Do the new logos better adhere to the iOS Human Interface Design Guidelines than the old logo?
  3. Are the new logos more recognizable as KDE Connect than the old logo, in general and when displayed among other apps?
  4. In conclusion, would you suggest switching to one of the new logos? Why or why not?
  5. If yes, should we provide the old/other logos as options for users to choose in-app?
  6. Any other suggestions, questions, concerns, or things you'd like us to know?

Rationale

  1. Transparent, irregular-shaped icons don't work well on iOS; they will instead have a solid black background.
  2. Icons are usually displayed with a small size, making the current one hard to distinguish from other apps. One TestFlight feedback suggests:

UI/UX modification requests: 1. iOS devices use square icons with rounded corners. Current KDE connect logo on iPhone looks completely out of place, making it harder to recognize. Use the attached png logo instead. [image source: https://freesvg.org/kde-logo ] For ideal use - breeze grey color kde logo with white background if ios system theme is light and revese the colors if system is in dark mode.

New Logos

The SVG versions are in the Wiki for future use.

old new old on device new on device
iOS (Android) KDE Connect iOS old icon KDE_Connect_iOS-Android old icon on iOS KDE_Connect_iOS-Android_on_Device
iOS (macOS) KDE Connect iOS old icon KDE Connect iOS new icon old icon on iOS new icon on iOS

iOS (Android)

  1. This is the new default logo
  2. Based on kdeconnect-android!279 (merged)
  3. The removal of gradient and higher contrast with orange background significantly improved the legibility

iOS (macOS)

  1. Preserves the device bezels (and most of the current design) to differentiate from KDE as a whole kdeconnect-android!119 (comment 22722)
  2. Having a non-vertical bezel hints that we not only support iPhones but also iPads (and Apple Silicon Macs)
  3. Works with another new macOS icon candidate (not included in this MR) for when we make KDE Connect iOS serve as KDE Connect macOS in the future (note: not to replace the icon of the Qt version):
old new old on device new on device
macOS KDE Connect macOS old icon KDE Connect macOS new icon old icon on macOS Dockold icon on macOS Launcher new icon on macOS Docknew icon on macOS Launcher

UI Changes in App

light mode dark mode
new rounded rectangle app icon in About, light new default app icon in About, dark

Demo

alternative icon is working

References

Edited by Apollo Zhu

Merge request reports