The 200 Best Graphic, App & Web Design Tools & Resources (Categorized)

graphicdesigncreativity

Well we’re back at it again making another one of our infamous Top 100 Tech lists (many of which have been shared hundreds of thousands of times), except this time we’re aiming our sights at the world of graphic, app  and web design (and we’ve doubled the scope to 200 amazing items). Technology and design are inseparable these days. Designers rely on computers and software to express their creativity and in turn, technology companies like Apple rely on good design for distinction and differentiation (from industrial design to marketing). In short, design makes the world go round.

What can you expect to find here? I’ve rounded up the top 10 items that I have deemed either cool or useful in several categories (and only 10 per category, meaning I had to delete plenty of items leaving only what I see as the very best resources). You’ll find everything from font and color resources to infographic tools to apps for designers to mobile and web app development tools to design communities to top design schools and plenty more. This is the ultimate design resources and tools list; the roundup to end all roundups.

Also read:

This post will probably be most useful to design newbies and students who are just getting to know the ins and outs of the online design community and the full ecosystem that is available to them. For the more experienced designers and experts out there, this list will be a great resource to bookmark as I’ve tried to arrange these sections in order of usability (what you are most likely to check most often). Either way, this post was so massive that it has it’s own built-in navigation to get you where you need to go quickly. Even though I’d consider myself and expert designer, I still dug up plenty of new resources that were new to me during the 3 days, 20+ total hours and 40+ revisions it took to research, compile and curate this post, so I think there’s truly something for everyone here.

Before you get any further, let me explain that yes, this is a curated list meaning it is based purely on my own opinions. You may wish to see a certain resource here that I chose to leave off or perhaps didn’t know about. If that is the case, leave a comment and add your items for the community to benefit from.

Also read: If Creativity is Currency, Are You Broke?

POST NAVIGATION: { Design Networks } { Font Resources } { Color Resources } { Vectors, Icons, Bundles } { iPad & iPhone Apps } { Mobile App Development } { Infographics } { Web Development } { Web Optimization } { Design Communities } { Design Galleries } { Design Blogs } { Design Magazines } { Learn Design } { Design Schools } { Design Jobs } { While Label Services } { Print Services } { Miscellaneous }

The Big 4 Online Design Networks/Empires

  1. Envato – Helping designers earn and learn online.
    Includes:  ThemeForestAppStorm, Rockable Press and more.
  2. Behance Network – Showcase and discover creative work.
    Includes: The Served Sites99UPrositeAction MethodCreative’s Outfitter.
  3. Smashing Magazine – Covering coding, design, mobile, graphics, UX and more.
    Includes: Noupe, Smashing Shop.
  4. Fuel Brand Network – Jump-starting creative minds.
    Includes:  Coding, Creativity, Illustration, Photography and more.
Back to top

Font Resources (Print & Web)

  1. I Love Typography – Fonts, typefaces and all things typographical.
  2. MyFonts – The world’s largest collection of fonts.
  3. Typekit – The easiest way to use real typefaces on your website.
  4. FontShop – The world’s best fonts.
  5. The FontFeed – Fonts, typography, lettering and design.
  6. TypeInspire – A showcase of typography and text effects.
  7. Google Web Fonts – 500+ free web fonts to use online.
  8. WEbINK – High quality web fonts for your website.
  9. Letterhead Fonts – Rare and unusual letter for the professional artist.
  10. Fontspring – Buy fonts and web-fonts without subscriptions or cumbersome restrictions.
Back to top

Color Resources (Print & Web)

  1. COLOURlovers – Color trends + palettes.
  2. Adobe Kuler – Exlpore, create and share color patterns.
  3. ColRD – Create and share color inspiration with the world.
  4. 0to255 – A simple tool that helps web designers find variations of any color.
  5. ColorMunki – Innovative color creation and control.
  6. Pictaculous – Ever wonder what colors to use with an image (web + app).
  7. Color Hunter – Create color palettes made from images.
  8. ColoRotate – Browse color palettes or create your own. Get the Photoshop plugin.
  9. Check My Colors – Analyze the color contrast of your web pages.
  10. Color Scheme Designer 3 – Easily create 6 different types of color schemes.

