Design Resources

Design Resources
http://leonguyen.com

Transcript

1. LeoNguyen.com
   

   View Slide

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

   View Slide

3. Outline
   - Resources
   - Tutorial
   

   View Slide

4. 01. Resources
   

   View Slide

5. Outline
   - Material
   - UI
   - Templates
   

   View Slide

6. Material
   

   View Slide

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

   View Slide

8. Color Scheme
   

   View Slide

9. FlatUiColors
   - flatuicolors.com
   

   View Slide

10. Web Safe Colors
    - websafecolors.info
    

    View Slide

11. Color Combinations
    - www.colorcombos.com
    

    View Slide

12. Adobe Kuler
    - kuler.adobe.com
    

    View Slide

13. Color Rotate
    - web.colorotate.org
    

    View Slide

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

    View Slide

15. ColorSchemer
    - colorschemer.com
    

    View Slide

16. Color Matters
    - colormatters.com
    

    View Slide

17. Texture
    

    View Slide

18. Noise Texture Generator
    - www.noisetexturegenerator.com
    

    View Slide

19. Subtle Pattern
    - www.subtlepatterns.com
    

    View Slide

20. Background Labs
    - www.backgroundlabs.com
    

    View Slide

21. Lost & Taken
    - www.lostandtaken.com
    

    View Slide

22. Font
    

    View Slide

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

    View Slide

24. Fontstacks
    - awesome-fontstacks.com/bundles
    

    View Slide

25. Font Squirrel
    - www.fontsquirrel.com
    

    View Slide

26. Typography
    

    View Slide

27. Type Chart
    - www.typechart.com
    

    View Slide

28. Cool Text
    - cooltext.com
    

    View Slide

29. Icon
    

    View Slide

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

    View Slide

31. Font Custom
    - fontcustom.com
    

    View Slide

32. Images
    

    View Slide

33. Remove Image Backgrounds
    - clippingmagic.com
    

    View Slide

34. Fake Images
    - fakeimg.pl
    

    View Slide

35. hhhhold!
    - hhhhold.com
    

    View Slide

36. UI
    

    View Slide

37. Outline
    - Layout
    - Banner
    

    View Slide

38. Layout
    

    View Slide

39. Gridset
    - www.gridsetapp.com
    

    View Slide

40. Screensiz
    - screensiz.es
    

    View Slide

41. Px to Em
    - pxtoem.com
    

    View Slide

42. Banner
    

    View Slide

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

    View Slide

44. Banner Fans
    - www.bannerfans.com
    

    View Slide

45. Templates
    

    View Slide

46. HTML5 UP!
    - html5up.net
    

    View Slide

47. Dribbble
    - www.dribbble.com
    

    View Slide

48. Fribbble
    - www.fribbble.com
    

    View Slide

49. Best PSD Freebies
    - www.bestpsdfreebies.com
    

    View Slide

50. Deposit
    - www.icondeposit.com
    

    View Slide

51. Tempees
    - www.tempees.com
    

    View Slide

52. Pixels Daily
    - www.pixelsdaily.com
    

    View Slide

53. Free UI Kits
    - freeuikits.com
    

    View Slide

54. GraphicBurger
    - graphicburger.com
    

    View Slide

55. Mepholio
    - box.mepholio.com
    

    View Slide

56. Fluid
    - www.fluidui.com
    

    View Slide

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

    View Slide

58. Inspired UI
    - inspired-ui.com
    

    View Slide

59. Pttrns
    - pttrns.com
    

    View Slide

60. 02.Tutorial
    

    View Slide

61. Outline
    - Photoshop
    - Illustrator
    - 3D
    

    View Slide

62. 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 Slide

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

    View Slide

64. 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 Slide

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

    View Slide