Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] New Icon Doesn't Match Apple Design Guidelines #746

Open
Logicer16 opened this issue Nov 30, 2023 · 5 comments
Open

[BUG] New Icon Doesn't Match Apple Design Guidelines #746

Logicer16 opened this issue Nov 30, 2023 · 5 comments
Labels
bug Something isn't working

Comments

@Logicer16
Copy link

Describe the bug
Following up on #695, the new icon is too large and has a smaller corner radius than what Apple's Human Interface Guidelines. This is contrary to the goal stated in #695 (comment):

the desire was [an] icon ... that also complied with the Apple HI guidance.

To Reproduce
Include steps to allow us to reproduce the error. Include your host OS, and the version of Raspberry Pi Imager.

  1. View the imager's icon next to icons of other Mac apps.

Expected behaviour
The new icon to meet the goal of conforming to the Apple Human Interface Guidelines.

Screenshots or video
Comparing it with other icons in the dock makes the discrepancy quite striking
Screen Shot 2023-11-30 at 5 56 44 pm
Placing the icon against Apple's provided template shows exactly by how much the new icon is off.
Screen Shot 2023-11-30 at 6 09 43 pm
The micro SD card is fine as is though as it is a tool external from the main icon, which is permitted by the guidelines.

Desktop (please complete the following information):

  • OS: macOS 12.7.2

The name of the OS you are trying to write
N/A

Are you using OS Customisation?
N/A

Additional context
N/A

@Logicer16 Logicer16 added the bug Something isn't working label Nov 30, 2023
@tdewey-rpi
Copy link
Collaborator

Thanks for the report, @Logicer16.

@jackbenwillis Have I mangled your asset in the merge?

@tdewey-rpi
Copy link
Collaborator

Also, thank you @Logicer16 for taking the time to assemble a visual aide. This is greatly appreciated when reporting UI concerns in particular.

@tdewey-rpi
Copy link
Collaborator

Thanks for the catch, @Logicer16. We'll look to revise the asset, but this is unlikely to happen in 2023.

@elsiehupp
Copy link

I mentioned this on #397:

I have made Big-Sur-style icons for other projects, and most recently I merged this template over at the Nextcloud Desktop repository:

Nextcloud-macOS-icon.svg

Nextcloud-macOS-icon.svg

This is a 100% vector Big-Sur-style icon, layer effects and all, and the above link should go to the code view, not the image preview.

(The annotation formatting apparently broke the build process in way that wasn't caught by the continuous integration, though...)

Anyway as you can see in the code annotation, I (as the author of the SVG document) released the template under a CC0 Public Domain Dedication, so hopefully this can be some help in creating a Big-Sur-style version of the RPI Imager icon!

(I should also note that the template is versatile enough that it should be useful for icon shapes other than the Apple "Squircle"—the annotations explain which SVG element to replace for a different shape.)

If you'd like to use this as template, it should be substantially closer to the Apple guidelines.

@Vvorcun
Copy link

Vvorcun commented Oct 15, 2024

I made an improved icon using Apple's Design Resources - #949.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants