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)

2
votes
3answers
1k views

Which Photoshop features are affected by different DPI or PPI tags?

A Photoshop document‘s physical size, pixel density (DPI/PPI) and pixel dimensions are all linked. Bitmap images contain bitmap data, which are a specific size (pixel dimensions). They also contain a ...
7
votes
3answers
905 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 ...
24
votes
5answers
67k views

is it mandatory to keep 72 dpi for web design? What if I create in 200dpi?

I have been designing web banners in photoshop for more than a year but never considered the DPI. I was using the default 72DPI, but now I want to know is it necessary to create web designs in 72DPI? ...
0
votes
1answer
54 views

What is the different ways in Photoshop to copy the remaining layers and create a new document?

Basically when someone gives me a PSD that has a bunch of copy and other things that I need to quickly strip off to use the background on a web page. What are the fastest ways to clear that and start ...
7
votes
2answers
31k 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 ...
0
votes
2answers
518 views

How to efficiently code a Web site wireframe? [closed]

If you have in your mind, on paper, or on screen an image of your Web site, how should you go about implementing it? Use Adobe Creative Suite? A text/HTML editor? My understanding is that people ...
7
votes
3answers
318 views

Do you have a “formula” for the webfont vs graphic type threshold?

Disclaimer: I realize there is not a perfect "formula" for this question. I'm looking for your experiential working practices. If you don't have any, I won't hold it against you. Over the last ...
4
votes
4answers
388 views

How to get bokeh images to use in web design?

I'm looking for online resources, image libraries, Photoshop actions, tools, or any other means of getting or designing bokeh images (those highly blurred pictures, with colorful circles) for use as ...
4
votes
3answers
508 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 ...
3
votes
1answer
169 views

Fireworks master pages the same as shared layer?

The more I'm using shared layers, the more I believe there's no real difference between 'Share Layer To All Pages' and master pages. Except for layer sharing being way more flexible, because you can ...
0
votes
3answers
554 views

How much time to design a standard homepage layout? especially within an agency workflow [closed]

Well it depends you say-and I agree with you-It varies depending on the page, how complex it is, the style, how much content, graphics used, effects etc. So let me eliminate some of the variability, ...
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: * ...
3
votes
2answers
2k views

When creating PDF from an image, what determines the screen dimensions when viewed at 100%?

I would like to use pdf for ease of use and annotations when creating previews of my screen designs. However, no matter how I create my pdf, I can't seem to figure out what determines the 100% view of ...
0
votes
2answers
259 views

Any tips for good tutorials or discussions on web page animation? [closed]

The simple effect I'm ultimately after is this: load an image in the centre of a web page have the image slide across to the left then start loading other text and images around it I don't mind ...
5
votes
2answers
170 views

Is this an effect or a type of font?

I have seen a lot this type of fonts (the ones in the bar). It is a relief effect or the font is just like that?
4
votes
3answers
2k 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 ...
2
votes
3answers
252 views

Apps for free-hand graphic design

I have always drawn with pencils and paper. I like drawing things that are just plain creepy. But I want them on my computer, but I don't want to just scan them on, so I've decided to draw them on the ...
4
votes
1answer
465 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 ...
5
votes
2answers
11k views

How to control word-spacing in justified text with CSS?

I have 2 blocks of text that are pretty small (just under a paragraph each) and they really look better justified but the problem is that text-align: justify; sometimes adds really large spaces and ...
5
votes
1answer
151 views

How do you build a webpage with a main text body and 2 columns underneath?

I have a body of text that I am trying to layout in a visually pleasing way but I can not figure it out. The goal is to have this layout (see psuedocode): <container> <main /> ...
-1
votes
1answer
342 views

Multiple Pages Shared by One Menu [closed]

I'm planning to create a website with many webpages which are shared by a navigational menu. For example: www.apple.com Do I have to create separate html files with the same menu code or is there an ...
1
vote
1answer
2k views

Metro Website Template Guidlines

What are some of the rules and guidelines needed to design a Windows 8 "Metro" style website template? I notice using blocks is one of these guidelines. I'm also noting something about the colors, ...
2
votes
3answers
685 views

Colors appear differently on webpage when saving in sRGB

I've made a webpage with an image next to text, set as the same color I thought I had used for the image. However when I looked at the webpage on Safari (on Mac) I noticed that the actual color of the ...
0
votes
4answers
2k views

Recommended Font Size and Font Style for a Website content

What Font Size and Style is recommended for a web site's content? To make it more readable for the readers or visitors.
2
votes
9answers
6k views

Capture clean Retina screenshot of web page without post production

How can I take a screenshot of a web page on a MacBook Pro with Retina Display (rMBP) that: Is at a reproducible size Looks sharp on Retina displays Without any browser chrome / accouterments ...
2
votes
4answers
808 views

How to create a responsive web design?

How do you exactly create a very responsive web design? Do you create application for your website to be responsive when using mobile and/or tablets?
0
votes
3answers
743 views

How to use H1, H2 etc. tags properly? [closed]

I'm confused on how to use the header tags properly so, I need help for this. Since, it is a very important part of web development.
0
votes
3answers
334 views

Adding visual interest to a website without cluttering it or making the visuals detract from the content

In working on a redesigned website for my university program I feel like I've got a pretty solid foundation. The purpose of the website is to be both informational but, also, to be "fun" and ...
2
votes
2answers
127 views

How to accomodate different text lengths in translated web content?

I was recently working on a website design and I naturally based my work on the content supplied by my customer. I knew from the beginning that the site will be accessible in different languages but ...
1
vote
1answer
793 views

Layout Desgin and Color Scheme for a Crisis Mapping Web Application

here are a few screenshots of a web-based crisis mapping software, basically built for both governors and people. The design is somehow combined by ideas from different persons, so we are interested ...
4
votes
6answers
682 views

Modern design - What's that?

I am working on redesigning my website and iterating through fivesecondtests. The overall feedback is improving but no matter what I change, several people have mentionned that my designs look ...
2
votes
4answers
2k views

Where would I find a high quality version of a wooden floor like this?

It is to be used for background on a website. I like it exactly the way it is except that the image quality is not good enough. Looking for quality that will look good on a Retina screen. Must be able ...
2
votes
1answer
414 views

Advice on what to put on my home page

I need a little help, and general advice, on what I can put on the front page of my software company's website. I realise that this question is not as specific as some may like it to be, but I hoped ...
0
votes
2answers
184 views

How to improve this design?

How can I improve this design? I'm kinda new to this and I've just felt a bit demotivated because I've been dealing with a difficult person. I intend to make the color of the copyright notice darker ...
1
vote
5answers
495 views

Crop canvas to unique outline of image in Photoshop

I have unique shapes for my menu background, the problem is that the .png's are linked in the transparent area. I am looking to crop the canvases of these images in Photoshop to their exact unique ...
1
vote
3answers
826 views

Is it possible to divide one Photoshop document into multiple source files?

I am new to Photoshop and therefore in need to get familiar with it fast. I wonder, if there is a way to divide Photoshop like a website, to make every picture (such as a website logo) editable ...
1
vote
2answers
328 views

Creating negative company logos?

Is it standard practice to create negative copies of a companies logo if they don't provide one. I'm asking as I'm creating a website which will have a companies page where I would like to list the ...
0
votes
1answer
183 views

Music Player on Website that continues playing between pages [closed]

I know that having a music player on a website isn't necessary nowadays. But I have a client that really wants one on their website. The problem is making the music player play constantly (the user ...
10
votes
5answers
1k views

What materials should a web designer using Photoshop send to a developer?

I have been implementing mainly web and desktop applications and this is the first time that I actually started working with a graphic designer on a web site that is for public use. In this case the ...
4
votes
3answers
5k 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 ...
1
vote
1answer
204 views

Is a 8-Bit IPS display necessary for web designing?

I'm doing web design (not print or photography) and I'm wondering if I should spend extra money on a display that provides more accurate colors. I'm already set on buying IPS since they're easier on ...
1
vote
3answers
975 views

Laptop screen for digital design

I am searching for a laptop with a screen that is suitable for digital design purposes What I am particularly concerned about is a statement made by a poster (on here): (the objective is to) make ...
2
votes
3answers
378 views

Presenting PNG screen comps

Just wondering if anyone has hammered out any good solutions to presenting PNG screen comps to clients, especially if there are more than a dozen screens. Adobe Bridge has some half decent HTML ...
4
votes
3answers
2k views

How to design sites with dark colours (red and black palette)

The graphic designer for my club created a red and black logo (major color is black highlighted with red). Everyone thinks it looks great, and I agree. The issue lies with designing the site. We've ...
8
votes
4answers
15k views

What should I do regarding color profile when designing for the web?

I have read this article by Doug Avery where he explains how to disable Color Management in Adobe Photoshop and the follow-up article in response to the uproar of the commenters arguing against it and ...
12
votes
1answer
794 views

How can a design be balanced and yet have a focal point?

The concept of a focal point seems to be a fundamental one in web design, yet doesn't a focal point mean a page cannot be balanced? Surely by definition a focal point means that the page's 'weight' ...
2
votes
2answers
870 views

Why does Google want a vertical scrollbar on search page when it's not necessary

On Google's search page there is a visible vertical scroll bar even when it is not necessary. This can be avoided by deleting the following style from body selector overflow-y: scroll; When this ...
4
votes
2answers
4k views

How to “draw” pointed corner drop shadows in Adobe Illustrator CS5

I have this image which I want to re-draw/reverse engineered so that I can use it at different sizes as resizing it cause it to look bad. But I can't seem to figure out how to do it. The drop ...
5
votes
4answers
16k views

Different sizes/dimensions on export & save as web in Illustrator CS5

I have a file which is 1020px X 200px Artboard/Document dimensions and the drawings coves the whole artboard as follows. When I "Export" the file as "png" (File>Export) it's dimensions change to ...
0
votes
2answers
198 views

Need suggestions on elements arrangement and picking colors

I'm making a new site, but I feel like colors or elements dimension aren't that good at all, I want it to look elegant and makes the user comfortable when looking at it. Right now I'm not getting that ...