12 Learn Channels

00-dribbble-small

2 Attachments

16 Responses

  1. Pro  Wouter de Bres Wouter de Bres

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

    4 months ago

  2. Roy Klemba Roy Klemba

    nice!

    4 months ago

  3. Visual Idiot Visual Idiot

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

    likes

    4 months ago

  4. Pro  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.

    4 months ago

  5. Pro Marco Moreno Marco Moreno

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

    Nice compliment by the king of gradients :)

    likes

    4 months ago

  6. Pro 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

    4 months ago

  7. Pro Gert Jan Lodder / Pixellod Gert Jan Lodder / Pixellod

    Me like!!

    4 months ago

  8. Pro Jonathan Shariat Jonathan Shariat

    I like how petite the details are.

    4 months ago

  9. Dan Farrell Dan Farrell

    Big hitter!

    4 months ago

  10. Pro 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

    4 months ago

  11. Pro 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

    4 months ago

  12. Tomas Laurinavicius Tomas Laurinavicius

    So clean! Love it!

    4 months ago

  13. Pro Robbert Esser Robbert Esser

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

    4 months ago

  14. Pro  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.

    4 months ago

  15. Alfred Xing Alfred Xing

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

    4 months ago

  16. Dhrubajyoti Biswas Dhrubajyoti Biswas

    Clean. Love the simplicity.

    30 days ago

keyboard shortcuts: previous shot next shot L or F like