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
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
11k 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
740 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
3answers
742 views

What is the difference between layout and design?

I can't understand what is "design" and what is "layout" in terms of web design. I'm confused between layout and design. Can anybody can help me understand these matters? Thanks for reading my ...
5
votes
2answers
386 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
1answer
221 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
2answers
161 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
2k 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
2answers
192 views

Efficient workflows for handing off designs to developers

I work as a UX/UI designer for my company's web sites. After I make the designs, I send the mockups to web developers, who implement them. It's a little more collaborative than that, but that's ...
5
votes
3answers
192 views

What's a good icon to represent “fit” on an apparel site?

I'm implementing a fit visualiser which uses an existing product that the user owns to estimate the matching size to select when buying something. The fit visualiser is is called "Virtusize". The ...
5
votes
1answer
9k 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
245 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
171 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
3k 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
2answers
206 views

Do designers use different color palettes for web and print design?

I'm designing a brand for a startup company, (new to freelancing) and I'm trying to make my color choices suitable for printed documents as well as displaying them on web. Using Illustrator (doc in ...
5
votes
1answer
126 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
402 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
7answers
12k 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
118 views

Multilingual SVG for the web

Is there a way to create multilingual SVG files for the web? I have an SVG with text that I use on a website. Now if the user changes the language on the website I should normally create a new ...
5
votes
1answer
283 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
2answers
10k views

How to remove strange banding from PNG export with radial gradient

I'm using Illustrator CC 2014 and have a radial gradient that looks smooth in edit, but gets really weird bands when I export or Save to Web (any format, all settings). Here's how it looks in ...
5
votes
3answers
10k 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 ...
4
votes
6answers
3k 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
3answers
116k views

What width should I design for when creating a website? [duplicate]

I just got a freelance project to design the UI for a website. Can someone tell me what layout (dimension) is used to design a website front end in Photoshop? What are the basic dimensions used?
4
votes
7answers
1k views

How do you create a client website design mockup/image?

For all the graphic designers who do web design too: How do you produce client design mockups for review and then convert them into HTML/Wordpress etc? Are they created in Illustrator/Photoshop and ...
4
votes
7answers
4k views

Is there any learning service like Pluralsight but for design?

Meet Pluralsight. We are a group of serious developers. We are also committed to creating the best training available. This mix of training for developers, by developers is what rings true to ...
4
votes
3answers
3k views

How to design sites with dark colours (red and black palette)

The graphic designer for my club created a red and black logo (major color is black highlighted with red). Everyone thinks it looks great, and I agree. The issue lies with designing the site. We've ...
4
votes
1answer
2k views

What makes a good header/background video?

Many sites I come across use video to show off their work, what they stand for, or more about the culture of the company. These videos are sometimes behind other elements taking up much of the page ...
4
votes
5answers
212 views

How to separate a dropdown from the page background when it's the same color?

To get straight to the point, this is causing trouble: The menu on top (work news about media) is a dropdown menu. The problem is that it has a white background, and the page is also white, and the ...
4
votes
5answers
209 views

What is the best way to design for a group where multiple people have equal input?

I am building a website for a student organization. Although I'm a novice at graphic design, I can do basic sites (bootstrap is a lifesaver) and am moreso of a pro when it comes to development. The ...
4
votes
4answers
633 views

Web Design: Is centering a content section a good idea?

I have a design where the header and footer are 1170px wide. (Standard Twitter Bootstrap 12 column container size.) I have been reading about the ideal width for good readability and discovered that ...
4
votes
9answers
1k views

What is the best program for image optimizing for the web?

What programs besides Photoshop are good for saving and optimizing images for web?
4
votes
1answer
8k views

Add a hyperlink within Illustrator [duplicate]

Is it possible to add a hyperlink to an object or a layer within Illustrator CS6 for a later SVG export? I know about the possibility to manually edit the exported file and wrap elements with an ...
4
votes
3answers
1k views

Should your website and logo have the same color scheme

I am working on a completely new blog from scratch. New logo, branding, house style, everything needs to be done. Now the logo that is designed for the website has 3 colors, brown, green and black. ...
4
votes
2answers
2k views

Can you use PowerPoint images on your website?

Is it all right to use powerpoint images on your website? For example, If I draw an arrow using the shapes tool, can I then cut the image from the powerpoint and save it, Then use it on my website? ...
4
votes
2answers
192 views

How come my link is overlooked?

I'm fairly new to designing. As of now, I have this design: Click image for full resolution As you can see there is a small link in the upper right corner (Upload Prenda Link). When clicked, it ...
4
votes
6answers
454 views

How can I quickly design websites without being too detached from the actual web platform?

The reason why I'm asking is because while tools like Photoshop and Sketch are great at building mockups, they are very far from the reality of how the web will look and feel. The fonts they render ...
4
votes
4answers
400 views

What does a tagline in a website header communicate by being there?

A client is asking to include a tagline in the header of their website, they are a premium agency. I lean away from this because what ever I do to try to include it, seems to take away from the ...
4
votes
4answers
444 views

How to get bokeh images to use in web design?

I'm looking for online resources, image libraries, Photoshop actions, tools, or any other means of getting or designing bokeh images (those highly blurred pictures, with colorful circles) for use as ...
4
votes
5answers
2k views

How to optimize images to improve pagespeeds / webpage loading times?

This is almost a StackOverflow question, however it's completely related to Photoshop and other tools. With every Pagespeed test I do for all my website I get the comment "Optimize images by lossless ...
4
votes
4answers
968 views

What are some good “mocking-up” practices in web design?

A friend of mine and I have been trying to start up a web design company, so we're looking to find the most efficient overall web-design process straight off the block. However after reading a few ...
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 ...
4
votes
1answer
296 views

Internship or Spec Work?

This is not strictly a design question, but it's the only area I could find similar topics. I've just completed a Bachelor's in Web Design & Development and have been casting a wide net for ...
4
votes
2answers
522 views

Steps between Wireframe / UI design for web development

Based on my sketch/wireframe prepared for a UI designer (links below): Link: http://postimg.org/image/npt5zlvu7/ 1) Would I be able to approach a UI designer with the wireframe/sketch above? 2) ...
4
votes
3answers
4k views

Save individual element in PSD as an image

I am developing a site and got given the design as a PSD, my question is, can I select an individual element, say the social media icons, and save them as an image? What I have been doing so far is ...
4
votes
2answers
1k views

Web font that supports some basic music symbols

I am working on a web page that displays some music note names such as "B", "Bb" (B flat), or C# (C sharp). For a better readability I would prefer to display the correct flat and sharp symbols. It ...
4
votes
2answers
1k views

Looking for suggestions for making type more readable with a drop shadow

I want to show a menu with indented items on top of a black background. I tried a lot of colors but can't find the right ones. I'm using css property text-shadow: text-shadow: 1px 1px #191919 , -1px ...
4
votes
4answers
3k views

Can I use vector images to increase site compatability?

I am familiar with vector and raster images, in theory. In practice I don't know how to use vectors properly. Can vector images be used in a web pages to increase site compatability? For example, ...
4
votes
2answers
4k views

On which occasions would you use italics in web design?

In which occasions you would like to use italics in web design? Because the use of bold fonts is quite obvious not sure about italics.