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)

4
votes
3answers
7k 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 ...
4
votes
2answers
89 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 ...
4
votes
3answers
243 views

Do and don't do with styling <html> and <body> tags

When I look at some CSS style for a web page, I typically first look at styling the <html> and <body> tags and then I look at other sub-elements. The styling of <html> and ...
4
votes
2answers
182 views

How to achieve better consistency with stock / vendor photos taken from different distances?

I'm working on an e-commerce site and one problem I face is having to deal with furniture vendors and the way they shoot their photos. Some shoot products photos up close and others from far back. ...
4
votes
1answer
190 views

How can I create imagery for cyber security and cyberspace general while avoiding that late 90's early 2000's look?

If you were to do a google image search for cyber security you'd see exactly what I mean. Even the slickest images representing cyber security or cyberspace seem to fall under a style that IMO is very ...
4
votes
1answer
250 views

Creating a pattern from an image

I need the following image turned into a pattern that would repeat in the y-axis only. How can I make it repeat smoothly (so it actually looks like it's a pattern)? Thanks!
4
votes
3answers
2k views

How to design a websites using thin fonts that will look good in a web browser?

I recently quite repetitively encounter the same problem - the fonts in photoshop don't look even close to the fonts embedded onto the websites. Obviously - it's mostly about external, 3rd party ...
4
votes
1answer
148 views

How to distinguish between links and headings without colour variation?

Yes, I know that I shouldn't make links and text the same colour. But I am restricted by corporate guidelines. On the whole site, I am only allowed to use the company's shade of blue with a few ...
4
votes
2answers
296 views

Critique: How can I tie a logo into my website design at both mobile and desktop screen sizes?

I'm new to the graphic design section of SE, this being my first question here, but not new to graphic or web design. I am in the process of making a free website for a new local eSports bar. The ...
4
votes
4answers
5k 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 font but it doesn't include the Latin Extended so I can't type "ş, ğ" etc. characters. Which font are ...
4
votes
2answers
186 views

Do Stats or polls exist for the preferred style of website design?

I am looking for stats or polls that show what viewers like in a website design. I have seen stats about what browsers are commonly used, but I have not run across any statistics or polls to answer ...
4
votes
5answers
223 views

What is a quick and concise way to explain online font licensing to a customer?

Customers are usually proud of their (offline) identities. As webdesigner, I regularly find myself having to explain that I can't legally use their licensed font in their webdesign. When I do, it ...
4
votes
4answers
456 views

designing websites using grids

I read a lot about grids and how they make the websites look good (needless to say I agree) though I have not been able to work with them. Have not been able to "feel" the advantage whilst using the ...
4
votes
3answers
149 views

Making changes to a page that I own, but was made by someone else

When a web designer makes a website, they usually put a small writing at the bottom. It usually says something like "Made by Joe Whatever". Let's say I paid Joe for the website design he made. Now, ...
4
votes
4answers
357 views

Name of web layout made up of full-width sections

Is there a name for the type of web site layout in which the body of the page is divided into horizontal sections; each section is 100% wide but has content of fixed width (that is typically ...
4
votes
2answers
219 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, ...
4
votes
1answer
4k views

Making parts of Illustrator logo transparent - rather than faking it with the background color

So a designer has given me some logos (for the web) which are white on a blue background. She has, however, added blue paths to the shape to make it match the background. I would prefer to change ...
4
votes
1answer
440 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 ...
4
votes
3answers
460 views

Mobile First and RWD workflow and how to interact with client

Our agency's workflow for creating a website normally consists of: discuss content-design with client we create wireframes (with optional, depending on client, approval) we create one or more pixel ...
4
votes
3answers
1k views

How to work out font-size setting by counting pixels?

I have an image of a proposed website. How do I work out what px font-size value to set text to by counting pixels? E.g. I have font-size: 14px, (in Arial) but counting from the top of an "L" and ...
4
votes
1answer
421 views

UX research on where to put website menu? [closed]

If you browse websites, you can find pretty much all types of sidebar menus: on top (like our very own Stack Exchange), as left or right menu bar, or even at the bottom (though that's a less common ...
4
votes
3answers
4k views

Best resolutions for display on the web for high resolution image?

I have a RAW image taken with a Canon 5D, so the image's resolution is 5,616 × 3,744. I am going to display a different resolution of the image depending upon the requesting user's display. I'm ...
4
votes
1answer
891 views

Anticipating problems with a Google Webfont's rendering cross-platform

Web fonts can sometimes look great on one machine, but awful on another, due to differences in rendering not just between browsers, but also with the same browser between operating systems. Most ...
4
votes
1answer
594 views

Font licensing for a web app hosted on clients servers

Frutiger 55 was the winner of the crude typo-battle I hosted in my mind this week (I felt really sorry for poor Gill Sans, one of my top-5 of all time). I want to use it for a Web App that is hosted ...
4
votes
1answer
194 views

How to choose embossing color?

I'm using css to emboss text with this: text-shadow: black 1px 1px 5px; My site uses different font colors and background colors. I was wondering how I can choose the "best" embossing color based ...
4
votes
3answers
224 views

Anyone know how I can add basic web form controls to my Assets library in Fireworks?

It has shapes and styles for shapes and things like that, but what I want is to quickly throw some basic form controls like radio buttons, input boxes, list boxes, drop downs, etc. for prototyping and ...
4
votes
3answers
152 views

Illustrator is cropping exported icons despite artboard being Fit to Selected Art

I'm trying to export certain graphics from an Illustrator file. I'm selecting the object, fitting the artboard to the selected artwork, and saving for web & devices, PNG-24 format. When I look at ...
4
votes
2answers
1k views

Best way to save AI/SVG graphics for website purposes?

I'm using Adobe Ilustrator CS3. I have a bunch of small images (200x200 px) which I originally created as ".ai". I saved them as ".svg" using option Save for Web & Devices but to my surprise the ...
4
votes
2answers
898 views

Am I breaking any Copyright/IP law by designing and selling posters based on an existing design and concept?

I have found a website that sells posters that includes graphic design, and am now thinking of creating from scratch my own posters to sell on my website, using the same idea/concept (please note that ...
4
votes
3answers
684 views

What is the best way to review static mobile mockups?

This question is in regards to mobile site layouts but could just as easily apply to apps. I am not concerned with pitches, just true team reviews among UX, design, dev, and business partners. I ...
4
votes
3answers
22k views

How to resize an EPS file in Illustrator to fit a pixel size?

I'm very new to Illustrator. Having used Photoshop all my life, vector art is something very new to me. I have this company logo in EPS format. I want to use AI to resize the image to a certain pixel ...
4
votes
2answers
639 views

Compiling a new font from existing fonts and embedding it in a website

I'm working on a project, which is a bilingual project. There are beautiful fonts for each language (I'm talking about free fonts). However, in any special case, only a subset of each font is suitable ...
4
votes
2answers
2k 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 ...
4
votes
1answer
254 views

Using incomplete web designs in a portfolio

I have battled a situation in the past from when I have an idea for a website I would design it. A few years back I decided to apply for some companies that were starting out in web development and ...
4
votes
1answer
148 views

Is there any negative adverse effect to optimizing images for retina screens, if the images aren't exactly double size?

For example: Say I have an image that is going to be displayed at 1000px wide. I want to optimize my site for retina displays, but the largest resolution image I have to put here is only 1900pixel ...
4
votes
2answers
156 views

Vertical Rhythm - How important is it

I'm working on vertical rhythm right now for my website. It's hard / impossible with images of unknown size. There's a javascript plugin that helps with keeping vertical rhythm by resizing the ...
4
votes
3answers
111 views

Transitioning Between Background Colors

One problem that frequently stumps me while working on sites is how to transition between two differing background colors elegantly. For instance, the top portion of a site I'm working on has a gray ...
4
votes
1answer
488 views

I want to find a good font combination based on existing design

I am designing a mobile site for an existing website that was made in early 2000's. The existing logo uses a bold version of Bodini with smaller text which uses a thin sans serif typeface. The ...
4
votes
1answer
189 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 ...
4
votes
2answers
3k 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
0answers
42 views

Font Rendering issue [duplicate]

I'm designing the UI for a financial application. I'd usually do high-fidelity mockups using Photoshop and send them to the developers. What I have noticed is that the text in the actual product looks ...
3
votes
11answers
6k views

How can I find out what RGB colors a website uses?

I want to learn the CMYK/RGB or any other details of a colour on a website. Say the side/background of this very website. I want to recreate that colour. Can anyone help me? Or is there any specific ...
3
votes
5answers
342 views

How to go ahead in web design?

I am having a hard time learning web design. I read several books and I know a bit of how to do things. I also like to study with firebug how the "big guys" made their web sites. But when I try to ...
3
votes
5answers
810 views

How do I create a button with two shadows in the bottom?

I am not much of a designer. I want to know how I can create Wix like buttons in Photoshop. They offer many kinds of buttons, but I want the one with a shadow on both sides of its bottom. Any help ...
3
votes
2answers
1k views

What should I ask from a designer, a single PSD or multiple PSD files?

I hope its okay to ask this around here, was not sure where such a question would fit. I am not a Graphic Designer, but a mere programmer :) I do have basic knowledge of operating Photoshop (watched ...
3
votes
7answers
341 views

Free pixel icon sets on the web?

where I can find very small and clear icons that I can use in a personal (non-commercial) project?
3
votes
2answers
3k views

What does “Great typography skills” mean in the context of a job requirement for a web developer position?

I'm looking at job requirements for Jr. web Developer positions. Some jobs need "Great typography and layout skills." What does typography mean? What skills are they exactly looking for?
3
votes
5answers
260 views

What graphic can be used to represent a maintenance category?

On my site I have some categories. One of which is "Website Maintenance". I want to create a graphic (about 300x by 250y) that represents the Website Maintenance category. But I'm at a low right now, ...
3
votes
3answers
476 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 ...
3
votes
4answers
406 views

Why are thin webfonts so popular?

Many modern websites feature very thin fonts whereas – I think – on posters it is not as commonly used. I was just wondering why thin webfonts are so popular. Does it have a reason? And since thin ...