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)

5
votes
4answers
1k views

Am I working too slow?

I'm working as an UX designer for a startup studio that develop internet products and web services. So, i started 3 months ago, my boss's strategy is to develop some experiments and then collect ...
5
votes
2answers
5k views

Why do logos appear on the left on the overwhelming majority of websites?

The title really says it all. I mean, is there a particular reasons for which logos have to appear at the upper-left corner and not, say, in the upper-centre? Example: all Stack Exchange sites, ...
5
votes
4answers
570 views

Under whose name does an outsourced graphic designer go?

I have a web design company. For artistic graphics I hire a Graphic Designer to do it for me. Obviously it hurts my business if it is known that I outsource so the designer uses an email address from ...
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 ...
5
votes
5answers
2k views

Best practices for full width browser images?

What are the best practices people follow in respect to images on larger viewports? What size browser should we design for? Meaning how do we deal with high resolution monitors and what % of users ...
5
votes
3answers
12k views

Colors to use with black background?

Is using yellow text on a black bg bad as Mike pointed out here? If yes what colors should I use (RGB or hex values)?
5
votes
5answers
1k views

Tasteful Alternative to Marquee

So a client of mine is making repeated requests for things that were "cool" when her website originally launched in the late nineties. One feature is a scrolling marquee that just says "welcome to ...
5
votes
5answers
500 views

How to make it obvious that an option is unavailable, and can be deleted?

Here is the question I have asked on StackOverflow that somehow did not get the response I hoped for. I am trying it now here, as I am looking for a visually appealing solution. Ideally using a ...
5
votes
3answers
675 views

Is there a short authoritative reference of basic design rules and principles?

As a web developer, I often find myself working with different non-professional self-called designers. In such situations, I often have to explain them the most basic rules and principles about the ...
5
votes
6answers
12k views

What programs can I use to create an animation for web?

I have never created animations, but I want to make one for my website's home page. Basically what I have is an image where each chakra of human body is shown with its name. I want to show how the ...
5
votes
5answers
179 views

Design software that allows reuse of common elements, like the DRY principal of programming

Often when I am designing for the web (be it mocks, or full spreads of websites) I have many repeating elements throughout my document. I am looking to follow the Don't Repeat Yourself (DRY) ...
5
votes
3answers
683 views

Is NDA necessary for this?

I have a client that requires me to submit at least a homepage of my proposed website design. However, I just recently known that he already contacted some other freelancers who incidentally are my ...
5
votes
5answers
2k views

How can I get more efficient at designing tables for web in Photoshop?

It takes me too much time (IMO) to design tables in Photoshop. I need to move rows, columns and stuff easily. I'd like to be able to get through this faster. I've tried InDesign and Illustrator and ...
5
votes
2answers
10k views

How to control word-spacing in justified text with CSS?

I have 2 blocks of text that are pretty small (just under a paragraph each) and they really look better justified but the problem is that text-align: justify; sometimes adds really large spaces and ...
5
votes
4answers
4k views

Google Web Fonts or Typekit?

As a graphic designer, I do website designs, but not the development. Someone asked me today if I know about Typekit, and I hadn't heard of it so I googled it, and it seemed pretty much like a paid ...
5
votes
4answers
384 views

How can I left-align the text in a table of divs so that the rows are evenly distributed?

I'm trying to arrange some names. I changed them out before posting using generatedata.com but the real ones are in alphabetical order from left to right each row. I'm trying to figure out how to get ...
5
votes
4answers
712 views

When using fonts in Bootstrap, is it quicker to use the Google Fonts API or to just install the font file on the server?

Normally UX designer, I'm currently also product manager for a range of web tools but my dev skills aren't very strong at all, so forgive me if this is a silly question. We're building a range of ...
5
votes
2answers
739 views

Is it okay to purchase stock images in the developer company name?

We've used some stock images (vector graphics) on a Flash website we created recently. We're just about to purchase a web license for the same that allows "unlimited use of the vector graphic on ...
5
votes
4answers
991 views

Can you recommend web design books/tutorials that teach specific design techniques?

Other questions that deal with book recommendations do not address my particular need. I'm looking for web design books that teach me how to design using specific techniques and elements. Such as ...
5
votes
4answers
931 views

When to break out of a grid in webdesign?

Grid systems like the 960 grid and BluePrint can be useful to place the main elements for a website in a mockup: header, slider, content blocks, sidebar, footer etc. But do you use the same grid ...
5
votes
3answers
394 views

How do I build my webdesign portfolio when all sites I've designed have been taken offline?

This is my first time on this site. Here's the problem. I've been designing since I graduated from college and have been for 4 years. After I graduated, I had my first client, who I grossly ...
5
votes
3answers
374 views

Do most web designers make their own textures?

I'm a web developer by training who is branching into UI/UX design. One of the things my design work lacks compared to experienced designers is subtle use of texture, such as on these sites: ...
5
votes
2answers
167 views

Is this an effect or a type of font?

I have seen a lot this type of fonts (the ones in the bar). It is a relief effect or the font is just like that?
5
votes
3answers
1k views

Advice for creating a fluid and responsive graphic

So I'm creating an entirely responsive website, with the aim of using as few media queries and magic numbers as possible. I've found after a number of attempts, that using the content to create the ...
5
votes
4answers
6k views

What is a good general document size for web page mockups and prototypes?

I do mockups and prototypes of sites and designs all the time, but I've always wondered if there is a standard size or width I should be using. Generally I'll make my document either 1024, 1200, or ...
5
votes
2answers
2k views

