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)

6
votes
4answers
3k 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 ...
7
votes
4answers
5k views

The most advanced JPEG image compression on mac?

Sometimes i work with JPEG files for my web designs. There are occasions where the PNG format is not suitable.. There are several optimization techniques for the PNG format, but I noticed that for ...
2
votes
4answers
882 views

What is the state of cross platform web safe fonts in 2011?

You can see the traditional cross platform system fonts like Arial and these , but in 2011 with Leopard/Lion and Vista/7, surely there are a load more fonts we can use reliably? Thanks!
1
vote
1answer
401 views

Help me get this design to look right. Folded paper with a sense of depth

I'm designing a site for a client. And I was wondering if I could get some help using shadows to create a "folded" effect on this div. The div overlaps the bottom edge of the header, and I want to ...
24
votes
12answers
2k views

Do web designers need to know how to code?

As a web developer, both front-end and back end architect, I work with many different designers and sometimes find it frustrating working with design comps where no thought was put into how to ...
0
votes
0answers
122 views

How to explain the difference between stealing the design and copying the design? [duplicate]

Possible Duplicate: Where does inspiration end, where does illegitimate copying start? How to explain the difference between stealing the design and copying the design? In Web Designs. How ...
4
votes
2answers
626 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 ...
22
votes
2answers
2k views

How can I improve my color selection skill?

I'm a web developer, started to become a web designer. However, I think my understanding of colors is not practical yet. There are tools out there that can give you color harmonies, and more stuff, ...
12
votes
6answers
4k views

Learning Photoshop just for web designing

I want to become a web designer, so I'm watching a lot of Photoshop video tutorials, but some of those tutorials are not useful for web designing. For example, some movies are about skin, or teeth or ...
1
vote
3answers
685 views

About font size in web design

I like web 2.0 style design - less info, more space, bigger font-size, etc. But my designer doesn't. So when we use a web 2.0 design template, she changes the font size of contents into smaller one ...
5
votes
4answers
820 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 ...
2
votes
1answer
480 views

Best Resources for Facebook/Twitter Page Design

I'm currently in the process of creating a few custom Facebook and Twitter backgrounds for some of my company properties and I wanted to know if there are any extensive galleries and tutorial/template ...
6
votes
2answers
273 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.
0
votes
1answer
138 views

Can anyone recommend me the some color scheme for my website [closed]

i want to use this color as base color for my site I have navigation bar on left which is vertical around 220px wide and 47px height per tab i also have horizontal navigation tabs as well Now i ...
2
votes
3answers
249 views

Clickable stickers sticking out of a notebook

I'm trying to make clickable buttons that look like they're stickers sticking out of a notebook. Here's how it looks like: What's the best way to do this? Should each of them be PNG images with ...
1
vote
4answers
643 views

image as a background doesn't fill all the page

I changed my html code with for the multi image background to work with Internet Explorer. Since this change, I have a white border all around the page. Did someone know why it doesn't fill all the ...
8
votes
9answers
925 views

What's up with the one-page website design fad?

I've seen an influx of websites that put all of their content on one page, ala this site. Even the sites on some of the lists I see in Smashing Magazine do this (like this one, with what seems like a ...
3
votes
5answers
340 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 ...
1
vote
4answers
1k views

Transparency in swf file created using png image

I have some text with transparent background and I imported this png image to flash. Now when I create a swf file, it doesnt show me transparency. I tried using wmode parameter as transparent in the ...
5
votes
3answers
571 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 ...
0
votes
3answers
312 views

How can I specifically improve my webdesign? [closed]

My website is www.strongape.com and I'm looking to improve my design. I don't know where to start. Are there other forums I should visit for advice?
2
votes
4answers
262 views

How can I design a domain-specific “actions” icon?

We are writing an application for road construction management. Think of the guys that plan the lane expansion or road resurfacing that ruins your day. :) All throughout the application, we have the ...
2
votes
2answers
504 views

How to determine color transformations from given colors?

Our designer has provided us with some nice web 2.0 buttons, etc. I translated them into beautiful CSS3. Now I want to go overboard and generalize the color scheme using Sass color manipulation. ...
1
vote
1answer
363 views

Eye catching & useful web slides - what are the do's and don'ts?

I hope you don't mind a programmer barging in on the graphic design site....! I usually work with design agencies to turn their creative ideas into web-site reality. So I can appreciate a good ...
3
votes
2answers
772 views

Golden ratio, with or without padding/margin?

Lets say I have 1000 px wide 2 column layout with 100 px gutter space (margin) and 50px on the left and right.. How do I apply the golden ratio to this layout? Method One c1+c2=800px; c1/c2=1.618; ...
7
votes
6answers
335 views

How can I ensure that users will think a button is clickable?

I had to make a page with a couple links on it, so I thought I would try to make the links big and decorative: But I ran into the problem that people didn't realize it was a button, so they didn't ...
3
votes
3answers
815 views

Textures - How to use in Web Design

Basically, I love how people use textures in web design. But as most website designs are "fluid", how do you make them work for all monitors and make them seamless? For Example, on the website ...
0
votes
3answers
906 views

Title text color for header

I have this header image: And I'm trying to find the best colors for the text of the title. Any suggestions?
10
votes
2answers
20k views

How to design sleek magnifying glass effects like these?

I'm wondering how I can create the magnifying glass effect I've seen a lot lately on pages that sell software (either desktop or web-applications). Here are two examples. I really like the first one ...
7
votes
7answers
215 views

How do get what you want to say into such a few words?

It seems fairly well agreed that people glancing at a site won't read proper paragraphs, only bullet point lists. I'm really struggling how to say all the things I want in a few bullet points... it ...
1
vote
1answer
74 views

Graphic icons for using with “Appreciate this Post” & “Follow updates on this post”

What could be good graphic icons for using with "Appreciate this Post" & "Follow updates on this post" in a social web application? Thanks a lot for your suggestions.
19
votes
5answers
2k views

What should one ask when gathering graphic design requirements for a website

I'm a software/web developer and recently we've been working with a graphic designer that lives in another state, so the contact with the client falls into my responsibility in all aspects, and one of ...
9
votes
3answers
7k views

What are the responsibilities of a web designer

HI All - I am a Coldfusion developer with over 2 and half years of experience. I have some experience with Javascript, jquery and sql. I was thinking to learn Web designing too in my free time. What ...
2
votes
1answer
113 views

How improve my table-cell highlighting scheme?

In my daunting table of market numbers, seconds-by-seconds price changes in the Bid, Ask, and Last columns are highlighted for the user. Highlighting happens when the page is refreshed: click the ...
8
votes
4answers
7k views

Photoshop Color Settings for web design

What color profile settings should be used in Photoshop for web design? Does monitor calibration effect save for web images? I keep my monitor calibrated with a colorimeter and want to make sure my ...
1
vote
3answers
555 views

Looking for examples of “thank you” e-mail designs

I've been tasked with creating "thank you for attending" HTML e-mails/graphics for a number of events. I've already done a few, but they all need to look distinct and I'm running out of ideas. Does ...
6
votes
3answers
451 views

What's this style called, with blocky text and strong circle shapes?

What's this style of design called? http://www.mademyday.de/ Thanks. [UPDATE:] I should have posted more examples, here's another and I'll look for more: http://www.fajnechlopaki.com/ I'm ...
5
votes
4answers
926 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 ...
1
vote
3answers
245 views

General feedback on first draft of site design

I'm a developer having a bash at designing a church site for a relative and was hoping to get some feedback on what i've done so far. I tend to like clean, minimal sites so that's kinda where i'm ...
2
votes
3answers
521 views

Which unit should be used in web design to define space (margin, padding, etc.)?

In the CSS of a website is it better, for human readability, define margin and padding units in px, em or pt?
2
votes
7answers
10k views

What software do you use to design website layout mockups?

I use Adobe Photoshop but I find it kind of buggy sometimes. When I import what I do in photoshop to Flash the quality of the design drops down a notch...
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, ...
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 ...
18
votes
8answers
1k views

What are common mistakes that you see in “professional” designs? [closed]

This might be too subjective but I'm curious about other peoples' experiences. Mods, please close if this is too far into "not a real question" territory. I see many questions on this site about ...
2
votes
2answers
412 views

How do I reduce the use of horizontal scrollbars with tables?

I'm creating a website whose sole purpose is to show users large datasets in tables. Many of the tables have upwards of 20 columns, and I absolutely hate having horizontal scrollbars. What are the ...
8
votes
4answers
439 views

Sources of inspiration for the graphical design of a business intelligence web application

I'm looking for sources of inspiration for the graphical design of a web application. The application is used to display historical information on industrial processes. In the back end there is a ...
3
votes
6answers
2k views

How can I match a site's background color in both Chrome and Firefox?

I'm designing a page with both a background image and a background color for the area past the end of the (gradient) background image. Something like: background: url("/images/bg.png") repeat-x ...
0
votes
2answers
179 views

I need a good tutorial for building a background image for a website search form in Photoshop

I'm building a website with a focus on searching so I want a very large search form in the header. I've been looking for a tutorial using Photoshop to create a background image to superimpose the ...
0
votes
1answer
748 views

Photoshop export for web and devices comes out pixelated.

When I export for web and devices in photoshop CS5 it comes out pixelated. What setting should I change? I have a picture of my export settings at http://www.brandonsdesigngroup.com/photoshop.png
1
vote
1answer
321 views

What is a good size for category box on web site?

I'm designing a web site which has a large number of categories. On one particular page each category will be displayed with a photo, light description and a a list of subcategories or products. ...