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.

  • http://www.facebook.com/matthewbeasley.net Matthew Beasley

    and for the sake of professional designers, do not under price yourself!!!!!

    • http://www.blackbookoperations.com/ Black Book Operations

      I guess that aspect falls a bit under “managing a project and a client”. One needs some solid footing to just say no to certain projects if they do not pay enough for the work that goes into it. Then again, one client or another will always reference to people which will do the same design for far less money. (here I would advise this client to indeed go and ask another designer for the job then ;) ). Of course… a 3 page simple contact detail site is something completely different than a full blown CMS.

  • http://twitter.com/williamrm williamrm

    “The same goes for CSS2 vs. CSS3…” Not really so, CSS3 is more like an extension to CSS2. For example, the “position” declaration is CSS2, but it will probably always be an integral part of laying out elements on a page. So in general, they should just learn CSS, including its newest selectors and declarations. W3Schools is an alright place to start: http://www.w3schools.com/cssref/default.asp

    • Cameron Chapman

      Sorry, I wasn’t very clear. I just meant that you don’t need to learn CSS2 before CSS3, you should just be learning the newest/most current ways to do things (which includes both). But you’re correct, CSS doesn’t deprecate the way that HTML does.

  • http://twitter.com/ptasiemleko tom parol

    A good grasp of color theory is important but with tools like Colllor.com finding the right ones doesn’t have to be a struggle. 

  • http://profiles.google.com/mmenterprises.india M.M. Enterprises

    16JulWhat a great & nice Questions regarding web design Thanks for sharing nice post. i like your post. 

  • http://twitter.com/anidexlu anidexlu

    I’m kind of dissapointed because this article doesn’t mention communication at all. Design -even web design- is about communication and functionality, and the skills required are a lot more than those mentioned in the article.

    • bgbs

      communication is theory, and it come with practice.  Communication isn’t something you start with, you start with gaining skills. The most important asset in design is skills.  You will have much better chance at being hired if you had great software skills. If you dont understand proportions and color theory very well at early stage, is not a problem,  because if you are working under a director, you can be properly guided.  But no one is going to teach you software skills, you have to gain that on your own.

      • http://twitter.com/ColdCoffee Thomas Michaud

        Actually, communication is something that is practically important. I have plenty of students that cannot communicate their ideas effectively — let alone effectively critiquing other work. While I agree its something should be taught, it’s something that some employers will not always take the time to do — if it’s not done in school. Sometimes you’re interview fails if you cannot communicate effectively.
        Another critical area I see lacking in communication is in the written skill-set. Composing anything from a resume to a project proposal can be a real struggle for many and should be a stronger component in their arsenal. While design and coding fundamentals is essential, if a “noob” (or even a non-noob) cannot have critical thinking skills that are more well rounded (verbal or non-verbal), I don’t trust their abilities to be well-rounded and meet clients needs in terms of coding or explaining their ideas.
        Finally, on the “design” side, how can the importance of drawing not be emphasized? Whether you’re a graphic or web designer, drawing concepts is so critical. There isn’t a time I don’t get out pencil and paper (or an iPad) and illustrate out concepts. Drawing is means of effectively communicating (to both the designer, team, and client) that must be a part of a designers’ toolkit.

  • http://twitter.com/Dev_Digital DevDigital

    Excellent post, very good information shared about learning web design and in a way one taking interview of web designer.

  • http://www.webdesigncreare.co.uk/ Rachael

    Interesting ideas, I completely agree that you can’t just learn how to design, because its more complicated than that as you rightly say, alignment, proportion, understanding of fonts and colours, plus many other aspects are all important to learn. I think a great place to start is to be a client for yourself if you literally know nothing, start with working something for your own and take your time and don’t rush it, the better quality your site or portfolio is, the more likely you are to have potential clients coming to you.

    Following tutorials for each step in creating a design will allow you to quickly pick up techniques in a couple of weeks, and you will soon find yourself familiar with how to create a design by yourself, and you can continue to build on knowledge this way.

  • http://twitter.com/Lvovenok Alexey Lvov


  • http://www.orphicpixel.com Mars / Kulot

    This is just awesome to read, and i keep on smiling while going through it

  • http://www.onitsolutions.co.uk Jon Celeste

    Yip i agree you must learn photoshop its the basics of graphic design.

  • http://www.onitsolutions.co.uk Jon Celeste

    Yip i agree you must learn photoshop its the basics of graphic design.

  • nuksies

    I have a question. When doing a job for family, how much do you charge? I’ve done a small job for him before and refused payment but this time he’s pretty much forcing me to charge! I can’t charge him anywhere near full price because, well, he’s family! What do you do????

  • Walter

    There are a lot of different opinions on this Tony, but if you refer to yourself as ‘we’ there’s a danger that you’ll be seen to be misrepresenting yourself, even if that isn’t your intention. Trust is too important to jeopardize.

    It’s usually not hard to spot freelancers who are representing themselves as a company just by the depth and breadth of their portfolio.

    What’s more a lot of companies prefer to deal with freelancers than agencies, so if you do refer to yourself as ‘we’ you could be missing out on a lot of custom.

  • DesignPanoply

    I think the biggest mistake new designers make is trying to work for cheap or free, then they get the impression that they can’t make any money and give up.

    – John

  • sagat

    Don’t work for slave ‘freelance’ sites like 99 Designs, Logo Tournaments, People per Hire etc as you will do more work for little or no guaranteed pay. And there are many rip-off merchants on these sites

  • http://www.hausofdinma.com/ Haus of Dinma

    Very good article Cameron. I also want to say thank you to Chris Spooner for sending me here!