: New web designer - strictly design in the browser, or be open to designing from PSD mockups? I'm someone that's been following the industry and reading up on web design/development for a good

@Si6392903

Hum. Design is a process.

You could need, if the case, Photoshop to give your photos a style, Ilustrator or Corel to make your logo, your icon set, or inclusive a totally new font, or making a totally new style of web design.


There's an increasing push to move towards designing in the browser.


For some of us this "tendency" has about 20 years, so nothing new here. But I am not sure about the concept "designing" in the browser. The design process is on the paper, on the mind.

The tendency is to "assamble" in a html editor, and viewing directly in the browser. Assamble because there are framweorks that you only put an instruction and it does some for you. This part could be called design, but it is more specific. Coding.

Web design is moving more to a more specific coding, not nice shadows or glossy buttons, which now are given by the coding itself.

But still there is room to use a graphic program to explore new ideas. Note the word "new". If the idea is just using the tools a framework provide, go directly to the coding.

Vote Up Vote Down

@Harper654

Another tool is Adobe Muse. It's new, but a slick solution. You can do a lot of the design in it, and export to html.

Vote Up Vote Down

@Dunderdale640

I would definitely learn to mockup in a graphics program. I would not choose Photoshop (sketch, illustrator, Figma, Affinity, all these seem better alternatives to me), but that's a minor issue.

It is a useful skill to be able to use a graphics program to create mockups and the graphics you will need in your final design.

That doesn't mean you always need to start with static mockups. Many times you will be able to design directly in HTML, but it's a useful skill to have.

I find that when I design static mockups I have to think out how everything will be pieced together, how everything will look, and when I design in html I let the document structure guide my design decisions. Both approaches are valid, but one might be preferrable to the other in some ocassions. Usually, for a new project I'll design the first 1-2 pages in sketch and then the rest I'll do direcly in html, when I have extablished general layouts and styles.

Vote Up Vote Down

@Kevin459

Photoshop can be a fantastic tool to help you visualise your ideas quickly. Manipulating images is something a web designer will find him/herself doing very frequently. Knowing how to use Photoshop will hold you in good stead.

If there's a style that you want to achieve, having a reference is extremely useful. You (or someone else) can use it for measurements, colour sampling and inspiration. Recreating your design in code could be non-trivial with potential cross browser issues and unforeseen challenges.

Developing in-browser is an indispensable development tool. You will end up using it to design elements regardless of whether or not you can use Photoshop. It allows you to immediately see the changes in the rendering of your code as you type. If you lean heavier on the coding side of web development you might enjoy this stage of development more.

When working as part of a team (even as a freelancer), it is essential that everyone is working to the same goal. You might find yourself creating or using a lot of style guides, having a detailed plan is sometimes necessary. Being able to convey your intentions to clients is also something not to be overlooked.

I personally find it easier to create the layout and graphical mock-ups in Illustrator (the program is not important unless you need to use the file collaboratively). Getting your ideas down and being able to communicate them is what's important. Photoshop just happens to be quite good at that.

'Web design and development' encompasses a lot of knowledge and makes use of many tools. All of which you will pick up as you begin creating web sites and applications. Anything that makes your life as a freelancer easier is worth learning.

Vote Up Vote Down