Vectors, Icons, Bundles, Brushes & Deals

  1. VectorFinder – Search the most popular stock sites from one central location.
  2. MediaLoot – Premium graphic design resources. Library of interface, vector and icon resources.
  3. Design TNT – Awesome resources for designers.
  4. Brusheezy – Free Photoshop brushes.
  5. Designious – Vector packs, Photoshop brushes, bundles, freebies and more.
  6. InkyDeals – 24 hours only deals for creatives.
  7. Vandelay Premier – Thousands of design resources at your finger tips.
  8. Pixel Snacks – The design bundle that grows.
  9. Bundle Hunt – Highest quality design software bundles at the lowest prices.
  10. Ultrashock – Over 21k Flash, audio, vector and image assets.

iPad & iPhone Apps for Designers

  1. myPANTONE – Advanced functionality and thousands of inspirational colors.
  2. Paper – Ideas begin on paper. Closest thing to sketching on real paper on the iPad.
  3. Photoshop Touch – Create, edit and share multilayered images.
  4. CSS3Machine –  Create amazing CSS3 styles and animations on your iPad.
  5. iMockups – Design on the go with this wireframing and mockup app for iPad.
  6. Gusto – Full-featured website development environment for iPad.
  7. Adobe Ideas – Edit using vectors, layers and color themes. Compatible with Illustrator.
  8. SketchBook Pro – A professional-grade paint and drawing app.
  9. What the Font Mobile – Identify the fonts in a photo or web graphic (iPhone).
  10. iFontMaker – Create your own hand font in 5 minutes (iPad).
Back to top

Mobile App Development Tools & Resources

Also read: 100 Tools to Develop the Next Killer iOS or Android App

  1. Fluid UI – iPhone and Android mobile mockups.
  2. Cabana – The visual way to make custom, gorgeous mobile apps.
  3. Heatma.ps – Amazing visual UX feedback for your iOS app.
  4. App Cooker – Design iOS and mobile mockups, wireframes and prototypes.
  5. Crashlytics – Powerful and lightweight crash reporting for iOS and Android apps.
  6. App Annie – App store analytics and market intelligence.
  7. CloudMine – The backend as a service for mobile and web apps.
  8. Mobile Roadie – Mobile app creator for iPhone, Android, iPad and mobile web.
  9. Parse – Add a powerful and scalable backend in minutes.
  10. Appboy – Your complete mobile CRM solution.
Back to top

Infographics & Data Visualization Resources

Also read: Over 100 Incredible Infographic Tools and Resources (Categorized)

  1. Visual.ly – Infographics and data visualization community.
  2. Infogr.am – Create interactive infographics.
  3. Piktochart – Infographic and presentation tool.
  4. Tableau Public – Free data visualization software.
  5. Ease.ly – Create and share visual ideas online.
  6. Revu – Turn your social profiles into an infographic resume.
  7. D3.js – Javascript library for creating data-driven documents.
  8. Wolfram CDF – Turn infographics into info apps with always-current data.
  9. Gephi – Open graph visualization software.
  10. StatPlanet – Create fully-customizable, feature-rich interactive maps.

Web Development Tools & Resources

  1. Coda – The best HTML, CSS and web coding software ever. Period.
  2. W3 Markup – Convert PSDs to HTML and CSS. Code is art.
  3. Firebug – The most popular and powerful web development tool.
  4. Style Tiles – A visual web design profess for clients and the responsive web.
  5. Mobify – Make your website mobile.
  6. Responsive Grid System – Fluid grid CSS framework for fast development.
  7. SnipSave – Save code snippets for future reference.
  8. Retina.jsj – Open source script that makes service high-rez images easy.
  9. jQuery++ – jQuery’s bald-spot covering toupee (collection of useful DOM helpers).
  10. WooThemes – Premium WordPress themes can save you time; just customize!
Back to top

Web Testing & Optimization Tools

  1. PageSpeed Insights – Make your website faster.
  2. Adobe BrowserLab – Ensure your content displays as intended.
  3. Silverback – Guerrilla usability testing software for designers and developers.
  4. Userlytics – Website usability testing and evaluation.
  5. Scribe – SEO made simple.
  6. Ethnio – Intercept visitors for live research.
  7. FiveSecondTest – Landing page optimization for your mocks and wireframes.
  8. SEOmoz – Search engine optimization and social monitoring.
  9. Optimizely – A/V testing software you’ll actually use.
  10. Pingdom Tools – Test the load time of a web page.
