First Steps from Print to Web Designer

April 11, 2010

Good design is good design. And skills developed designing for print are transferable to Web. But the tools are different, the challenges are different, and so are the possibilities. You won’t have to worry about widows and orphans so much. Your font choices are a lot fewer. Instead of leading and tracking you now have line-height and letter-spacing (kerning isn’t adjustable with CSS). You will have to worry about things like cross-browser compatibility, not to mention accessibility, and standards. But you’ll also have a much shorter wait to see your work published, and can interact with your users in ways that were simply impossible with print.

The Web is an exciting place. Technologies come and go quickly and it can be difficult to keep up, but it can be fun, too. Here is a list that is totally not exhaustive but, I think, covers some very important steps towards becoming comfortable with designing for the Web, particularly for someone already experienced at designing for print.

  1. Learn HTML and learn CSS, too. HTML defines the nuts and bolts of everything on the Web. CSS is what you use to make it look nice. CSS is pretty cool and provides a wide range of design options and limitations that, unless you understand the working parameters, are not going to be intuitive to someone coming from a print background. The w3schools.com lessons are great, but to dive deeper without breaking the bank, classes at the O’Reilly School of Technology are a sensible option.
Since you’re already familiar with Adobe products, and might even have a copy of Dreamweaver since it comes with several suites, you may be tempted to skip learning HTML and CSS. **Don’t.** Imagine being hired as a chef but not knowing how to cook. The quality of the device that promises to do the cooking for you is irrelevant. If your intention is to be a skilled practitioner, you will have to learn the trade. And you’ll need a [text editor](http://en.wikipedia.org/wiki/List_of_text_editors) (not to be confused with a word processor). [NoteTab](http://www.notetab.com/) is a good one for Windows, or [TextWrangler](http://www.barebones.com/products/TextWrangler/) for Mac.

Also, be concerned about good [UI](http://en.wikipedia.org/wiki/User_interface). In the same way that someone might expect a book to have its TOC come before its content, a web site and its navigation must be intuitive in order to be useful. [Steve Krug](http://www.amazon.com/Think-Common-Sense-Approach-Usability/dp/0789723107) and [Jakob Nielsen](http://www.useit.com/) are two authors/researchers who have explored this field, and you might find their work helpful. If you’ve ever cursed a new ATM or debit machine because the OK button wasn’t where you expected it to be, you already know the importance of good UI. Learning more will not only make your clients happy, it will make the Web a better place, too. At any rate, be careful not to reinvent things if you don’t have to.
  1. Do some blogging. Get a free blog from WordPress.com or Blogger.com and post a few things. Post about the weather, post about the books you read. The subject matter is not important. To start, this is just a way to get the feel of how things work on the Web, what it’s like to be a Web author. Ultimately, your blog will be your first line of communication online, so don’t post anything too crazy.
  2. Buy a domain. Buy a few domains; they’re cheap. Your domain is, sort of, the online equivalent to a storefront, and they can be fun, too. Think up a cool name that no one else has thought of and buy it at any of the online registrars like directnic or godaddy.
  3. Get a site hosted. You’ll need to pay a web host (but not very much) and then follow some instructions to upload your site to the host servers. This site is currently hosted at Laughing Squid, but many, many others can easily be found. You’ll also need an FTP program of some sort. Filezilla is a fine choice (and free), but many other FTP programs are available.
  4. Learn about web analytics, SEO, and online advertising. Your clients will need this stuff because, unlike a brick and mortar storefront, a “location, location, location” on the Web has to be generated, generated, generated.