4 ms·

Basic design competency can be learned. Sure, you may not be able to learn to be a brilliant designer, but anyone can learn how to use Photoshop and CSS and how

by swombat 17y ago

Basic design competency can be learned. Sure, you may not be able to learn to be a brilliant designer, but anyone can learn how to use Photoshop and CSS and how to produce a decent design. I'm no designer either, yet I can make some decent designs (e.g. http://danieltenner.com http://danieltenner.com) that, imho, look far from horrible. The key is to practice and to get comments/criticisms from other people. It also helps to join a web designer forum and offer critiques of other people's designs. What you need is basically to train up your own internal critical engine so that you can point out the flaws in your own designs and correct them. Being able to make things look good is a pretty useful skill in all walks of life, I'd recommend learning it rather than trying to outsource it.

Tichy 17y ago
Any pointers for getting started? I have occasionally used Photoshop and Gimp, but it doesn't help me much at the moment.
- swombat 17y ago
  Yes. One of the best ways to acquire basic photoshop skills is to follow some photoshop tutorials. There were numerous sites full of these on the web when I got started, and I'm sure there still are. Here's an example of what you're looking for: http://psd.tutsplus.com/tutorials/tools-tips/use-over-40-advanced-keyboard-shortcuts-to-create-a-reflective-timepiece/ http://psd.tutsplus.com/tutorials/tools-tips/use-over-40-adv... Basically, it shows you how to create a concrete effect or object. The point is not to create the object itself, but to learn the techniques used to create the object so that when you want to create your own stuff, you have enough of a repertoire of techniques to achieve what you want. As for places to get design critiques, I'm afraid I'm a bit stumped for that for them moment, since all the design communities that I belonged to back when I got started (around 1998) have died out since, but I would guess you can find them by starting with designer-oriented sites like smashing magazine or this psdtuts, and locating the forums attached to them. Edit: I assume that you know where to learn CSS.
  - Tichy 17y ago
    Thanks - I already know HTML and CSS, just don't know where to start with design.
- joel_feather 17y ago
  Do this: go to delicious.com/popular/design. Find a site of which you love the design. Kick up photoshop, then push the pixels of the other site around till it looks like what you want. Find several sites and mix the elements. Pay attention to the fonts. When you're done, get someone to convert it to HTML. Doing so yourself is a waste of your time.
jasongullickson 17y ago
Is there an alternative (on OSX) for this application (designing website/app layouts) to Photoshop? I've used Gimp in the past but they seem like completely different animals and the tutorials for Photoshop were all but useless. I have a hard time swallowing the price of Photoshop for such a limited application, when I'd probably be using less than 25% of what it does...
- swombat 17y ago
  I have yet to find a comparable alternative to Photoshop. There are many attempts at duplicating it, but none of them are nearly as powerful as Photoshop. I believe there are some "lite" versions of photoshop out there for cheaper prices, though...
  - plaes 17y ago
    Gimp?
- turtle4 17y ago
  There are viable options for a subset of photoshop's functionality. As you note, you can get 80% of the functionality for a huge difference in price, which is fine if you don't need that last 20% for whatever reason. You can try pixelmator(1) (mac only) or pixel(2) (cross platform). 1) http://www.pixelmator.com/ http://www.pixelmator.com/ 2) http://www.kanzelsberger.com/pixel/?page_id=12 http://www.kanzelsberger.com/pixel/?page_id=12
- AGTS 17y ago
  Take a look at Acorn (http://www.flyingmeat.com/acorn/ http://www.flyingmeat.com/acorn/) by Flying Meat. It lacks some of the more esoteric PS/Gimp features, but overall is substantially easier to use and has all your critical features (layers, filters, color adjustment, etc.). Oh, yeah, and it's cheap, too (free demo, $50 to buy)...
- GHFigs 17y ago
  For designing the layout: http://en.wikipedia.org/wiki/Pen http://en.wikipedia.org/wiki/Pen http://en.wikipedia.org/wiki/Graph_paper http://en.wikipedia.org/wiki/Graph_paper For working with images: http://flyingmeat.com/acorn/ http://flyingmeat.com/acorn/

by swombat 17y ago

Tichy 17y ago

Any pointers for getting started? I have occasionally used Photoshop and Gimp, but it doesn't help me much at the moment.

swombat 17y ago
Yes. One of the best ways to acquire basic photoshop skills is to follow some photoshop tutorials. There were numerous sites full of these on the web when I got started, and I'm sure there still are. Here's an example of what you're looking for: http://psd.tutsplus.com/tutorials/tools-tips/use-over-40-advanced-keyboard-shortcuts-to-create-a-reflective-timepiece/ http://psd.tutsplus.com/tutorials/tools-tips/use-over-40-adv... Basically, it shows you how to create a concrete effect or object. The point is not to create the object itself, but to learn the techniques used to create the object so that when you want to create your own stuff, you have enough of a repertoire of techniques to achieve what you want. As for places to get design critiques, I'm afraid I'm a bit stumped for that for them moment, since all the design communities that I belonged to back when I got started (around 1998) have died out since, but I would guess you can find them by starting with designer-oriented sites like smashing magazine or this psdtuts, and locating the forums attached to them. Edit: I assume that you know where to learn CSS.
- Tichy 17y ago
  Thanks - I already know HTML and CSS, just don't know where to start with design.
joel_feather 17y ago
Do this: go to delicious.com/popular/design. Find a site of which you love the design. Kick up photoshop, then push the pixels of the other site around till it looks like what you want. Find several sites and mix the elements. Pay attention to the fonts. When you're done, get someone to convert it to HTML. Doing so yourself is a waste of your time.

jasongullickson 17y ago

Is there an alternative (on OSX) for this application (designing website/app layouts) to Photoshop? I've used Gimp in the past but they seem like completely different animals and the tutorials for Photoshop were all but useless. I have a hard time swallowing the price of Photoshop for such a limited application, when I'd probably be using less than 25% of what it does...

swombat 17y ago
I have yet to find a comparable alternative to Photoshop. There are many attempts at duplicating it, but none of them are nearly as powerful as Photoshop. I believe there are some "lite" versions of photoshop out there for cheaper prices, though...
- plaes 17y ago
  Gimp?
turtle4 17y ago
There are viable options for a subset of photoshop's functionality. As you note, you can get 80% of the functionality for a huge difference in price, which is fine if you don't need that last 20% for whatever reason. You can try pixelmator(1) (mac only) or pixel(2) (cross platform). 1) http://www.pixelmator.com/ http://www.pixelmator.com/ 2) http://www.kanzelsberger.com/pixel/?page_id=12 http://www.kanzelsberger.com/pixel/?page_id=12
AGTS 17y ago
Take a look at Acorn (http://www.flyingmeat.com/acorn/ http://www.flyingmeat.com/acorn/) by Flying Meat. It lacks some of the more esoteric PS/Gimp features, but overall is substantially easier to use and has all your critical features (layers, filters, color adjustment, etc.). Oh, yeah, and it's cheap, too (free demo, $50 to buy)...
GHFigs 17y ago
For designing the layout: http://en.wikipedia.org/wiki/Pen http://en.wikipedia.org/wiki/Pen http://en.wikipedia.org/wiki/Graph_paper http://en.wikipedia.org/wiki/Graph_paper For working with images: http://flyingmeat.com/acorn/ http://flyingmeat.com/acorn/