Here is right-top part of header. Client wants strong contrast for Donate button over background. Something is bugging me ( or maybe it's just not my day :] ) about this button which I can't name it, hope you can with your comments. Much appreciated!
@Oykun, the thing I can suggest is to get the Donate button out of the navigation container and make it taller - it would be emphasized even more and have its own room on the page rather than inside the navigation which has a bit different meaning.
Also - have you tried a "more orange" color? Orange works so great with blue.
I love the texture you used for the main background. Very cool!
Yeah this is really really pretty. Also agreed with @Julia Khusainova. I particularly think the left part of the button, the more orange part, could be even more orange. I think the yellow background also looks fantastic on the blue.
@Julia Khusainova Thanks for the feedback! The donate btn was out of container and taller at first, but the header looked kinda messy with all elements around, (considering whole thing), so I grouped into container. I tried many different colors including orange, but this yellow-ish color is closer to brand (logo which I can't show) and makes better contrast. Thanks again, much appreciated! ;) /cc @Ruben Platte , @Trent McBride
I actually like the button however whats probably bugging you is the hand icon, usually on buttons the are a little smaller and instead the button with padding to each side
Its great! I really love the super contrast for the donate button. The texture is maybe not my cup of tea and i would try something less "technical" or "organic" (hard to name it). Maybe also would be interesting to have the top menu without lowered opacity.
Nice work @Oykun Yilmaz hope my this two cents will help.. Donate button is too bright compare to other colors I would make it green or lighter blue.. also the borders are too dark for my taste may be you can make it bit lighter :)
Overall I loved it.. keep moving man its turning out sexy
I like this, a lot, especially the way the "donation" button pops. But it feels like there are too many "layers" going on here. What if you got rid of the embossed navigation around the entire section with the donate button? There are just too many navigational elements in this shot alone to make it easy for users to know where to go.
I think if you made the button narrower it would help. With donate only being a short word, the icon appears to big. Make the icon smaller and make the button length smaller too.
It looks really good, but the hand icon bleeding off the left feels wrong to me. Like @Luke Whitehouse said, icons typically have padding on all sides. But I like the button in the nav container, and the UI overall looks really nice. Maybe a more saturated orange behind the icon would be nice (though the value maybe get too close to the blue)?
25 Responses
Pro
Oykun
Here is right-top part of header. Client wants strong contrast for Donate button over background. Something is bugging me ( or maybe it's just not my day :] ) about this button which I can't name it, hope you can with your comments. Much appreciated!
Thanks, and you can follow me on Twitter for updates...
11 months ago
Pro
Coleman Tharp
This is aweeeesome.
11 months ago
Pro
Julia Khusainova
@Oykun, the thing I can suggest is to get the Donate button out of the navigation container and make it taller - it would be emphasized even more and have its own room on the page rather than inside the navigation which has a bit different meaning.
Also - have you tried a "more orange" color? Orange works so great with blue.
I love the texture you used for the main background. Very cool!
11 months ago
I agree with @Julia Khusainova about the Donate button.
But damn, that is one hell of a beautiful interface!
11 months ago
Pro
Murat Mutlu
mmmmmmmmmm
11 months ago
Pro
Trent McBride
Yeah this is really really pretty. Also agreed with @Julia Khusainova. I particularly think the left part of the button, the more orange part, could be even more orange. I think the yellow background also looks fantastic on the blue.
Really really nice though.
11 months ago
Pro
Oykun
Hey folks, thanks for all comments!
@Julia Khusainova Thanks for the feedback! The donate btn was out of container and taller at first, but the header looked kinda messy with all elements around, (considering whole thing), so I grouped into container. I tried many different colors including orange, but this yellow-ish color is closer to brand (logo which I can't show) and makes better contrast. Thanks again, much appreciated! ;) /cc @Ruben Platte , @Trent McBride
11 months ago
I was thinking about getting the button out of the container and the orange color and then noticed Julia wrote exactly about it.
11 months ago
The orange should be stronger in my opinion.
11 months ago
Pro
Oykun
@Julia Khusainova , @Andrew K , @Mehmet Saygin I'm gonna give a second chance to orange :) Thanks,
11 months ago
Pro
Mani
nice @Oykun Yilmaz
11 months ago
Pro
Luke Whitehouse
I actually like the button however whats probably bugging you is the hand icon, usually on buttons the are a little smaller and instead the button with padding to each side
11 months ago
Pro
Kuba Stanek
Awesome texture and deph, very nice work.
11 months ago
Pro
Dhiren Adesara
nice eeee @Oykun Yilmaz
11 months ago
The background pattern is really good, and the donate button is gorgeous! Great work as usual.
11 months ago
Pro
Kartik Mahant
Looks really unique, nice work. The donate icon looks a bit blurred, specially the hand did you notice that ? Or is it my tired eyes :)
11 months ago
Pro
Avinash Tripathi
the hand icon is little blurry on edges! Very nicely coming up
11 months ago
Pro
Frantisek Kusovsky
Its great! I really love the super contrast for the donate button. The texture is maybe not my cup of tea and i would try something less "technical" or "organic" (hard to name it). Maybe also would be interesting to have the top menu without lowered opacity.
Anyway really nice color choice!
11 months ago
Pro
Sai kiran
Great details..love your work @Oykun Yilmaz
11 months ago
Pro
Paresh Khatri ::::✈
Nice work @Oykun Yilmaz hope my this two cents will help.. Donate button is too bright compare to other colors I would make it green or lighter blue.. also the borders are too dark for my taste may be you can make it bit lighter :)
Overall I loved it.. keep moving man its turning out sexy
11 months ago
Crispy!
11 months ago
I like this, a lot, especially the way the "donation" button pops. But it feels like there are too many "layers" going on here. What if you got rid of the embossed navigation around the entire section with the donate button? There are just too many navigational elements in this shot alone to make it easy for users to know where to go.
Still, slick.
11 months ago
Pro
Aaron Moody
I think if you made the button narrower it would help. With donate only being a short word, the icon appears to big. Make the icon smaller and make the button length smaller too.
Personally think that would help here.
11 months ago
It looks really good, but the hand icon bleeding off the left feels wrong to me. Like @Luke Whitehouse said, icons typically have padding on all sides. But I like the button in the nav container, and the UI overall looks really nice. Maybe a more saturated orange behind the icon would be nice (though the value maybe get too close to the blue)?
11 months ago
Pro
iamanoctopus
Really like the contrast personally. The yellow/orange tones are niiice. : )
11 months ago