└── README.md /README.md: -------------------------------------------------------------------------------- 1 | If you are using sketch, [Sketch App Sources](http://www.sketchappsources.com/) has A LOT OF STUFF. People also post their design files on there, so you should definitely download those designs and study them. 2 | 3 | Most of the time you don't need to draw your own icons, or take your own photos. You just find free stuff online and combine them to create your design. The links below will help you get started: 4 | 5 | # Images 6 | 7 | Beautiful high resolution images (and free to use!) at [Unsplash](https://unsplash.com/). 8 | 9 | To get fake user profile images go to [randomuser.me](https://randomuser.me/photos). 10 | 11 | # Background Pattern 12 | 13 | + http://thepatternlibrary.com/ 14 | + http://subtlepatterns.com/ 15 | 16 | You'd usually need to change the pattern's color to fit your color pallete. See this video: 17 | 18 | # Icons 19 | 20 | + http://www.pixellove.com/free-ios-and-android-icons 21 | + http://www.streamlineicons.com/ 22 | + http://www.pixeden.com/media-icons/tab-bar-icons-ios-7-vol5 23 | + https://dribbble.com/shots/1344983-Simple-Line-Icons-100-free-icons-Ai-Eps-Svg-Psd 24 | 25 | # Fonts 26 | 27 | Use the whatfont Chrome plugin to see what fonts are used. 28 | 29 | Usually you'd see typekit (Adobe Foundry's paid service) or [Google Font](http://www.google.com/fonts) (free). 30 | 31 | A lot of the time you can find the font you want at [Font Squirrel](www.fontsquirrel.com) 32 | 33 | # Choosing Colors 34 | 35 | The easiest way to build a color pallete is by sampling colors from an existing image. 36 | 37 | 1. Find a photo / album cover that you like. 38 | 2. If you have a specific color in mind, view [Dribble designs](https://dribbble.com/colors/66cccc) by color. 39 | 40 | I find color tools like [kuler](https://color.adobe.com) too difficult for design noobs. 41 | 42 | # Design Inspirations 43 | 44 | ## Blogs 45 | 46 | + https://medium.com/sketch-app 47 | + http://blog.mengto.com/ 48 | + http://sachagreif.com 49 | + http://sebastien-gabriel.com/freebies.html 50 | + http://osvaldas.info 51 | + http://www.sketchcasts.net/episodes 52 | 53 | ## Mobile app designs 54 | 55 | + http://beautifulpixels.com/ 56 | + http://app.itize.us/ 57 | 58 | # Sketch 59 | 60 | ## Sketch & Tutorials 61 | 62 | + http://webdesign.tutsplus.com/categories/sketch 63 | + [Sketch Guideline(Chinese Version)](http://www.ituring.com.cn/book/1305) Free 64 | + [Sketch Plugins](http://awesome-sket.ch/) 65 | + [Chinese Sketch website](http://sketchcn.com/) 66 | 67 | ## Sketch Resources 68 | 69 | + http://www.niudana.com/#sketch 70 | + http://bohemiancoding.com/sketch/resources/ 71 | + http://www.sketchappsources.com/all-free-sources.html 72 | 73 | --------------------------------------------------------------------------------