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

Update apache-netbeans.icns #51

Merged
merged 2 commits into from
Apr 5, 2024

Conversation

mhalachev
Copy link
Contributor

Update NetBeans app icon for macOS to match current design guidelines.

icon

The logo itself is precisely aligned to the recommended icon grid:

grid

Here's how it would appear in the dock, alongside other icons:

dock

Update NetBeans icon for macOS

- Update NetBeans app icon for macOS to match current design guidelines.
@eirikbakke
Copy link

Thanks for this! Addressing an earlier comment from the other thread:

Additionally, maintaining a white background color would ensure consistency with both the splash screen and the about dialog, as in both cases the logo is presented on a white background with no effects applied.

For the dock icon, I think the consistency should be with other dock icons, rather than with the NetBeans splash screen (which is very minimal just due to my own lack of artistic skills), so I'd argue in favor of keeping the background shading that was shown in an earlier version (https://user-images.githubusercontent.com/2364606/133636825-ef6804ee-d4a5-4941-9821-5ce9151c2bb7.png). Otherwise the icon looks very bright. The inside of the logo should still be its official white/grey colors, of course.

@mhalachev
Copy link
Contributor Author

Thank you for your feedback! Upon looking at it again, I agree that the plain white background makes the icon appear too bright, especially considering the logo features some dark colors. Indeed, it may benefit from a background that complements the logo's tones more effectively.

Here is the icon with the background shading and effects, as suggested by @oyarzun in the other thread:

icon-gradient

Dock appearance:
dock-gradient-1

While the logo with gradient looks appealing, opting for a simple color composition would ensure a more cohesive visual style. Generally, a gradient would be more suitable if the logo was monochromatic or if it also included shading and halftones. Therefore, I just had another idea, that I would like to discuss:

isometric-icon

By maintaining the same plain colors, this version subtly introduces a sense of 'depth,' creating the impression that the 'isometric cube' is integrated within the app icon itself.

Scaled down in the Dock, it almost conveys a sense of a gradient:

isometric-dock

Please keep in mind that this is just an idea, and we may still decide to proceed with the other version.

@eirikbakke
Copy link

Thanks, @mhalachev! The first one of those two looks good to go for me. Most branding manuals discourage "extending" logos in any way, so I think the simpler top one of the two is best to use. (But it quickly gets subjective, of course...)

@mhalachev
Copy link
Contributor Author

All right, I'll prepare an icon set and update the PR when it's ready.

@mhalachev mhalachev closed this Mar 1, 2024
@mhalachev mhalachev deleted the update-netbeans-icon branch March 1, 2024 15:30
@mhalachev mhalachev restored the update-netbeans-icon branch March 1, 2024 15:37
@mhalachev mhalachev reopened this Mar 1, 2024
Update NetBeans icon for macOS

- Update NetBeans app icon for macOS to match current design guidelines.
- Align the logo to the icon grid and use background shading as discussed.

Co-Authored-By: oyarzun <[email protected]>
Copy link

@eirikbakke eirikbakke left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very nice; thank you! I looked at the icns files before/after in Preview on MacOS, and the changes seem sane (old/new resolutions seeming to be the same etc.).

@neilcsmith-net I'm not very familiar with how these icns files actually end up being installed or packaged. Does this change need to be made in any other repo as well, or is this one enough?

@neilcsmith-net
Copy link
Member

Any changes should be in both netbeans and netbeans-nbpackage repos. In fact, the main netbeans repo should really be the canonical location, and this should be kept in sync with it. That's what I meant by matching PR here in apache/netbeans#3168 (comment) The icon here is used for the app bundle and installer, but the icon is also referenced in the IDE launcher script.

The icon looks good to me, but should go through review into the IDE repo before merging here. I'm not sure about @matthiasblaesing comments about use of netbeans.icns away from macOS. It could be we merge the svg icon from NBPackage into the IDE repo for that purpose instead??

@oyarzun
Copy link
Contributor

oyarzun commented Mar 1, 2024

+1 adding the standard svg icon to the IDE repo for use on a Linux desktop.

