7 questions asked by noob designers, answered

Anyone who writes about web design or runs a web design blog (like this one) is bound to get questions from new designers on a pretty regular basis. And most of us try to answer those questions as time allows (which, unfortunately, isn’t as often as I’d like).

Since time can be an issue, I’ve pulled together some of the most common questions that get asked over and over again, and tried to answer them. These include things like where to learn to design, what skills you need, and how to get clients.

Now, I’m sure there are other questions out there that new designers have, and if you’ll leave those in the comments, we’ll try to do a part two and answer even more.

What skills do I need to learn to become a good designer?

A lot of people might be tempted to answer this with “design skills, duh!” But “design” isn’t really a skill. It’s a result. You need other skills to reach that result.

So what are the skills that go into a good design? Here are the basics:

  • A sense of spatial relationships and proportions.
  • A good grasp of color theory.
  • The ability to take what’s in your head and translate it to pixels.

Sounds simple enough, right? Basically, good designs are made up of a number of different parts. Knowing how to arrange those parts in an aesthetically-pleasing way requires a good sense of spatial relationships and how proportion affects perception.

Good use of color reinforces those relationships and can take a boring design to the next level. Color theory is part science and part art, but it’s probably one of the easiest things for a designer to master.

The ability to take what’s in your head and put it into pixels covers more of the technical aspects of what a designer does. You need to have the skills to use the tools available to a designer to actually create the design. That means graphics programs, programming languages, and more. If you can’t make your ideas into reality, then you’re not a designer, you’re just another schmuck with a “brilliant idea”.

A few auxiliary skills you should probably learn include:

  • Project management
  • Managing clients
  • Basic bookkeeping

While not strictly design related, those are all valuable skills if you want to be a freelancer, and can still be useful even if you work in a corporate environment.


How and where should I start learning?

I’m a firm believer in learning by doing. There are thousands of tutorials out there that can teach you everything you need to know about design, and then some. There is no single best source for learning how to design websites.

I’d propose a three-step process for learning how to design websites.

First, find some good reference sheets for HTML and CSS. There are dozens out there, so just find one that seems like it’ll be easy to use.

Next, start in on some tutorials. Google is your friend here. Look for web design tutorials. The Tuts+ network is a good place to start, but they’re not the only site out there that has high-quality tutorials. Follow a few of them from start to finish to get an idea of the whole process.

From there, start taking existing sites apart. Use tools like Firebug to see the code (HTML, CSS, and JavaScript). Figure out what makes them tick. Figure out which plugins and technologies they’re using. Then rebuild the site from scratch, preferably without copying and pasting their code.

You could spend years reading books and articles that tell you how to build a website. But until you actually dive in and start creating, you’re only going to get so far.


Should I jump right into HTML5 and CSS3 or learn older versions first?

This is kind of a trick question. A lot of new designers don’t realize that HTML5 and CSS3 include not only all the new technologies we keep hearing about, but also all of the applicable “old” technologies in the previous versions (minus those that have been deprecated).

In other words, you should spend your time learning HTML5 and CSS3. If you learn HTML4 (or XHTML), you may be learning things you’ll need to un-learn when you start in on HTML5. The same goes for CSS2 vs. CSS3. So just learn the newest/current technologies, plus any work-arounds you might need for older browsers.


When should I learn a graphics program like Photoshop?

If you want to be a designer, you need to master some kind of graphics program. This could be Photoshop, Fireworks, Illustrator, GIMP, or any other program that does what you need it to. The thing is, even though you can technically design a site entirely in the browser, and with CSS3 you can even create some graphics without bothering with an image editing program, being proficient in this kind of program will be necessary at some point and will make your life easier more often than not.

So in answer to when you should learn something like Photoshop, I say this: as soon as possible.


Do I really need to learn to code?

There are designers out there who never touch code. Some of them do this by choice: they just don’t like to code. But other times, it’s because they never learned how to code.

You really should know your way around basic front-end development. Even if you choose to outsource this or you work on a team where you only need to focus on the visual design, knowing the ins and outs of how code works will make your designs better. Knowing what’s possible and what’s not will also make you easier to work with from the perspective of developers.

I would strongly recommend learning HTML5 and CSS3, at the very least, and familiarizing yourself with enough JavaScript so that you can use jQuery or another library without tearing your hair out. If you decide to learn additional programming languages beyond that, it’ll only help you become a more versatile and well-rounded designer/developer.


How long does it take to get your first client?

Sorry to use a cliché, but how long is a piece of string? Some designers are naturals. They can learn how to design well in a matter of a few weeks or a few months. It’s often the technical aspects that hold them back in the beginning, rather than creative ones.

Other designers take years to learn their craft before ever taking on paid client work. Either one is fine. If you feel ready to take on other people’s projects after a couple months, then go for it. If it takes you years to reach that point, that’s fine, too.

A couple of bits of advice: first, make sure you have a few projects of your own completed before you start working for someone else. That means completed entirely, from creative brief to finished, live site.

After that, you may want to consider designing a site for a friend or family member for free or at a deeply discounted price just to get used to working with a client before there’s a significant amount of money (and your reputation) on the line.

One last bit of advice: start small. As tempting as it might be, taking on a huge project early on can be a disaster. Until you’ve honed not only your design skills but also your project management skills, you’re better off sticking with more manageable projects.


Where can I find clients?

