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

New/Updated Icon Artwork #18

Closed
zorgiepoo opened this issue Jun 27, 2015 · 15 comments
Closed

New/Updated Icon Artwork #18

zorgiepoo opened this issue Jun 27, 2015 · 15 comments
Labels

Comments

@zorgiepoo
Copy link
Owner

Bit Slicer's current application and user document icons don't scale very well with small sizes, and isn't up to date with the "post-Yosemite appearance."

The current application icon conveys slicing bits, which is analogous to messing around with a game or application, I guess. The idea could stay the same, but it doesn't have to.

Relevant must-reads:
OS X Human Interface Guidelines - Icon and Image Design

@etybyte
Copy link

etybyte commented Jul 15, 2015

Perhaps something like one of these
bitslicericon2
bitslicericon3

@zorgiepoo
Copy link
Owner Author

The idea is similar to the current icon, but I'd prefer to have some perspective and real user identifiable objects. This mockup is lacking in detail/interest. A circular icon like iTunes and App Store is probably not very desirable for this kind of utility. Additionally, not too much emphasis should be put on text. I appreciate the effort.

@zigmasdirigeant
Copy link
Contributor

zigmasdirigeant commented Jul 7, 2018

Hi Zorgie!
Today I had a while to play around with the App icon, I started with some basic concepts already know from apps inside the OS. After that I evolved the idea until I had some memorable and likeable. I already read on your last comment that you want some User identificable objects and that ”A circular icon like iTunes and App Store is probably not very desirable for this kind of utility” I suppose because you are trying to unmark from the more standard icons, but I think that we can find something nice even with or without identificable objects or even using the round mac icon.

I’ll leave you here 5 different icons that I’m working on and I’ll love to hear your opinion.

Option 1: Based on the regular circle app icon but with a twist. Trying to find a graphical way to slice a byte, while maintaining a minimal look. It almost looks like a shield being sliced, a good way to represent what the app does to the programs.

bit slicer - option 1 title-80
bit slicer - option 1 sizes-80
bit slicer - option 1 bar-80




Option 2: Same as the last one, but lighter. This icon is the nearest of them all to the standard OS icon, taking the same twist and adding elegancy to the style.

bit slicer - option 2 tittle-80
bit slicer - option 2 sizes-80
bit slicer - option 2 bar-80




Option 3: One of the basic concepts you have to grasp to modify any memory is HEX. That’s why i searched a way to combine hex+bitslicer name+ action. Still in the zone of the mac os icons, but in a different world.
bit slicer - option 3 title-80
bit slicer - option 3 sizes-80
bit slicer - option 3 bar-80




Option 4: On the range of the hexagon medals, but with the concept of “breaking” a game, we have a sliced steel with the B icon.
bit slicer - option 4 title-80
bit slicer - option 4 sizes-80
bit slicer - option 4 bar-80




**Option 5: The last is maybe a long shot... The action of slicing taken to the edge.

bit slicer - option 5 title-80
bit slicer - option 5 sizes-80
bit slicer - option 5 bar-80










bitslicer-5-logos








So!? I hear yah! :)
Cheers!

@etybyte
Copy link

etybyte commented Jul 7, 2018

Well then, now I'm embarrassed by my attempted contributions, haha. Someone with a bit more graphical design talent showed up.

Hm, I personally like the hexagon idea although I feel like Option 4, the "sliced steel" variant, doesn't hold up well enough at small sizes and while it's not all that similar I'm wondering if the solitary "B" is more likely to evoke thoughts of bitcoin and the bitcoin logo, in particular on the variants with a line through it. Although that both may not be true and may not be worth worrying about even if it is true.

If I were picking the logo and picking from these five I'd probably go with Option 3, but I'm not sure it conveys the "slicing of bits" concept clearly enough.

The reality regarding perspective is that it's being phased out of icons and if one of the hopes for a new Bit Slicer icon is fitting in and feeling on par with the other icons and the "post-Yosemite appearance" moving away from perspective is a good idea. It seems to me the best fit of the current three main macOS icon styles for Bit Slicer might be the tilted rectangle used as the basis for Script Editor, Calculator, Font Book, Text Edit, Pages, etc.

Real user identifiable objects is a tough one. The purpose, function, and use of Bit Slicer is very much fundamentally tied to digital constructs and ones that don't really have direct physical parallels in many ways.

@zigmasdirigeant
Copy link
Contributor

Hey Etybyte!

Not even! You contributions where nice :), thanks!

The thing with the smaller variants is that they can be modified to look well on small sizes. The Mac Os .Icns format let you chose a different source for each size, so in the final build, I already thought of making the ridges on the cracks stronger, so you don’t lose the effect on small resolutions.

