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)

0
votes
1answer
218 views

How can I achieve a better 3D lifting effect of a logo for a website?

This is my current approach, only the shadow moves. http://tinkerbin.com/uekpe227 This is a second approach, both the shadow and the letters move. http://tinkerbin.com/LjiGDKa7 And in the last ...
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 ...
1
vote
3answers
296 views

how to get that new JSFIDDLE/Twitter/Youtube effect in photoshop?

As all the big sites have been updating their style recently, I've noticed this effect on a few sites and I'm wondering how they do it. Its like this normal gradient effect, with this pattern, abbit ...
3
votes
3answers
74k views

Is there a standard size(width) for email newsletter design or something like a christmas e-card?

I have to design this e-mail newsletters. Some with just simple holiday cards and some more complex with offers and other stuff(images, text content etc. etc...) I am wondering if there is a safe ...
1
vote
2answers
963 views

Best Tools & Tutorials to transition from Flash to HTML5

A friend of my is a Flash designer and animator, and uses tools like Adobe Flash CS5. She want's to learn to do similar work in HTML5. What tools and tutorials are available (free or commercial) to ...
9
votes
5answers
579 views

Mockups: Coding vs Drawing?

This isn't about web design but about interface design in general. Is better to code Interface Mockups or "draw" them in a graphics program, like GIMP, Photoshop, etc.?
0
votes
0answers
84 views

how to create a box which is engraved in photoshop [duplicate]

Possible Duplicate: Sunken look in photoshop? I saw this effect for input box in ''checkmycolours'' site, it seems really beautiful, but i don't know how to create engraved box. so if ...
9
votes
2answers
685 views

What are some common mistakes that a designer can make when designing for web, and how can they be avoided?

What are some common mistakes to avoid while designing? I know color, text and images play a major part in designing, but there are so many other things that we need to take care of! I don't know ...
0
votes
3answers
989 views

icons for web technologies [closed]

Hi I'm working on my own portfolio, and so I'd like to have some icons for technologies that I work with. So does anyone know of free icon sets that include css, php, c#, html5 and other web ...
5
votes
2answers
4k 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, ...
2
votes
2answers
366 views

How can I improve these secondary pages without a radical redesign

I am more of a web developer than a web designer so I would appreciate it if I can get some tips on how to improve http://tinyurl.com/7my6g6m 's design/looks and other secondary pages on this site. ...
1
vote
2answers
3k views

How to create a speckled/pixelated background?

How would I replicate this speckled/pixelated background effect? You might need to zoom in to see the effect fully.
1
vote
4answers
6k views

Triangle cut corners CS5 Photoshop

How do you effectively cut out triangles in Photoshop for a web design easily? Is the only way to use the polygonal lasso tool, which always gets me triangles of unequal sizes. I'm trying to achieve ...
3
votes
1answer
249 views

Icon to indicate “not a member”, “guest” or “visitor” but not in a “no-access” kind of way

In my app I need an icon to compliment a link for an app for a sport/club venue. [ICON] Member Booking [ICON] Visitor Booking Is there any icon that springs to mind for a "visitor" - the context is ...
0
votes
1answer
107 views

What are the available css frameworks? [closed]

I have been trying to find a nice css framework so I can put it as my main design style and re-use it in my web developments without having to think about the style that much. So far I have found ...
4
votes
1answer
7k 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 ...
3
votes
1answer
206 views

A good web design book in Japanese

A question for the Japanese-speaking part of the Graphic Design society - is there a book on web design (mostly - non-technical aspects like usability) in Japanese that you could recommend? There is ...
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. ...
1
vote
1answer
87 views

Does PS have editable styles like InDesign?

Does photoshop have a way to edit a style in the styles menu, and re-apply it across the whole document? InDesign handles this nicely, and saves a lot of time with indecisive clients. Basically I ...
4
votes
3answers
814 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. ...
2
votes
2answers
284 views

Mobile Web application graphic design

The resolution of the iPhone 4/4s is 960x640 and the the iPhone 3gs is 480x320. How does one go about designing web pages for mobile devices with all sorts of different resolutions? Do the mobile ...
0
votes
5answers
372 views

Is graphic designing (web pages) mostly faux, unreal, unscalable and somewhat based on illusion?

