Questions about designing the aesthetic look of websites, both practical and theoretical. For questions about coding the structure of a website, please go to Stack Overflow. For questions about the user experience, please go to UX.SE. Ask anything related to designing graphics and visual layouts ...

learn more… | top users | synonyms (2)

2
votes
1answer
624 views

How to simulate low contrast LCD screens

School and cooperate environments usually uses very cheap LCD screens with abysmal contrast and color reproduction. I'm currently required to design for these types of screens, and often find that ...
19
votes
4answers
810 views

How to direct users eyes on a website

There is a common principle in photography that a photo should lead the viewer's eyes. This is frequently accomplished with a line that runs across the photo. Recognizing how the observer will scan ...
24
votes
7answers
20k views

Which format is better for saving images intended for websites; PNG or SVG?

When exporting / saving images with a transparent background that are intended for websites, should I save it as PNG or SVG? Why?
21
votes
12answers
68k views

Is there a standard width for designing web page mockups?

Is there a standard size for the width of a website in a mockup? What is that size? Why?
26
votes
5answers
2k views

What is meant by “busy”?

What do web developers mean when they think something will make their site look "busy"? What gives this feel of busy-ness?
5
votes
2answers
12k views

How can I achieve the “bent paper” effect in photoshop?

I've seen design elements on webpages that contain a "bent paper" effect. In other words, it looks like the paper is shaped in an arch, based on the visual perception of the shadow. How do I achieve ...
3
votes
3answers
557 views

How to export PNG to be compatible with all browsers

I recently found our that some PNG files render a slightly different shade of color in Safari. (I think this is because Safari can't render PNG Gamma channel properly or what). How do I export the ...
7
votes
1answer
3k views

Save for Web using Photoshop Actions

I would like to create an action, at the end of which I would like to save the file using Save for Web option. The problem is the action is not being generic as it is remembering the static path of ...
24
votes
11answers
24k views

What DPI should be used for what situations?

I've been seeing the word 'DPI' pop up quite a lot when I export my work out in Photoshop and Illustrator. While I know that DPI stands for 'dots per inch', and that if you have too low of a DPI on an ...
36
votes
13answers
2k views

What web graphics formats to use?

Web sites can contain JPEG, GIF,PNG, SVG format graphics. Which ones should be used, and when?
51
votes
6answers
7k views

Are “web-safe” colors still important?

Years ago, it was always strongly recommended that web designers should only use web-safe colors. Have studies been done to see if this is still the case? If so, what's the answer? Does anyone know ...
19
votes
1answer
1k views

What are standard ratios for typography on the web?

In laying out a web design, I often try to make sure that my typography is proportional and consistent. However, I haven't been able to find any definitive articles or resources on what ratios and ...
10
votes
4answers
593 views

Do high-content areas of a website need to be white/light-colored?

Many websites that are designed to be easy to read (eg. nytimes.com or ilovetypography.com) use white backgrounds with black fonts to make the content easy to read. Is it necessary to only use light ...