I’ve been using Photoshop for the last 2 years to create mockups for my sites, but the biggest problem I find with Photoshop is its terrible way of rendering text in a web-realistic way.
Is there an Adobe product that is better suited for web designing (i.e. creating mockups of sites)?
It depends on your own personal style / processes more than anything, and what you’re going to do with the designs afterwards. A lot of people need photoshop because they cut slices out of it afterwards, other people who hand code every piece of css and don’t use slices, images, sprites etc might find a piece of paper and a pencil just as suitable. Personally, I’ve long used Adobe Illustrator to create all of my web designs as I hand code everything from scratch once a clients accepted a visual proof, but with the new CSS output function in Illustrator it’s even more useful! There are a lot of different tools you can use but I’ll list a few of Adobe’s best below:
Illustrator: As stated above, Illustrator is my personal choice and it’s becoming more and more popular amongst web designers for it’s rapid design style and it’s outstanding new web design based features. Adobe has a great article with a video guide and some sample files here that show’s you some of Illustrators best web design features.
Photoshop: Photoshop’s been the Web Designers software of choice for longer than I can remember, and although it’s finally started to fall behind some of it’s siblings as web design has evolved over recent years, it’s still got some great features and can be very useful to web designers who know how to use it. Another great article from Adobe with some of Photoshop’s latest web design features can be found here.
Again, it depends more on your style and processes than anything (have I mentioned that already?) what features are going to appeal to you but hopefully this gives you some insight into the options available.