zorgiepoo / Bit-Slicer

Universal game trainer for macOS
Other
891 stars 74 forks source link

New/Updated Icon Artwork #18

Open zorgiepoo opened 9 years ago

zorgiepoo commented 9 years ago

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 commented 9 years ago

Perhaps something like one of these bitslicericon2 bitslicericon3

zorgiepoo commented 9 years ago

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 commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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.