I am a graphic designer, how do I become a web designer?
I need to expand my experience as a designer, but it am not sure what programs I should learn to become a web designer. How would I go about bridging my graphic design experience with web design?
First, they drastically cut back on the amount of coding you have to do, because lets say you're building a store and you code a div to display a main picture, price, sizes and colors. And lets say you have 50 products to start with, doing it strictly in HTML you're going to have to hand code each and every single detail about each product. Where in Ruby or DoneJS you can just code that div the way you want it just ONE TIME and save it as a template and include it one time on the page you want it on and just add the Ruby or DoneJS coding to it to tell load every product in the database into one of those frames..... which reminds me.... you're going to want to look into SQL and maybe MongoDB as well for database development, but those are pretty easy so don't worry. Actually all of them are easy, it just takes time to learn them.
If you like web design, you require picking the part you like. Do you like coding or do you prefer the UI part. I think it is good to be excellent at both, although some people are. I think it is better to specialize in both areas.
As you are a graphic designer, it means that you have a good command over Photoshop and other similar tools. But, as you want to initialize your expertise in web designing field, you need to learn following languages:
CSS (Media Queries are also need to be learned)
JQuery ( Used to make animations without using CSS)
Bootstrap ( For making the website responsive)
All the above mentioned platforms are in high demand. Once you learn them, you only need to do is Practice, Practice and Practice. It will sharpen your talent.
Cool idea for a transition!
Your design skills will be huge, though print and web are two very different mediums.
I'd strongly recommend Team Treehouse - best $25/mo I've ever spent. They have guided tracks to teach you everything, great exercises, and an active forum. Here's my referral code: http://referrals.trhou.se/jaredgold.
*You can try a self-taught curriculum, but in the end, it's worth your time to pay a tiny bit of money for getting to where you want to be faster - and be more skilled.
It sounds like you’re ready to create a site and I’d start by building your own responsive WordPress site from scratch (without using a template, if possible, or if you do, deconstruct all the elements of the template). It’ll be hair-pulling but what you’ll learn in the process is how html, css, and php work together and all the elements needed for a functioning site. Most companies, large and small, are moving or have moved towards Content Management Systems, such as WordPress, and understanding the inner workings of these will be invaluable. Lynda.com has excellent online courses. Other resources are http://www.w3schools.com/ and Smashing Magazine (www.smashingmagazine.com). I made the leap to web design several years ago and I’m glad I did as it really enables us to provide fulfill both print and web communications needs for our clients. What’s more, it’s fun. Stay with it!
So could I apply for web design positions now? Am I qualified? Do People usually understand the difference between a designer and a developer?
I really appreciate all the comments.
I'm going to be pretty frank with my answer here, as I think quite a few comments have come from individuals with a misunderstood perception of the industry in general. I run a successful web/software development agency in the Twin Cities, so I should be able to help quite a bit here (I'm also a full stack developer).
To Dana's comment: although a great stab, I'm fairly certain that web designers needn't know a lick of Java or MySQL these days, unless they're incorporating certain MVC frameworks in to their development quiver. She IS correct in saying that many agencies are starting to bridge the gap between designers and developers these days, but most of those responsibilities are lying solely in understanding responsive design and how fluid grids work.
In my opinion, Liz, do all you can to incorporate UX and UI design in to your skill set. You already have a head start as a graphic designer, and UI design is only going to become more popular. Your knowledge of programming languages needs to increase, but certainly not to the extent of some of the answers here. I'd suggest working through http://codecademy.com and its HTML/CSS/JQuery courses. That'll give you a really solid grasp on things =)
One last thing: for a pure beginner, I'd say to look at http://teamtreehouse.com before I'd look at Lynda. While certainly more diverse, Lynda doesn't have the crucial interactive aspects that Treehouse can offer you. http://codeschool.com is another option, too.
I really hope this helps. If you find yourself foaming at the mouth in confusion, don't hesitate to message me personally!
Hi Liz, I do quite a bit of web site design without being a web developer. They are indeed different roles. I work hand in hand with the developers to understand their needs and ultimately, I provide them with layered .PS files from which they create each page. In working with my clients, I make it clear I am not a developer, that my role will be to create the overall look of the site, including all the graphical elements in it, and that they will need to hire a developer to build the functional web site. I have established relationships with a few reliable developers that I work with regularly, so I can usually offer clients a package deal.
I have, however, built some web sites for clients myself using templates available through web hosts like WordPress and BlueHost. With these, the underlying framework is provided and you import your graphic images and text with no requirement to do coding. They are fairly easy to work with, once you get used to the architecture of their WISYWIG page building tools. I know of many designers who use this route, but it really works best for clients who need just very simple web sites without a ton of functionality.
So, technically, you can offer some web site design services to your clients without being a coder. But in either case, if you are going to venture into this field, you really do need to have a good grasp on all aspects of web site creation. It is good that you have taken some coding classes. Understanding those things makes you much better at designing for web.
Also, as Davis Mans mentioned, your file requirements will be different than those for print, so hopefully you have or are prepared to obtain a comprehensive education on that as well. You will be working in pixels instead of picas, RGB color space instead of CMYK, 72 dpi resolution instead of 300, and you will be using a hexadecimal palette of web safe colors instead of a broad Pantone palette.
Back in the day I think there was a much greater expectation that website designers created both the graphic design as well as the coding design, but today the coding end has become so robust that it is become much more common for these to be separate roles. Best of luck to you!
I can definitely relate to this. One thing to remember is that while web and print are different "mediums", they still aim to solve visual problems and design challenges. In some cases the processes are similar, but of course with web design there's a bit more to the design process than just thumbnails alone. You'll need to think of the User Experience (UX) of the site just as much as the visual aspects.
With that said, I think you should definitely check out Lynda.com as other people have suggested. They seriously have the beat tutorials and they're taught by some of the best in the business. I'd hone in on your Photoshop skills as that will be the primary program you use for creating your web layouts and assets. Also, many people have used programs such as Dreamweaver, but there are also other programs that function in the same way, so I'd consider checking those out. Regarding code, you may learn coding languages at codeacademy.com for free, or you may even just want to create a working relationship with a developer on some projects. You don't need to have complete fluency in code to be able to design websites, however some understanding of what the languages can do in the context of your design can really help.
Hope this helps! Feel free to message me if you have any questions!