17 Web Resources for Improving Your Design Skills


While summer vacation winds to a close and students prepare to go back to school, the days of brand new backpacks and crisp notebooks are long gone for many adults. Although classrooms, teachers and tuition might be off the table, it doesn’t mean education needs to be.

In fact, the Internet itself provides a wealth of educational opportunities. Furthermore, long summer days and relatively relaxed offices might provide the perfect setting for web education. Just think, while other people are rounding out their summer tans, you could be ringing in autumn with a whole new skill set — in this case, web design expertise. Tans fade. Beefier resumes keep shining.

Here’s a look at some of the best web resources for web design education.

101

Design 101 is all about the basics: master the lingo, learn the software and familiarize yourself with the driving principles that govern good design. To that end, your first stop should be a survey course of sorts. Try the Psdtuts+ self-study curriculum, where you can soak up the basics of shape, spacing, rhythm, typography, color, texture and more. To reinforce those basic skills, check out the Albany Library Design Tutorial, a sort of interactive “design for dummies.” While the tutorial is a bit old school, technologically speaking, design-wise, it effectively covers the basics.

You may also want to learn a little bit about the grid system while you’re at it. The system is exactly what it sounds like: a grid or set of guides on which the elements of a web page are built. Working with the grid can help in mastering the art of clean, cohesive web design. And speaking of cohesiveness, you may also want to review Web Pages That Suck for examples of how not to utilize your newly minted design skills.

Once you’ve tackled design theory, get practical with Adobe Design Center. It has all the tools you need to turn that theory into design reality. If you’re more of a visual learner, investigate this collection of helpful YouTube Photoshop tutorials.

Read More