Trying out a different layout for the learn channels for gibbon. What do you think?
about 1 year ago
Looks nice, that gradient is amazing. What do the dots mean?
@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.
Wouter - I want to use this already, put it out there man ;)
Nice compliment by the king of gradients :)
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?
I like how petite the details are.
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 :)
So clean! Love it!
Good use of colors. I also dig the interface, nice work!
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.
Love it. Amazing idea too (for Gibbon). Is the beta going to be out soon?
Clean. Love the simplicity.
11 months ago
I like this more than the current book-like UI.
8 months ago
You could make the title font slightly smaller in order to accommodate longer titles. Wouldn't hurt at all. Especially since large font contrasts such as those seen here might imply magazine aesthetic which is not doing the the concept a favour.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.