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)

7
votes
4answers
2k views

Which is a better design pricing model?

I'm curious which pricing model other feel best fits freelance design, in what situations, and why. I am not seeking dollar values. There are a few basic pricing models a freelancer can use: ...
7
votes
2answers
2k views

How to design a site without pictures

A site I'm creating is a directory which sorts and displays information for about 300 businesses which are part of a specific business partnership/network. The site is meant to provide information to ...
7
votes
2answers
261 views

Is there a graphic design specification system?

Is there a commonly used design specification system to present a graphic design to a customer before we start the implementation? My challenge is specifically on mailings (PDF A4, HTML sent per ...
7
votes
4answers
569 views

reasoning behind black and white color scheme of perfume sites

In preparation for an upcoming project, I've been looking over a lot of different sites for high end perfumes and/or high fashion. Noticed that most of them (at least the perfume ones) have almost ...
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 ...
7
votes
2answers
115 views

How to address a flaw in a client project

In a large company environment client projects are delegated to teams. That said, if your team is completing a website for a client and you happen to run across a large design and code issue but your ...
7
votes
1answer
8k views

Illustrator how to crop and save images

I have a website someone designed for me in AI but i am not sure how to crop out pieces and select layers and save them to design my website. I am only used to the way of photoshop finding the layer ...
6
votes
4answers
2k views

What makes a design professional?

Can anyone define why something might not look "professional"? What differentiates between professional/unprofessional designs? I have clients who have said my design does not look very ...
6
votes
3answers
276 views

'This page is under construction' message or no page at all?

From a Design point-of-view, if a page is not ready yet, but the rest of the site is; would it be better to: Have a 'this page is under construction' message, or Not have the page at all, until it ...
6
votes
3answers
612 views

Why are circles used to draw a logo?

Recently, I started taking interest in logo designs and started replicating some famous logos. Soon, I came across this article about twitter's new logo, released somewhere in june '12 . On this ...
6
votes
7answers
12k views

Trebuchet MS web font alternatives

I have a fairly dated site that uses Trebuchet MS font in Latin and Cyrillic scripts. If I understand correctly, once (a decade ago) this font was available on like 95-99% of computers used for web ...
6
votes
9answers
2k views

Tools for *lossy* PNG compression?

I'm trying more and more to get by sans PhotoShop for my personal/freelance work. I do primarily web work these days and don't do enough side gigs to justify keeping up with the Creative Suite beast. ...
6
votes
5answers
599 views

How you can rework logo to fit favicon of browser - 16x16px?

Let's say, I have a logo of website, with size 120x50px. Favicon should be 16x16px to be supported by major browsers. How it is possible to rework some image, making it smaller nearly in 10 times, ...
6
votes
2answers
262 views

How to solve the tragic fate illustrated in the article: How a web design goes straight to hell?

This is the article: http://theoatmeal.com/comics/design_hell Some of the solutions I thought: Quitting web design and starting an own online business. Only accepting jobs offered by professional ...
6
votes
6answers
13k views

Highest quality website screenshot?

I have created a website that i would like to add to my portfolio, but i'm having a hard time getting high quality screenshots of the full site. I tried to save the website as PDF, but that was full ...
6
votes
2answers
25k views

How to convert text paths to editable text in an .eps file downloaded from Shutterstock?

I am an experienced PHP programmer, but very new to Illustrator. Finally, the time has come that I need to download artwork from Shutterstock (shutterstock.com) for use on a customer's website. The ...
6
votes
4answers
4k views

What is the ideal number of font sizes to use for a website?

I'd like to know how many font sizes can you use for a website. Someone said to me it's better not to use more than 3 different font sizes (e.g. 16px for heading, 11px for text and 13 px for smaller ...
6
votes
4answers
4k views

Responsive web site mockup tools

I've always done web mockups in Photoshop, recently I switched to Illustrator because I thought it could speed up my work flow (And it did!) As I design more and more for responsive web sites though, ...
6
votes
3answers
864 views

Designing interesting looking websites in greyscale, minimal tones

I know a business that wanted a website to match their brand, and it would seem that they are allergic to colour. I think designs in greyscale can look amazing, especially in print, but it feels near ...
6
votes
2answers
5k views

What is the fastest way to copy a colour in Photoshop as HEX?

A lot of designers use Photoshop as a design and mockup tool. And in doing so, one of the last steps can be to get a lot of the colour information out so things like gradients and dynamic text can be ...
6
votes
4answers
1k views

Good sites to find textures online?

I'm always on the lookout for good textures, as they are pretty subtle but can add a lot of life to your site. Recently I found Tileables (http://tileabl.es/) which looks pretty cool. Can you ...
6
votes
3answers
2k views

Vertical rhythm/baseline grid in Web Design

I recently read some articles about the importance of good vertical rhythm/using a baseline grid for good typography in web design. I decided to try using a baseline grid, like the 960 grid pictured ...
6
votes
1answer
305 views

What are the relative advantages of flat design, material design and skeuomorphism?

I've been looking at Google's guidelines for this thing called "material design", and I've been following it some. However, I also see a lot of sites using flat design: Twitter, Codecademy, and Gitter ...
6
votes
2answers
591 views

Qualities of a full-page website background image

We are trying to create a web page with a full-size background. The following pages are our inspiration: http://www.august.com.au/ http://www.levehytter.no/ http://danielfiller.com/ We have ...
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.
6
votes
1answer
276 views

What's the name of this staggered portfolio style?

I've been trying to figure out the name of this portfolio style. Is it as simple as Staggered? I'm attempting to do something similar, but I have no idea what the style is called. I've searched ...
6
votes
2answers
282 views

Graphic Design Conferences

Does anyone know of good/reputable graphic design conferences/conventions in the states? I'm looking to attend one that focuses both on web and print design. Your recommendations are appreciated.
6
votes
3answers
403 views

How to explain “achieving good Usability”

I have a quite hard task right now: I need to explain agencies and graphic designers, how to design a usable website concept and visual design. The goal is to give designers a ...
6
votes
3answers
2k views

How to design web pages around a big logo?

I'm currently designing a website for a place that uses a large circular logo. Their logo contains an image as well as text. The problem I'm running into is fitting this logo into the web design ...
6
votes
1answer
884 views

Font copyright when used in images (Helvetica)

I have a specific Helvetica font that I use for text within graphics I am creating for my website, i.e. buttons, pictures. Do I need a licence or is it sufficient just to have purchased the specific ...
6
votes
1answer
7k views

Illustrator EPS File To PNG Web Logo - Print Quality

I have been provided a typographic logo in an EPS format and I am creating a PNG with it (File | Save For Web & Devices) to be used on a web site. One of the pages on the web site is a "print ...
6
votes
2answers
478 views

Studies about people's reactions to fonts and color schemes?

I'm a pianist, composer, and teacher, and I'm building a website to promote myself. I want the site to convey both a sense of elegance and old-world discipline, but also sleek modernity. I was going ...
6
votes
3answers
1k views

How to give a site a mockup look?

Edit to clarify Thank you for the existing answers. I am afraid that you misunderstood my question. I don't want to create mockups (I have some, but they are not suited for my current purpose). I want ...
6
votes
3answers
327 views

How should I add a realistic shadow to this?

I'm working on a mockup of a jQuery slider which can be found here. Now, I'm not the best graphic designer by any stretch of the imagination, and I can't seem to be able to get a realistic looking ...
6
votes
4answers
277 views

Text flow - when to say “no”?

What do you folks use as a general rule of thumb for flowing text around embedded images? I know everyone's got different preferences in addition to standard rules; is there any time when you will ...
6
votes
4answers
4k views

Gutters - Padding and Margin for Columns with Background or Border

What are the recommended design guidelines for gutters when a column (or box, or any layout module) has its shape clearly visible because it has its own background or border? Typically one would put ...
6
votes
3answers
559 views

How can I take my graphic design to the next level?

I'm a full-time professional designer in the early middle of my career -- I have been working as a designer full-time for 15 years. I create lots of work that I am very proud of. However, when I look ...
6
votes
2answers
104 views

Is there a specific term for horizontal gutters?

Context My team is working on a responsive website and we allow the user to configure some of the properties of the page, including the spaces between the grid "cells". We had a conversation about the ...
6
votes
3answers
3k views

Tools to simulate different DPI screens?

When designing for mobile web, its important to check designs at the physical screen size of target device. Merely looking at your PC / Mac screen at designs of the same resolution isn't enough: * ...
6
votes
2answers
6k views

What are the branches of Graphic Design

Does anyone know what is the full-branch of Graphic Design and the title for the person doing it. Graphic Design |- Web Design - Web Designer |- Illustration - Illustrator |- Photo Manipulation - ...
6
votes
1answer
270 views

What are some techniques in designing around a colorful logo?

I usually have to make websites based around logos that are very colorful (4-5 colors). Let's say the colors of the logo is similar to the logos of Chrome, eBay, Joomla, MSN. What are some of the ...
6
votes
4answers
294 views

Titles and Menu items in lowercase, uppercase, serif or sans serif?

Im building a new wordpress website and need some input. The question is - should i use lower or uppercase - serif or sans-serif for my post titles, widget titles and menu items? Which is the best in ...
5
votes
4answers
2k views

How to tell my boss his webdesign attempts are bad/hopeless?

I'm a web dev. My boss is an outdated physical media designer. We're working together on a relatively huge food delivery web system. He just keep coming with these poor and ugly layout ideas. Clearly ...
5
votes
4answers
900 views

Is DreamWeaver more efficient rather than coding manually

I have a client who want's me to use Dreamweaver for a project. I've always used Photoshop and Illustrator for mockups and coded the CSS manually (Actually I use SASS/SCSS). Does using a program like ...
5
votes
8answers
3k views

Is there graphic design software made for beginners, suitable for designing websites?

I'm teaching web development to beginners, and it would be useful to show them the basics in design, meaning using a graphic design package to come up with a layout, before turning it into code. To ...
5
votes
4answers
987 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
516 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
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 ...
5
votes
5answers
1k 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 ...