12 Learn Channels

00-dribbble-small

2 Attachments

18 Responses

  1.  Wouter de Bres Wouter de Bres

    Trying out a different layout for the learn channels for gibbon. What do you think?

    about 1 year ago

  2. R_O_Y R_O_Y

    nice!

    about 1 year ago

  3. Visual Idiot Visual Idiot

    Looks nice, that gradient is amazing. What do the dots mean?

    likes

    about 1 year ago

  4.  Wouter de Bres 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.

    about 1 year ago

  5. Marco Moreno Marco Moreno

    Wouter - I want to use this already, put it out there man ;)

    Nice compliment by the king of gradients :)

    likes

    about 1 year ago

  6. Ted Goas 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?

    likes

    about 1 year ago

  7. Gert Jan Lodder / pixellod Gert Jan Lodder / pixellod

    Me like!!

    about 1 year ago

  8. Jonathan Shariat Jonathan Shariat

    I like how petite the details are.

    about 1 year ago

  9. Dan Farrell Dan Farrell

    Big hitter!

    about 1 year ago

  10. Eric Kidd 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?

    likes

    about 1 year ago

  11. Eelco Guntlisbergen 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 :)

    likes

    about 1 year ago

  12. Tomas Laurinavicius Tomas Laurinavicius

    So clean! Love it!

    about 1 year ago

  13. Robbert Esser Robbert Esser

    Good use of colors. I also dig the interface, nice work!

    about 1 year ago

  14.  Wouter de Bres 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.

    about 1 year ago

  15. Alfred Xing Alfred Xing

    Love it. Amazing idea too (for Gibbon). Is the beta going to be out soon?

    about 1 year ago

  16. Dhrubajyoti Biswas Dhrubajyoti Biswas

    Clean. Love the simplicity.

    12 months ago

  17. Paul Dunahoo Paul Dunahoo

    I like this more than the current book-like UI.

    10 months ago

  18. Natan Nikolic Natan Nikolic

    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.

    9 months ago

keyboard shortcuts: previous shot next shot L or F like