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)

1
vote
3answers
1k views

Tools to get HTML/CSS easily from PSD?

I have the PSD designs for my website and now want to create the site using these designs. I am not very good with css though I know HTML, javascript well. Is there any tool, site, software that can ...
5
votes
3answers
5k views

Good background and text colors for a website with both photos and text

I put both photos and significant blocks of text on a couple of websites I run. Currently, I'm using white text on black or dark gray. It's getting a bit old, and I think I'd prefer text darker than ...
4
votes
2answers
1k views

Composition web design rules

Are there any rules that are specific to web design, or that are otherwise elevated in importance in the context of web design? Edit: I'm thinking that there are probably some aspects of composition ...
8
votes
3answers
1k views

Is there a trend away from left aligned web site designs?

Most web sites that I see are centered, and I'm wondering if there's some sort of unwritten (or written) trend away or against left aligned sites?
7
votes
7answers
13k views

Designing A Website from Scratch – Illustrator or Photoshop?

If I'm designing a website from scratch and I intend to slice it and code it up in Adobe Dreamweaver later, should I create the design of the website in Illustrator or Photoshop? Why?
2
votes
1answer
7k views

save a slice in png format adobe illustrator

very new to the world of designs! i am slicing images from .ai file, how can i save the sliced images in png format. It only gives me the option to save as .jpg can anyone help me?
9
votes
6answers
2k views

Good Place to Start Learning Web Design?

I'm very interested in learning Web Design and have learned some basics regarding HTML and CSS a few years back from W3Schools, but I never learnt how to develop websites that are up to today's ...
3
votes
5answers
1k views

How to find a texture for a background image for website?

I am looking for a texture pattern for an image that is similar to the one Path.com uses: https://www.path.com/images/about/bg.gif I want a similar image pattern so i can use it as a background ...
39
votes
16answers
183k views

Web Safe Alternative to Myriad Pro Font?

Is there any font that I can use in my font stack that is more or less similar to Myriad Pro and web safe?
6
votes
2answers
1k views

What are some good resources for web page composition?

I'm looking for resources on the composition of web pages. I'd like to learn about pros and cons of different page layouts and techniques for moving the eye around a page.
2
votes
1answer
520 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 ...
18
votes
4answers
738 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 ...
21
votes
7answers
11k 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?
20
votes
12answers
52k 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?
24
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
11k 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
467 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
2k 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 ...
21
votes
11answers
19k 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 ...
33
votes
13answers
1k views

What web graphics formats to use?

Web sites can contain JPEG, GIF,PNG, SVG format graphics. Which ones should be used, and when?
45
votes
5answers
6k 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 ...
18
votes
1answer
993 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
498 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 ...