Is design mostly faux, unreal, partly based on illusion which combines different elements and combines into one beautiful piece, which is not scalable but give a nice look to the eye. Consider these ...
1
vote
4answers
3k views

Where can I find examples of high contrast combinations for websites?

I like the idea behind http://contrastrebellion.com/, and plan to implement that on my websites. However, I'm a developer, not designer. I read a lot about the subject -where I must build the ...
2
votes
3answers
475 views

In webdesign how do you calculate the ideal bottom margin for headers?

I've seen a few css frameworks add margin-bottom to heading elements in addition to a large line-height. Example from here. h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} h2 { ...
2
votes
2answers
211 views

Is it possible to create a modern-looking design with a dark theme?

I was asked a website redesign with two requirements: Inspired by Google Plus (clean, minimal, a lot of "white" space) Switchable between a White version and a Black version Here's my problem: ...
4
votes
4answers
5k views

What to do with these errors when I open a PSD file in my Photoshop CS3 (Windows 7) while PSD is made by Photoshop (Mac OSX)

I'm a Web Designer and when I open some PSD files in my Photoshop CS3 (Windows 7) I get these messages pop-up before to open PSD. My fellow designer use Photoshop on Mac OSX. Error 1 Some text ...
1
vote
2answers
112 views

This graphic gets in the way of the photo too much. How can I achieve the same effect without taking away from the content?

I've got a simple image slider on this site I'm doing. You can click through images, but I wanted it to really pop so I added a graphic element over top of the images to give some depth, like a folder ...
0
votes
2answers
324 views

What aspects of HTML5 are replacing Flash?

Everyone is saying that flash design is dead for websites. Besides the issue of compatibility with "iDevices", why else should flash be kicked out the designer's door?
0
votes
3answers
6k views

Adobe Photoshop or Illustrator for web design [duplicate]

Possible Duplicate: Designing A Website from Scratch – Illustrator or Photoshop? Would you recommend Adobe Photoshop, or Adobe Illustrator for a professional freelance web designer on a ...
1
vote
3answers
1k views

Any ideas on how to fill a blank sidebar?

I would like to have some suggestions on how to fill my sidebar empty space on a feed aggregator. One solution may be advertising, but for now advertising is not acceptable in the page. A second ...
11
votes
5answers
351 views

What's a good (and easy) way to show that a screenshot is a screenshot?

I'm using Mac OS X 10.6 and I like the system screen grab tool. By default when you grab an entire window it will put a bit of a shadow / gradient below it, with transparency, using a PNG image - ...
11
votes
11answers
10k views

Should I (a web designer) stick with gimp, or buy Photoshop?

I am a web designer. I do not use/own any adobe products... except for watching flash videos online of course. I currently use gimp 2.6 for my graphic needs. It's free and I know how to use it. The ...
2
votes
1answer
360 views

What to do to polish a website design? [closed]

I'm the type of person who's between a programmer (because I enjoy it) and a designer (because I have a sense for it). I've been designing various websites in the past years and while they've been ...
-1
votes
3answers
231 views

PSD to XHTML…resolution question

I have a PSD designed around 1920 pixel i.e the canvas is 1920 pixel wide by 1110 pixel height. My question is, when slicing: Do I slice it the way it is? or Change the image size to a lesser width ...
3
votes
2answers
365 views

Childish logo, sober and professional website: how to? [closed]

A new customer asked me to design a new website for the company, but the company logo is somehow childish (think comic-sans like fonts). Redesigning the logo is a no-go. I'm not sure how to make the ...
1
vote
1answer
445 views

How can i make the alphabet beautiful? (web) [closed]

I'm working on a directory type of page where I will have your typical "A B C D E ..." alphabet posted on top so people can jump down to listings starting with their letter of choice. The alphabet ...
2
votes
5answers
410 views

Wireframing tool to design a website idea

I have nothing to do with design, because I don't know how to mix two colors. Some time ago, I've read about some tools which are used in the creation of interfaces for application and web pages. In ...
2
votes
3answers
250 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
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 ...
1
vote
1answer
66 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
154 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
2k 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
517 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
939 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
20k 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?
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 ...
2
votes
2answers
233 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
457 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
227 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 ...
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 ...