Just some condensed navigation system for a web app I'm working on right now.
Evidently search will come with text inside the input and logo will be in the center of header. Left hand top elements will have text inside the button on first release. If our public get's educated around those icons I will remove the text.
Left hand side bar will be used for special features around the user and the social feeling of the site.
@Afraz I've been loving slight glows in dark bg latelly. But I guess I could be less tacky and remove it. Do you think I should keep the text glow then?
@rob Thx man. I have 24 category icons to find so I was concerned on using a mic for hip hop but now I'm starting to tackle the list I think I could use that glyph for that cat.
This is really great @Jeremy Sallée ✦✦✦. My only concerns is the white shadow on the grey buttons of the top nab (star/rocket/user). It looks a bit too opaque imo.
Love the rest, except maybe the glow on the selected item of the left bar. Did you try to have the text and the icon blue instead of a glowing white?
@zee7 ✽ Yhx man! For the inner shadow, this is a very particular one since 99% of those elements will have a pic inside of it and I need to push the shadow due to higher contrast in it. For consistency on the css I've kept the same inner shadow for this one.
As for the second comment, it is not the selected state but the hover one. I will make a blue selected state just like in the top. Still working on the category list and finding 24 small icons for it :)
@Christophe Tauziet I'm not a fan of too pushed white shadows on dark elements. I've spent hours tweaking the mayer style for those already :) As for the glowy element it's been removed already :)
33 Responses (page 1 of 2)
Just some condensed navigation system for a web app I'm working on right now.
Evidently search will come with text inside the input and logo will be in the center of header. Left hand top elements will have text inside the button on first release. If our public get's educated around those icons I will remove the text.
Left hand side bar will be used for special features around the user and the social feeling of the site.
12 months ago
Pro
Mathieu Berenguer ▲▼▲
Ahahahaha le titre :D
12 months ago
Pro
Haziq Mir
Nicenicenicenicenicenicenicenicenicenice
12 months ago
@Mathieu Brg ▲▼▲ @Haziq Mir hahahaha (repeating too :)
12 months ago
Pro
Prakash Ghodke
Awesomenessssssssssssss.
12 months ago
Pro
Afraz
Nice UI,
I think the active state of left nav should not have outglow at icon. eh... eh?
12 months ago
Pro
Haziq Mir
But, really, this is dope.
12 months ago
Pro
Maciej Jasiński
f***f***f***f***f***f***f***f***f***f***f***f***f***awesome :)))
12 months ago
@Afraz I've been loving slight glows in dark bg latelly. But I guess I could be less tacky and remove it. Do you think I should keep the text glow then?
12 months ago
Pro
Afraz
@Jeremy Sallée ✦✦✦ I do think so.
Moreover, hip hop icon's head is bigger than usual :)
12 months ago
Pro
Tanveer Junayed
SICK. yeah I think remove all glow.
12 months ago
@Afraz @Tanveer Junayed Hehe, I guess I just got overwhelmed by glowy shiny stuff. Will remove the glow then, will definitelly look cleaner! :)
12 months ago
Pro
Thomaz
Nice!
12 months ago
goooood
12 months ago
Pro
Alexandre Naud
awawawawawaw
12 months ago
Pro
Kamal Chaneman
Smoooooooootttthhhhh.....
12 months ago
grrrrrrrrrrreat :)
12 months ago
Pro
zee7 ✽
love it @Jeremy Sallée ✦✦✦ two things that bother me
1- the thick inner shadow here - http://d.pr/i/1JFR
2- alikeness between caption and the selected button - http://d.pr/i0Dj
12 months ago
a microphone might work as an icon for hip-hop
12 months ago
@rob Thx man. I have 24 category icons to find so I was concerned on using a mic for hip hop but now I'm starting to tackle the list I think I could use that glyph for that cat.
12 months ago
looks very great!
12 months ago
Pro
Rodrigo Grundig
@Afraz it's a black power dude, man! lul
12 months ago
Pro
Gert Tzafa
You are the oooooooneee!!
12 months ago
Pro
Christophe Tauziet
This is really great @Jeremy Sallée ✦✦✦. My only concerns is the white shadow on the grey buttons of the top nab (star/rocket/user). It looks a bit too opaque imo.
Love the rest, except maybe the glow on the selected item of the left bar. Did you try to have the text and the icon blue instead of a glowing white?
12 months ago
@zee7 ✽ Yhx man! For the inner shadow, this is a very particular one since 99% of those elements will have a pic inside of it and I need to push the shadow due to higher contrast in it. For consistency on the css I've kept the same inner shadow for this one.
As for the second comment, it is not the selected state but the hover one. I will make a blue selected state just like in the top. Still working on the category list and finding 24 small icons for it :)
@Christophe Tauziet I'm not a fan of too pushed white shadows on dark elements. I've spent hours tweaking the mayer style for those already :) As for the glowy element it's been removed already :)
12 months ago