|
I'm in the process of learning how to design my website. I've been reading a lot of design theory but now that I'm about to start learning how to use the tools, I'm stuck! What tool shall I use? There are so many! Photoshop? InDesign? Illustrator? Can anyone explain me what should I use and what's the best way to learn? Thanks |
|||
|
|
Photoshop is primarily used for designing the graphical template. The technique commonly used is to design in Photoshop exactly what you want the front page to look like. Then, you can make slices or just copy / paste parts (E.g. the header or banner) and use them in the background of the respective element. If you want to learn some cool techniques to use, look at free website templates. If you see some feature that you like, look at the source code and figure out how to do it, then incorporate it into your design. Over time you can accumulate several little tricks that will make your work truly unique. |
|||
|
|
|
For the overall design, I prefer Fireworks. To me, it's simpler, and easier to use for adjusting locations, sizes, and other attributes for various elements. Photoshop for full page design just seems very clunky, since you can't re-size or otherwise change things as easily as in Fireworks. Not to say that Photoshop can't be used at all - it is still useful for creating specific elements, such as banners, buttons, etc, and then bringing those into Fireworks to integrate into the overall design. Fireworks works because it is primarily vector, and is just works for web page design. It's also possible to Illustrator, which is also vector, to do page design, though it's not as optimized for that use. |
|||
|
|
|
The best way to learn is to actually use it. If you enjoy drawing and graphic design, then it'll be no problem for you to pick up a new program and become proficient in it after 2-3 months. If you don't enjoy graphic design, and you're not designing stuff for fun in your free time, then it'll be impossible to get good at graphic design, even if you take a paid course. Of the Adobe CS suite programs, Fireworks is the one that is specifically for web design, but Photoshop can work as well. Illustrator is a vector program that is more suited for creating logos and vector illustrations. InDesign is a layout program that is more suitable for typography-intensive projects like print design. Edit: However, many people do use Illustrator and InDesign (in place of apps like OmniGraffle, Axure or Balsamiq) for wireframing as you can easily lay out premade UI widgets to design your UIs. There are many such wireframe kits available for download for both of these programs.) |
|||||||||||
|
|
I have done full sites using Illustrator or Fireworks (the graphic template, that is), but I usually prefer just Photohsop (even if some graphics might be done originally in a vector software) and doing my html/css in a plain text editor (but a good one: Notepad++ comes to mind). And to be true, done a bunch of sites this way, through the years.. Some people just use the Fireworks and Dreamweaver combo (since some years Dreamweaver's coding mode does respect your code, not like other wysiwyg editors), and imho that is ok, too, though not my cup of tea. |
|||
|
|
