Funkybot's Evil Twin wrote: ↑
Sun Mar 14, 2021 3:55 pm
What do folks think of this Izmo mod? I basically recreated big chunks of Izmo in Affinity Desinger to facilitate recoloring elements, or just tweaked things in Photo. Changes are:
1. Replaced the paper white with the same shade of gray used in the default Hive 2 skin.
2. Darker elements are a bit darker too for more contrast
3. Changed some of the sub labels
4. Put light text inside dark windows for things like the voice mode, oscillator waveform name, XY #'s, etc.
5. Made the "FXBypass" orange when FX are enabled, and gray when disabled. Animated the switch (left off, right is on).
6. Added the default skin color to the waveform displays and logo for a splash of color
7. Added color to the FX on/off indicators to really let you know the difference between on and off
8. Vibrato indicator now is blue to match mod color
9. Centered the word VOICE in the top-left
10. As I recreated most panes, there's none of the textured noise that exists in the original theme, so it's a bit flatter/cleaner
Well, I have the impression that you guys, including plugmon already worked way too long on this skin, so you guys lost the birds view on the problems, which might be look obvious for "newcomers" like me. Please make at least a week of pause on this topic, do other graphics stuff in the meanwhile.
This is what I see (and no doubt this is already great work and I am not critizing here any skills or the overall work):
- The contrast is way too low. The brightest color should be really white (255 255 255) and the darkest color should be really black (0 0 0). It might be ok, if the darkest black is some slight grey. This is the starting reference for contrast and brightness. e.g. why are the handles on the knobs not really white?
- Colored elements REALLY can have a high saturation. It will give a fresh look. Sometimes it might be look better if the brightness is a bit muted after the saturation was kicked in.
- Always use a modern super bright / eye-blinding LED 4k monitor as reference device. Or a mac screen.
- Black outline circle around black knob really is not a good choice. Also grey shadow on black element always will give it a blurry look. And you do not want blurry, you want very defined pixels. So I would reconcept some of the color choices here.
- Consider outlines always as a poor workaround for a not so well chosen color concept. Outlines will give it always a dated look. Also outlines will quickly become super thin hairlines on modern 4k screens, which makes it even worse in ergonomic.
-I would use shadows only with more more defined outlines, and not a blur. Then reduce the alpha instead.
- Free floating text on huge grey area is annoying for the eye. The eye needs always some structure to quickly understand the structure. Your contrast of the text boxes is so delicate, that it almost disappears.
EDIT: Didn't want to sound arrogant or so, that's just my two cents about what's important in UX design. I am no expert and surely couldn't make a skin like this.