Illustrator image viewed at 100% is “tiny”

I'm a web developer and I love Photoshop but unfortunately I have some design mock-ups sent over to me in Illustrator. When I viewed the document at 100% the text isn't even legible on my monitor. At ...
5
votes
4answers
9k views

When I export an image from Illustrator, why is it a slightly different color in the exported image?

I have a web design layout in AI that I'm trying to slice up into HTML/CSS. I'm having trouble keeping the colors the same in the exported files as they are in Illustrator. When I open it up in ...
5
votes
1answer
702 views

Any idea when blending modes might be implemented in browsers?

I think it would be great for div's/img's to get some of the functionality that "layers" have in photoshop. Right now, using .png's, div's/img's/etc.'s have their RGB and alpha values. If you have a ...
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 ...
5
votes
2answers
222 views

How to create a consistent style across stock images for a website?

I am currently applying changes to this site. Becky, my customer, demands that the images be changed so that the image content will also be compatible with each other. I tried using icons and vector ...
5
votes
2answers
126 views

Are single double quotes an acceptable deviation from typographic rules?

I've recently noticed websites with pull quotes with only a left-hand quote. There are two basic scenarios: Left hand quote is used as a graphic element to indicate a quotation follows.* Quote ...
5
votes
2answers
1k views

Can After Effects be used for website prototyping?

I know one designer that is a motion graphics guy first, then a UI designer. Recently, produced a website design entirely in After Effects and got my thinking whether that approach can be a viable ...
5
votes
4answers
7k views

Searching for a font that's similar to Lato

I need to find a font just like Lato font that includes a Latin Extended version. I like Lato but it doesn’t include characters from Latin Extended and so I can’t type ş, ğ etc. Here's an example ...
5
votes
1answer
173 views

Does this Chinese font fit in with our brand?

We are about to make the Chinese version of our charity website live but I'm not certain about the font we are using. Our Chinese office say they are happy with the system default but they don't have ...
5
votes
1answer
7k views

How can I create TRON-like glowing effects in Illustrator?

I am trying to use Illustrator (CS3) to recreate the Tron neon-glow visual style in graphics I plan to use on a website. This page is an excellent example of what I'm trying to do: ...
5
votes
4answers
230 views

How to make clickable areas stand out?

I'm working on a calendar app that lets you toggle your vacation days. There's a feature for choosing which of those days count only half. Usage: The user toggles some days, those days turn orange. ...
5
votes
1answer
150 views

How do you build a webpage with a main text body and 2 columns underneath?

I have a body of text that I am trying to layout in a visually pleasing way but I can not figure it out. The goal is to have this layout (see psuedocode): <container> <main /> ...
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 ...
5
votes
1answer
115 views

Web design for Legal pages: What are some things to keep in mind?

So I have been looking around but cannot find any good advice on how to go about designing a page for legal matters. These pages would clearly state Privacy Policy, Terms of Service, etc. I think ...
5
votes
2answers
287 views

Why isn't SVG widely used-supported on the web?

In my opinion, raster graphics (GIF, PNG) is used much more that vector graphics on the web. I am wondering why? Wouldn't vector graphics be more suitable for web pages design (i.e. buttons design, ...
5
votes
1answer
519 views

How to teach a print designer to design for web?

I'm a programmer (not a designer) and I work with various designers in the marketing industry. A typical project will consist of a designer coming up with a design for a web page and then handing the ...
5
votes
7answers
9k views

What is the exact role/relationship of photoshop in web design?

I'm confused about the relationship of Photoshop (and any other image processing software) in web designing. I can see countless tutorials anywhere teaching on how to make web layouts from scratch, ...
5
votes
1answer
260 views

Are zebra stripes on tables more effective than good spacing and visual contrast?

In old forms or webpages I often see a lot of zebra striping used on the tables because the way the table was designed it was difficult to see the rows and columns easily when you want to locate ...
5
votes
3answers
5k views

How to handle multiple page design projects in Photoshop

Recently we have moved from using Fireworks to using Photoshop for mocking op website designs. As I've been used to Fireworks for doing this, I'm running into some issues organising my mockups. Where ...
5
votes
2answers
7k views

Photoshop on a retina screen, how to fix? [closed]

I am curious what's your favourite fix or option for using photoshop on a retina screen like a macbook pro 13' like mine. I'm quite upset with this computer as it is a pain to do web design in, ...
4
votes
6answers
644 views

Does using Dreamweaver help to produce better aesthetic designs than hardcoding HTML and CSS?

I have some professional web development experience, and I always hard-coded all the HTML and CSS in simple text editors. I don't think the aesthetic appearance of my websites is bad at all, but when ...
4
votes
7answers
8k views

Testing if a BG will Repeat Tile Properly in Photoshop?

I am frequently working to create background textures in Photoshop to be used on the web. Unfortunately I usually have to guess, or just use freebies from other websites. I would like to build my ...
4
votes
6answers
682 views

Is it possible to prevent download of images when designing a website?

Say you wish to provide sample high-quality images in your website but also wish to protect them from download, as in you can view them on screen but can't save from the website. Is there a way to do ...
4
votes
5answers
2k views

How to begin with UI design

Newbie here. I like the web and UI design, and I know what good UI and good design is, but I lack Photoshop skills. Sometimes when I try to do design work my mind goes blank or gets mixed up because ...
4
votes
6answers
12k views

how to add one smart object in multiple files in photoshop?

I know I can do multiple iterations of the same Smart Object within the SAME document and have it change all instances, but what about Smart Objects placed across DIFFERENT documents? That would be ...