This is the question everyone asks. There’s no one answer. You can start bidding on projects on sites like Elance.com. You can check Craigslist and other sites for local jobs. You can even call on local business owners to see if they’re interested in a new or redesigned site.

Let your friends and family know that you’re open for business, and ask them for referrals to people they know who might be interested in your services. Write articles for design and business blogs that showcase your expertise. Be active on social media and make sure that your followers and friends know you’re a web designer. Basically, put yourself out there as much as possible and go after new clients.

Finally, make sure that your work is excellent. Your good work and good reputation are the best advertising you could ever hope to have.


Have more questions?

If you’ve got more questions, either your own or ones that have been asked of you by new designers, let us know in the comments! If there are enough, we’ll do a part two and answer even more!


Written exclusively for WDD by Cameron Chapman.

20 Facebook Fan Page Templates – only $27!

Source


Posted in Blog | Comments Off on 7 questions asked by noob designers, answered

How the Open Source Movement Affects Web Designers

Advertise here with BSA

Back when computers were still fairly new it was difficult to find knowledgeable programmers. The Internet has changed this system where it’s now easier than ever to study on a unique design/dev topic. Software and web developers are working hand-in-hand by sharing code snippets and resources through various websites.

featured image - hackers conference open source NYC

This open source movement has grown rapidly and it’s not slowing down anytime soon. As more code is available online it’ll become easier for developers to launch full web applications within hours. This hierarchy is changing how we build websites for the better! In this article I want to share some ideas looking forward as to how web designers can start working within the open source movement and use it to their advantage.

Open Code Standards

Now that jQuery has been around for so long it’s become a staple for modern JavaScript development. There are specific rules and syntax regulations to follow, and these standards have been adopted from the open source movement. JavaScript is now much easier to understand and study within a couple days.

We’re already seeing this change with coding HTML5 and CSS3, too. Standards are much easier to work around and you can easily find examples for whatever you need. There are even free CSS3 gradient tools which generate the code for you! Talk about convenience – we really can automate much of the difficult tasks onto computers.

Learning and Sharing Knowledge

I was originally studying web design back in 2004 which was an in-between phase for designers. There were some great tutorials on the web, but they were mostly geared towards beginners. It was difficult to jump in and learn something like PHP/MySQL or Ruby on Rails.

open source coding standards community meetup

The Stack Overflow community has become my most precious resource for learning and fixing my errors. Intelligent programmers from all over the world go to answer questions and help other developers solve their issues. Whenever you run into a problem you should check SO threads in Google. I’ve found 99% of my answers by searching through the right websites.

But once you have studied in the field for some time it doesn’t hurt to give back knowledge. Your questions may provide a learning area for developers struggling with a similar problem. But alternatively you can visit these Q&A websites in the hopes of answering other questions. It will help your debugging skills and offers a valuable service to web designers around the world.

Less Wheels to Invent

The common phrase we all hear is “don’t reinvent the wheel”. This concept may be at the center core of the entire open source universe. When you can work with a plugin or CSS library which already has the code you need, why should you rewrite it from scratch? It’s a waste of time – plus this other developer has likely put careful attention into perfecting their code.

branding pencil and book for Stackoverflow.com

As we keep pushing forward there are less and less wheels we need to invent. There are more open source libraries for functionality I’ve never even used before. Mapping charts, graphs, math functions, HTML5-based video/audio, there are too many features to list. Yet working off these existing features will make your job a whole lot easier and less frustrating.

Linux penguin boy in the park

This concept is known as abstraction when programmers are building off another layer of code. jQuery is an abstraction of JavaScript, and the many jQuery plugins are a deeper abstraction of jQuery. Then you can use these plugins on your website and customize them for a specific layout style.

Resolving Solutions

The crisis of problem/solution is always afoot when you’re coding a new website. These problems can arise from browser bugs in HTML/CSS. Or you could be faced with more complex issues in JavaScript or backend programming languages.

But whatever your problem it’s a good chance that somebody can help you with the solution. Even if this person doesn’t tell you directly, but you read it on their blog article or forum post. We are all contributing solutions to the many various problems which crop up from day-to-day. Projects can be completed much quicker than ever before.

mobile computer laptop MacBook power chords

It would appear like an ideal situation, although this understanding can lead to laziness and deeper motivation problems. When you’re still new in web development it’s easier to ask for help and copy/paste the answer rather than figure out why it works. This is the wrong path to follow if you want to build your career as a web designer.

Never let the completion of a project hold precedence over your education. Once you build something properly for the first time you will likely remember that code if needed later. But even if you forget there will always be your first project’s source code which you can look over as a reminder.

Having these code snippets quickly accessible means you can push through complex projects in just a few days. Without these open source tools you could expect a week or more of development time trying to build a working solution.

Conclusion

There’s no doubt that open source is the best future model for developers. Design trends aren’t inherently “owned” by any one person, and you can’t patent a generic idea like dropdown menus or accordion widgets. Developers who create these things and offer them for free have the knowledge that their code will be put to good use. And it’s because of this generosity that we have powerful CMS’ today such as WordPress and ExpressionEngine.

Ask yourself how you can help contribute to this powerful open source movement. Even graphics designers are becoming more comfortable publishing freebie PSD and AI files online. More people are studying web design each year and working to join forces with the developers who came before them. It’s a very exciting time to be alive and working on the Internet.

Posted in Blog | Comments Off on How the Open Source Movement Affects Web Designers