: Critique: What UI colors to use in an image-based design? I'm working on an app who's UI is mainly driven by images. The only non-image UI element is the navigation bar at the top and I'm
I'm working on an app who's UI is mainly driven by images. The only non-image UI element is the navigation bar at the top and I'm struggling to find a good color palette for this. As you can see in the image below I've currently settled on a light salmon color for the navbar background, with a contrasting dark blue for the buttons.
It still feels a bit bland to me. Since the navbar background is going to be the main color users will recognize the app by, it want it to be memorable, but of course it shouldn't distract from the content. Also the contrast between the active and inactive buttons is a bit vague, as is the contrast between the inactive buttons and the navbar background. I've tried a light grey color for the inactive buttons, but that clashes with both the salmon color and the dark blue of the active button.
In general I feel the color palette could use a revision, but I can't seem to find a good base color for the navbar background. Does anyone have any suggestions for this? Or advice on how to best approach this?
Thanks
More posts by @Radia289
3 Comments
Sorted by latest first Latest Oldest Best
I think it will start working better if you treat the effects / photos a little differently. Until then I'm not sure any menu will work. The main issue is the shadows. Having upward facing shadows is not common in the world and creates a very confusing look. I mean we generally want the top of the stack at the top especially if that's where the menu is. But instead our brains have to readjust and we end up looking at the Gouda Cheese first and working our way up the page.
I don't think you'll be 100% happy with your navigation until this is resolved because it's too distracting.
While working on UI, I would point you toward some UX principals here. Make the nav bar for your users and not a design problem for yourself to fix. Make it easy to see/read. Check for colorblindness, etc.
Check out iOS Human Interface Guidelines They'll help your users even if your product is Android.
Maybe try inverting your colors. If the Nav bar is dark it could recede in the viewers eye and let the photos take center stage.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.