Back to top

Design Communities

  1. Dribbble – Show and tell for designers.
  2. Favwork – Supporting designers to develop their careers.
  3. design:related – Portfolios, inspiration, jobs and networking for creative pros.
  4. Forrst – A community where developers and designers improve their craft.
  5. DESIGN 21 – Social design network.
  6. Designbump – User submitted and voted design news, articles and inspiration.
  7. The Web Blend – Summarizing the latest design and development news and trends.
  8. deviantART – Where art meets application.
  9. Dexigner – Design news, events, competitions and more.
  10. Meetup – Do something, learn something. Search for “design” within your area.

Design Galleries (Get Inspired)

  1. Creattica – An online resource for design inspiration and freebies.
  2. The Dieline – The #1 package design website.
  3. Awwards – The best websites from around the world.
  4. PatternTap – Providing the inspiration and education that designers need.
  5. Logopond – Identity inspiration.
  6. Bitique – Daily design goodness for graphic addicts.
  7. Design Snack – CSS, HTML and Flash gallery. An inspiration tool.
  8. FWA – Favourite Website Awards. Internet award program and inspiration portal.
  9. Designsperation – Discover and share great design that inspires you.
  10. siteInspire – Web design inspiration.

Design Blogs

  1. Co.DESIGN – Business + innovation + design.
  2. Webdesigner Depot – Exploring different web and graphic design techniques.
  3. 1stwebdesigner – Tutorials, inspiration, roundups, articles and more.
  4. David Airey – The interesting blog of a well-known brand identity designer.
  5. Six Revisions – Useful information for web developers and designers.
  6. Abduzeedo – Abducted by design. Tutorials and inspiration.
  7. Tripwire Magazine – Handpicked goodies for web developers and designers.
  8. Line25 – A drawing board of creative web design.
  9. Speckyboy – Web design, development and graphic design resources.
  10. Web Designer Wall – Design trends and tutorials.
Back to top

Design Magazines

  1. .net – The world’s best-selling magazine for web designers/developers.
  2. Communication Arts – Premiere source of inspiration for designers & art directors.
  3. Computer Arts – Inspiration, technique, great design.
  4. Web Designer – Defining the internet through beautiful design.
  5. CMYK Magazine – A truly rewarding visual experience.
  6. Layers – The how-to magazine for everything Adobe.
  7. HOW Design Magazine – Graphic, web and freelance design.
  8. GD USA – Graphic design news, trends, people, ideas and products.
  9. Print Magazine – Bimonthly magazine about visual culture and design.
  10. Digital Arts – Inspiration for digital creatives.
Back to top

 Learn Graphic Design & Web Development Online

  1. Tuts+ Premium – Learn creative and technical skills
  2. Codecademy – Learn to code.
  3. Fan Extra Network – Awesome tutorial sites for creative professionals.
  4. Treehouse – Learn web design, web development and iOS development.
  5. Lynda.com – Online software training videos that really work.
  6. PSD Learning – Learning resources for Adobe Photoshop.
  7. Udacity – A 21st century university. Learn computer science, programming and more.
  8. P2L – Pixel2Life – Photoshop, Flash and other tutorials.
  9. Mozilla School of Webcraft – Learn web development.
  10. Khan Academy – Learn almost anything for free.

Great Design Schools

  1. Art Center College of Design (Pasadena) – Learn to create, influence change.
  2. RMCAD (Denver) – One of the nation’s premier art and design institutions since 1963.
  3. Yale University School of Art – Ranked 2nd for the undergrad design by US News in 2011.
  4. RISD (Rhode Island) – One of the oldest and best known colleges for art and design.
  5. Parsons the New School for Design (NYC) – Pioneering design education since 1896.
  6. School of Visual Arts (NYC) – Known for innovative and experimental program philosophies.
  7. MCAD (Minneapolis) – Educating professional designers and pioneering thinkers.
  8. Full Sail University – A premier art, music and film school (campus and online).
  9. OTIS (LA) – LA’s first independent, professional school of art and design.
  10. Academy of Design (Ontario) – Offers students a high-energy, hands-on learning environment.
