@Visual Idiot Thanks! The dots stand for the amount of steps. The teal colored dots indicate how many steps you have completed. The learn process works a bit like the HackDesign lessons, every step contains an article or video with a "lesson" from the curator/teacher.
Love the dots... a similar pattern to Instapaper (that I find incredibly useful). What's with the two orange looking ones at the end of the second line?
And what if I want to learn UI Design and am not an awesome person?
Great font choices! The italic-serifed by and the current item triangle are my favorite details. I wonder what happens with long titles that wrap, though? Would they ... before they wrap so you don't break your even spacing or would the entire box expand?
Looks freaking awesome but i'm wondering if the avatar of the "teacher" is so important. I think i would rather see a thumb of the "thing" he's learning. When i followed tutorials i was always scanning the thumbnails but that could be personal :)
16 Responses
Pro
Wouter de Bres
Trying out a different layout for the learn channels for gibbon. What do you think?
4 months ago
nice!
4 months ago
Pro
Visual Idiot
Looks nice, that gradient is amazing. What do the dots mean?
4 months ago
Pro
Wouter de Bres
@Visual Idiot Thanks! The dots stand for the amount of steps. The teal colored dots indicate how many steps you have completed. The learn process works a bit like the HackDesign lessons, every step contains an article or video with a "lesson" from the curator/teacher.
4 months ago
Pro
Marco Moreno
Wouter - I want to use this already, put it out there man ;)
Nice compliment by the king of gradients :)
4 months ago
Pro
Ted Goas
Love the dots... a similar pattern to Instapaper (that I find incredibly useful). What's with the two orange looking ones at the end of the second line?
And what if I want to learn UI Design and am not an awesome person?
4 months ago
Pro
Gert Jan Lodder / Pixellod
Me like!!
4 months ago
Pro
Jonathan Shariat
I like how petite the details are.
4 months ago
Big hitter!
4 months ago
Pro
Eric Kidd
Great font choices! The italic-serifed by and the current item triangle are my favorite details. I wonder what happens with long titles that wrap, though? Would they ... before they wrap so you don't break your even spacing or would the entire box expand?
4 months ago
Pro
Eelco Guntlisbergen
Looks freaking awesome but i'm wondering if the avatar of the "teacher" is so important. I think i would rather see a thumb of the "thing" he's learning. When i followed tutorials i was always scanning the thumbnails but that could be personal :)
4 months ago
So clean! Love it!
4 months ago
Pro
Robbert Esser
Good use of colors. I also dig the interface, nice work!
4 months ago
Pro
Wouter de Bres
Thanks for the feedback guys! I really appreciate it.
@Ted Goas the orange dots are new steps that have been added by the curator/teacher.
@Eric Kidd I'm thinking to let the box just expand or let the input for the title have a restriction on the amount of characters.
@Eelco Guntlisbergen I see what you mean, but we want to put a lot of emphasis on the curator/teacher.
4 months ago
Love it. Amazing idea too (for Gibbon). Is the beta going to be out soon?
4 months ago
Clean. Love the simplicity.
about 1 month ago