Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Resources

Design Resources

Design Resources
http://leonguyen.com

LeoNguyen.com

July 12, 2013
Tweet

More Decks by LeoNguyen.com

Other Decks in Technology

Transcript

  1. LeoNguyen.com

    View full-size slide

  2. References
    - devianART (www.deviantart.com)
    - Web Appers (www.webappers.com)
    - Dzone (www.dzone.com/links)

    View full-size slide

  3. Outline
    - Resources
    - Tutorial

    View full-size slide

  4. 01. Resources

    View full-size slide

  5. Outline
    - Material
    - UI
    - Templates

    View full-size slide

  6. Outline
    - Color Scheme
    - Texture
    - Font
    - Typography
    - Icon
    - Images

    View full-size slide

  7. Color Scheme

    View full-size slide

  8. FlatUiColors
    - flatuicolors.com

    View full-size slide

  9. Web Safe Colors
    - websafecolors.info

    View full-size slide

  10. Color Combinations
    - www.colorcombos.com

    View full-size slide

  11. Adobe Kuler
    - kuler.adobe.com

    View full-size slide

  12. Color Rotate
    - web.colorotate.org

    View full-size slide

  13. jQuery Swatches
    - maxmackie.com/jquery.swatches

    View full-size slide

  14. ColorSchemer
    - colorschemer.com

    View full-size slide

  15. Color Matters
    - colormatters.com

    View full-size slide

  16. Noise Texture Generator
    - www.noisetexturegenerator.com

    View full-size slide

  17. Subtle Pattern
    - www.subtlepatterns.com

    View full-size slide

  18. Background Labs
    - www.backgroundlabs.com

    View full-size slide

  19. Lost & Taken
    - www.lostandtaken.com

    View full-size slide

  20. Google Fonts
    - www.google.com/fonts

    View full-size slide

  21. Fontstacks
    - awesome-fontstacks.com/bundles

    View full-size slide

  22. Font Squirrel
    - www.fontsquirrel.com

    View full-size slide

  23. Type Chart
    - www.typechart.com

    View full-size slide

  24. Cool Text
    - cooltext.com

    View full-size slide

  25. Android Asset Studio
    - android-ui-utils.googlecode.com

    View full-size slide

  26. Font Custom
    - fontcustom.com

    View full-size slide

  27. Remove Image Backgrounds
    - clippingmagic.com

    View full-size slide

  28. Fake Images
    - fakeimg.pl

    View full-size slide

  29. hhhhold!
    - hhhhold.com

    View full-size slide

  30. Outline
    - Layout
    - Banner

    View full-size slide

  31. Gridset
    - www.gridsetapp.com

    View full-size slide

  32. Screensiz
    - screensiz.es

    View full-size slide

  33. Px to Em
    - pxtoem.com

    View full-size slide

  34. BannerSnack
    - http://www.bannersnack.com/en/banner-maker/software/

    View full-size slide

  35. Banner Fans
    - www.bannerfans.com

    View full-size slide

  36. HTML5 UP!
    - html5up.net

    View full-size slide

  37. Dribbble
    - www.dribbble.com

    View full-size slide

  38. Fribbble
    - www.fribbble.com

    View full-size slide

  39. Best PSD Freebies
    - www.bestpsdfreebies.com

    View full-size slide

  40. Deposit
    - www.icondeposit.com

    View full-size slide

  41. Tempees
    - www.tempees.com

    View full-size slide

  42. Pixels Daily
    - www.pixelsdaily.com

    View full-size slide

  43. Free UI Kits
    - freeuikits.com

    View full-size slide

  44. GraphicBurger
    - graphicburger.com

    View full-size slide

  45. Mepholio
    - box.mepholio.com

    View full-size slide

  46. Fluid
    - www.fluidui.com

    View full-size slide

  47. Mobile Patterns
    - www.mobile-patterns.com

    View full-size slide

  48. Inspired UI
    - inspired-ui.com

    View full-size slide

  49. Pttrns
    - pttrns.com

    View full-size slide

  50. Outline
    - Photoshop
    - Illustrator
    - 3D

    View full-size slide

  51. Photoshop
    - Yolinator (bit.ly/12jzB1P)
    - Howard Pinsky (http://bit.ly/14FTRda)
    - Tutvid (bit.ly/18fFTnu)
    - KinectArt (bit.ly/16z5jZa)
    - Ch-Ch-Check It (bit.ly/10UqlmC)
    - TechnologyGuru (bit.ly/16z7bBh)
    - True Love Design (bit.ly/17fdWsM)
    - Good Creative Tutorial (http://bit.ly/124Lx4d)
    - Photoshop Tutorial (bit.ly/16z6HLi)
    - The New Boston (http://bit.ly/17JXIvA)

    View full-size slide

  52. Photoshop (cont)
    - PixelForLife - Text Effect (bit.ly/12332lw)
    - PixelForLife - Web Element (bit.ly/11Hvo8s)
    - PixelForLife - iPhone App Design (bit.ly/1233ArN)

    View full-size slide

  53. Illustrator
    - Stephen Looney (bit.ly/17f6DRT)
    - Yolinator (bit.ly/1200Pq9)
    - Tutvid (bit.ly/1364d8U)
    - TastyTuts (bit.ly/149x7TF)
    - Illustrator Designs (bit.ly/10UrECe)
    - TechnologyGuru (bit.ly/17C49AJ)
    - Good Creative Tutorial (http://bit.ly/19vVsIU)
    - Logo Tutorial (bit.ly/18fK7LM)

    View full-size slide

  54. 3D
    - PixelForLife (bit.ly/14wS2Px)

    View full-size slide