Back to top

Find Design Jobs

  1. LinkedIn – Find jobs, connect through people you already know.
  2. Krop – Creative industry job board.
  3. Authentic Jobs – Where companies and creative professionals meet.
  4. Coroflot – A simple and direct way to connect with creative opportunities worldwide.
  5. AIGA Design Jobs – Professional job listings for all design disciplines.
  6. Creative Hotlist – Job search and creative talent directory.
  7. Sensational Jobs – The job board for web professionals.
  8. 37signals Job Board – Design, programming and executive jobs.
  9. Mashable Jobs – Design and development jobs from Mashable.
  10. Indeed – Search multiple job listing sites for design jobs.

White Label & Affiliate Services for Designers

  1. LightCMS – A brandable content management system for designers.
  2. Campaign Monitor – Let clients send their own email newsletter campaigns at your prices.
  3. CushyCMS – Pro features include the ability to use your own logo, colors and domain.
  4. Site5 – Reseller hosting.
  5. Shopify – Ecommerce software. Become a partner and receive 20% on referrals.
  6. CakeMail – Email marketing software for small businesses.
  7. 1ShoppingCart – Private-label this shopping cart and commerce software.
  8. Wrike – Project management software that pays 100% commission.
  9. Weebly Designer Platform – CMS for designers and clients.
  10. Page.ly – Resell managed WordPress hosting.

Print Services

  1. UPrinting – “Spread your message!” 24 hour phone support on weekdays.
  2. MOO – Custom business cards, MiniCards, postcards and more.
  3. Print Runner – “Printing for less.”
  4. Vista Print – “Make an impression.”
  5. Mimeo.com – “Prepare to be delighted.”
  6. PsPrint – Print online with up to 60% off.
  7. Smartpress.com – “Real people who really know print.”
  8. PFL – Printing for Less. “Let’s grow your business.”
  9. PrintPlace.com – “Passionate about printing.”
  10. OvernightPrints – 40+ years of experience printing high-quality products.

Miscellaneous

  1. Inkd – Buy and sell custom graphic design templates.
  2. Hartli – Visually analyzes websites and tells you about colors, typography, grid use and more.
  3. Art of the Title – Leading online resource of title sequence design, from film to games.
  4. NO!SPEC – Educating the public about speculative (spec) work.
  5. Google Art Project – High-quality scans of famous artworks.
  6. FreelanceSwitch – Freelance blog, forum, jobs and directory.
  7. Freelance Folder – Freelance tools, advice and resources.
  8. Library of Congress Digital Collections – Historical art and design archives, preserved online.
  9. 99designs – The fastest growing design marketplace in the world.
  10. Graphic Design Blender – Business tips for designers.

Back to top

View Comments




Today’s Top New Apps - See the Top 50

  1. lettrs

    -

    Your social writing desk

  2. Dolphin Browser

    -

    The fast, smart, and free mobile browser

  3. FxGuru

    -

    Amazing Special Effects for Mobile Video

  4. Touchnote – Christmas Edition

    -

    World's most popular card-sending app

  5. Amazing World Atlas

    -

    Play your way around the planet

23 comments

    1. We couldn’t fit everything. That said, we did link to our top 100 post that does include CodeSchool.com at the top of that section!

  1. Thanks so much for featuring FanExtra Chris! I really appreciate it :). Great list of resources and websites here, I use several myself already so I know how good they are!

    1. Nice article, My recommendation for those peoples who don’t want to use coding for there website creation. Use Pawili for you website building.There monthly charge is so low with domain and hosting also they provide unlimited hosting.

  2. These above discussed web design tools and important apps are very useful for my kind of new web designers who are willing to do some good thing in web designing. Thanks for guiding us.

  3. I saw that you included COLOURlovers, but you didn’t include creative market (created by the founders of COLOURlovers). Creative Market is an amazing resource for graphic design materials like fonts, textures, patterns, photoshop brushes, and more. Check it out at http://www.creativemarket.com. In addition, every monday we post free goods of the week where we offer three premium items for free.

Comments are closed.

Stay current!

Thousands of tech & app lovers can't be wrong!

We'll send you the latest (and best) tech and apps Monday-Friday. Plus, subscribers get exclusive extras and surprises!

We will NEVER share or sell your info.