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
5answers
239 views

Recommendation to learn css [closed]

How would you recommend to proceed to learn css? Is there a great book, or online tutorial?
14
votes
6answers
1k views

Developer to Designer path: How To

Being a developer wanting to be a designer, I'm really interested in learning how to create top notch UI for websites, mobile apps, etc. However, I know nothing about PhotoShop or anything related to ...
3
votes
1answer
330 views

What layout and interface elements work well for a control panel-style app?

I'm working on a web-based app that's similar to a control panel, with lots of different settings and features to configure. The challenge is making it easy for users to find what they want without ...
2
votes
2answers
61 views

What elements go into a successful landscape phototographer's website?

Let's say that I want to design a website to sell photographs of landscape, wildlife, or general interest subjects. What tips, elements, etc. should be incorporated into the design to make it ...
3
votes
2answers
9k views

Photoshop Resolution for Web Design?

I'm a programmer, not a designer, but I am trying to learn design as it would be very helpful. I am following a tutorial on PSD|TUTS+ and it doesn't specify the resolution I should be working with. My ...
5
votes
3answers
2k views

Popular serif and sans-serif browser compatible font combinations?

I was curious as to which combinations of serif and sans-serif fonts are preferable to use that are compatible with most browsers. While I am aware that with the introduction of CSS3 importing ...
38
votes
6answers
7k views

Designing around an awful logo

I'm looking for some opinions on how to approach an interesting problem I've encounted. I dabble in UX/graphic design, specifically for the web. Mostly static sites. I do this all on my own time as ...
1
vote
3answers
2k 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
8answers
16k 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
2answers
8k 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?
12
votes
10answers
3k views

How can I start to learn web development?

I'm very interested in learning web development and have learned some basics regarding HTML and CSS a few years back from W3Schools, but I never learned how to develop websites that are up to today's ...
3
votes
5answers
2k 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 ...
43
votes
16answers
217k 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
641 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 ...
20
votes
4answers
816 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
21k 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?
22
votes
12answers
70k 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
572 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
25k 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
8k 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 ...
20
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
631 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 ...