And maybe adding a PR that will update the frame icon for macOS when NetBeans is minimized (apache/netbeans#3168 (comment)).
@mhalachev Do you have an svg version of the icns?

@mbien
Copy link
Member

mbien commented Mar 1, 2024

+1 adding the standard svg icon to the IDE repo for use on a Linux desktop.

I am pretty sure this is only about mac. I don't see why the other icons should use the mac os guidelines. The borderless icon looked fine on the systems I tested it with (if i remember correctly).

e.g quick launch bar on manjaro/cinnamon:
image

edit:
fedora/gnome shell:
image

@neilcsmith-net
Copy link
Member

@mbien see the comment at apache/netbeans#3168 (comment) about Gnome Shell. The SVG icon in this repo is used in the DEB and RPM, and quite well tested in Gnome Shell. The question is more about if we make the icns file macOS specific, providing a usable SVG for use elsewhere.

@mbien
Copy link
Member

mbien commented Mar 1, 2024

@neilcsmith-net I agree with Matthias' comment.

  • using mac guidelines on mac -> great.
  • keeping the regular SVG for other systems -> also good, I don't think anyone complained about it so far. (since it has no border it is fairly portable and its difficult to make it look bad)
  • adding more SVGs to the repo for dark/light etc to let users pick a different one fitting to the theme -> why not

@neilcsmith-net
Copy link
Member

neilcsmith-net commented Mar 1, 2024

@mbien so do I, hence the suggestion! It would hopefully remove the objection to changing the icns file, or having to provide a bespoke mac version. There isn't currently an svg icon in the main repo that works correctly, anyway - see comments on a1acd07 (Gnome SVG renderer objects to our license 😆 )

@eirikbakke
Copy link

using mac guidelines on mac -> great.
keeping the regular SVG for other systems -> also good,

Agree with this; the new icon is only needed/desirable for MacOS, where it needs to look good next to other icons in the same style. If the "icns" file format is useful on Linux as well, then the previous version can be kept around as well.

(That does mean there is a "bespoke mac version", though, but I think that's fine.)

Copy link
Member

@neilcsmith-net neilcsmith-net left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just marking as request changes to ensure this doesn't get merged until this change is reflected in the main IDE repo. This PR shouldn't be merged until after that, and any change from main repo review incorporated.

It might be worth considering a rethink to extract the icons from the NetBeans zip during NBPackage execution, but there needs to be a fallback in place so that would need addressing.

@mhalachev
Copy link
Contributor Author

Thank you for your feedback!

Just marking as request changes to ensure this doesn't get merged until this change is reflected in the main IDE repo.

@neilcsmith-net I'll open a matching PR there.

Agree with this; the new icon is only needed/desirable for MacOS, where it needs to look good next to other icons in the same style.

As @eirikbakke mentioned, this is indeed specific to macOS, the original icon is ok on other platforms as seen on the screenshots @mbien provided.

Do you have an svg version of the icns?

@oyarzun No, the .icns was initially designed as a set of bitmaps in various resolutions. However, you can find the original icon as svg in this repo.

And maybe adding a PR that will update the frame icon for macOS when NetBeans is minimized (apache/netbeans#3168 (comment)).

It would be nice to address this as well. Can we go even further and find a way to provide a thumbnail for the minimised window, as currently minimising the application results in having two NetBeans icons in the Dock?

minimised

@eirikbakke
Copy link

eirikbakke commented Mar 7, 2024

Just marking as request changes to ensure this doesn't get merged until this change is reflected in the main IDE repo. This PR shouldn't be merged until after that, and any change from main repo review incorporated.

I assume apache/netbeans#7127 is the corresponding change in the main IDE repo. I confirmed that the icns file there is identical to the one in this PR.

@mhalachev
Copy link
Contributor Author

Yes, it's the same icon.

@oyarzun
Copy link
Contributor

oyarzun commented Mar 9, 2024

@neilcsmith-net apache/netbeans#7127 has been merged into the NetBeans repo, shall we merge this one as well?

@mhalachev
Copy link
Contributor Author

@neilcsmith-net @oyarzun apache/netbeans#7132 has also been merged, perhaps we could get this in for NB22?

@neilcsmith-net
Copy link
Member

Yes, lets merge! Thanks @mhalachev

Strictly speaking not required for NB22 as can be worked around in config, but probably better we look to release a version of NBPackage before the final release binaries for NB22 are produced. cc/ @ebarboni so he's aware on that.

@neilcsmith-net neilcsmith-net merged commit c6433c9 into apache:master Apr 5, 2024
6 checks passed
@mhalachev mhalachev deleted the update-netbeans-icon branch April 8, 2024 13:46
@mhalachev
Copy link
Contributor Author

Thanks!

@neilcsmith-net neilcsmith-net added this to the 1.0-beta5 milestone May 7, 2024
@mbien
Copy link
Member

mbien commented May 24, 2024

I noticed while testing the NB22 release that my quicklaunch shortcut on linux was actually using the .icns file since there was no other vector graphics file it could use (I can't select the png), it looks now like:

image

so +1 for adding the svg to the next release too, since I have to switch to netbeans.svg provided by my OS theme to restore the old look:
image

There is also the risk that linux distributions will start using the mac icon at some point since most migrated away from .pngs by now and there is no svg in ./nb

@mhalachev
Copy link
Contributor Author

@mbien Indeed, This behavior is not intended and should be addressed.

It could be we merge the svg icon from NBPackage into the IDE repo for that purpose instead??

Could it be resolved like @neilcsmith-net suggested earlier in this thread?

PS: The icon in netbeans-nbpackage: apache-netbeans.svg

@mbien
Copy link
Member

mbien commented Sep 5, 2024

filed apache/netbeans#7734 since I just got reminded of it again while testing NB 23

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants