Questions about web design, web fonts, and web development.

learn more… | top users | synonyms (2)

2
votes
3answers
225 views

How can I avoid boxes in web page layouts

Have you any good examples where content on a web page doesn't look boxed in everywhere? edit examples of what I want to avoid:
6
votes
3answers
1k 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 ...
1
vote
1answer
62 views

How do I choose width for a set of text fields?

A programmer myself, I find it hard to make certain seemingly simple design decisions. Currently I'm sketching a signup form for a website, and I want to keep the design really simple. There are ...
7
votes
3answers
152 views

Is it a bad idea to change a single - major - element in isolation?

Our team just had a rather strong argument over an issue. The issue: Some team members want to "update" one of our websites by changing the colors of the left navigation bar, and maybe also the ...
2
votes
4answers
1k views

How can I remove a space between two words and still make it accessible?

In headings, I am getting rid of spaces between two-word phrases and using color to differentiate between the words instead. EXAMPLE: I would like this... <h1>Two Words</h1> to render ...
-1
votes
1answer
402 views

What are some good guidelines when designing website for telecom-business [closed]

I know that this question might be tossed out, and I apologies for that, but here goes nothing: I work at a small call center in Sweden as a IT-technician. Since we´re so small we cant afford to hire ...
10
votes
4answers
785 views

With the invention of CSS3, should a web designer use Photoshop?

I see that many designers create beautiful web design works in Photoshop, but now with the arrival of CSS3, when they want to change that to HTML & CSS, they simply start from scratch and create ...
3
votes
1answer
14k views

What's the best way to create custom grid lines in Photoshop?

Is there a way to quickly define a baseline grid on photoshop using the guides tool? For example, if I want to create a 24px vertical rhythm, can I do this quickly on PS?
5
votes
4answers
1k 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 ...
2
votes
2answers
197 views

How good is the fonts.com webfont solution compared to the current @font-face standard?

I guess the title says it all. I've been successfully working with @font-face (with near-perfect cross-browser support, if you use all the hacks). However, a client really wants to use Helvetica, and ...
3
votes
2answers
397 views

Storyboard for a product pitch

I've never done a storyboard/visual user story for a new app/software program before, so how would I do that? Or what are the key elements? Basically, I need to create a storyboard of how it would ...
0
votes
1answer
204 views

How Do I make a simple webpage out of image, need some pointers

I have an image and its source in photoshop and Adobe illustrator format. I know some programing, PHP, HTML. But I have never created a simple webpage using an image or adobe products. I'm also ...
4
votes
4answers
2k 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 ...
5
votes
3answers
3k 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
760 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
359 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 ...
20
votes
11answers
2k views

Do web designers need to know how to code?

As a front end web developer I work with many different designers and sometimes find it frustrating working with design comps where no thought was put into how to accomplish the design in basic CSS ...
0
votes
0answers
119 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
462 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
1k 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, ...
10
votes
5answers
3k 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
631 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
630 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
443 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
250 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
119 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
229 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
555 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
692 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
317 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
449 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
302 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
253 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
421 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
265 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
709 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
292 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
734 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
657 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?
8
votes
2answers
15k 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 ...
6
votes
7answers
200 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
72 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
1k 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
6k 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
100 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
6k 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
415 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
404 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
722 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 ...