YES I encounter that problem when designing the icon, every other font that I liked ended looking too ”Bitcoiny” that’s why I decided for this type. More modern and bold, so there was no confusion or relation with the Bitcoin logo, that uses a more clasic serif font... The other solution was using the other initial: ”BS”... But... Well. I read it like bullshit 👎 XD .

unknown

Number 3 is definitely my favourite too, from a graphical point of view. I find it clean and cool.

So, you think I should try to figure out an icon using that style? The tilted rectangle I mean? It weird, but I have this feeling that the tilted rectangle feels old. But It’s just me, if you actually see the new Mohave icons, they maintain a lot the tilted rectangle... So yeah. But also, why don’t we differentiate Bit slicer from the rest? In the end, this styles are only guide lines. 🤔 Hmm... I’ll give it a thought and a shot about this. See what I can get out of it.

Thanks for your comments man!
Appreciate them.

Cheers!

@etybyte
Copy link

etybyte commented Jul 7, 2018

Yeah, I'm aware of the structure of macOS icons and that's definitely a choice for resolving some of the smaller variants issues, 3 in particular.

Haha yeah both logos and icons, in particular, are really difficult in that regard.

Yeah, BS is a definite no-go, haha.

I was pointing out the tilted rectangle as a potential modern appearance equivalent to the "perspective" that Zorgie was looking for.

@zorgiepoo
Copy link
Owner Author

Yeah, Bit Slicer's current icon is a tilted rectangle style like Xcode, Notes, Text Edit, Pages, Hopper Disassembler, Hex Fiend. I like that more than a circular icon for this app.

"Post-yosemite" appearance may have meant more a flattened look (it's been a while since I've looked at icons pre Yosemite for the above mentioned apps though). For example, you can either take the current app icon and remove the sheet of paper that's behind, or make the sheet of paper that's behind more aligned rather than being on a different tilt, maybe. You'd still want a little depth/shadow to make the icon not look too awkward.

I don't think rendering a "B" letter is the right way to go. It's English specific and doesn't convey much about the app to me. You'd also have to be careful about not getting distracted by little visual effects like fading/fuzzing and scratch marks.

I actually kind of like something like the current app icon, just not the current quality of it. Anyway, icons are hard :|..

@etybyte
Copy link

etybyte commented Jul 8, 2018

This link has a bunch of the icons pre- and post- Yosemite side-by-side:
The New Icons of OS X Yosemite – A Side-by-Side Comparison

A lot of the pre- icons had some actual perspective to them, for example, the edges of the cover for Dictionary are not parallel lines in the pre- icon, but the majority of those have been flattened and had the perspective removed. Maybe just try a simpler version of the current icon that's more in line with the other tilted rectangle icons? (fwiw: it's a 9º tilt and it's not like the second sheet needs to disappear)

bit_slicer_old_sloppy_modernization_01_128

That's a good point about using a letter in the icon in terms of making it English specific.

Icons are definitely hard, haha.

@maxtron95
Copy link

Updated the current icon design for modern versions of macOS.
bit-slicer-update
bit-slicer-updated-icon.zip

@zorgiepoo
Copy link
Owner Author

Thank you, I quite like it. I'll try it out soon when I get the chance (probably in few days). The app icon may need to be scaled down for supporting multiple sizes. The current iconset is here -- https://github.com/zorgiepoo/Bit-Slicer/tree/main/Bit%20Slicer/bitslicericon.iconset

@zorgiepoo
Copy link
Owner Author

@maxtron95 Sorry got delayed. I have a pull request in #102 plus a sample build.

Let me know the following if you want changes to made:

  • What name you want to be credited as in About window (currently I have maxtron95 rather than real name)
  • If you're okay with the implicit copyright to yourself or if you want a particular license for the artwork
  • If you want to make any more adjustments regarding the app icon sizes (currently everything will be downscaled from your version) or if you want to make changes to the document icon

@maxtron95
Copy link

Updated the document icon to match modern macOS

Bit-slicer-file
Bit-slicer-file.zip

@maxtron95
Copy link

@zorgiepoo I'm fine with just maxtron95. About copyright, I don't mind where it's used really as long as I'm credited.

@zorgiepoo
Copy link
Owner Author

zorgiepoo commented Dec 25, 2024

Thank you for the document icon, I will use that.

Regarding copyright I think I'll leave the PR as is then and include you in the credits. Copyright to author is implicit with restrictions, without a formal license like some Creative Commons one which includes attribution, redistribution, and modifications by others (which I will not choose on artist's behalf).

@zorgiepoo
Copy link
Owner Author

Merged the new icons 🎉. Closing this issue for now.

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

No branches or pull requests

4 participants