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)

3
votes
2answers
183 views

Some general guidelines for choosing images in webdesign

So here's a good question: one problem that often comes up is a client asks for a site, but they have no content (specifically images) and so leave it up to the designer to find appropriate images to ...
38
votes
6answers
69k views

Is there a free 'Helvetica Neue' alternative?

Does anyone know any other fonts similar to Helvetica Neue (free for commercial use)? I'm working on a big website project where 'Helvetica Neue' is used heavily. I need a font that looks almost the ...
-3
votes
1answer
490 views

What shades of blue go well together (website design) [closed]

I've got a fixed layout page and the client has asked for it to have "shades of blue". What colour would you recommend for the background, page wrapper background, text, dropdown menu and the buttons ...
2
votes
2answers
260 views

Layout with Tables - Hierarchy

In this fiddle there's a markup and style I'm doing for a website: http://jsfiddle.net/UvJmP/ I am trying to represent data in this way: D2's table data is contained in D1 D3's table data is ...
2
votes
2answers
67 views

Is there an ideal number of points of interests in web design? How many is too much?

I want to make a website, but I have too many important elements for that. I tried to simplify the structure, but it became boring to look at and tiresome to navigate. Is there a rule or tip for ...
2
votes
3answers
643 views

How to make rounded corner thumbnail “ containing image of the post ”?

When I create rounded rectangles in Photoshop, I can mask images over those rounded rectangles to give them rounded corners. When I'm making websites however, I'm not sure how to give images rounded ...
5
votes
4answers
453 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 ...
0
votes
2answers
161 views

What to change on this webpage, to look more elegant [closed]

I'm not ui ux engineer. I just want to hear your opinion/help on where would you (designers) put this grey box or app links, what is your opinion about colors?
-1
votes
1answer
165 views

Professional looking websites [closed]

Apologies for cross posting from the Webmaster stack exchange but I have a question I'd like to resolve as urgently as possible. I'm starting to design a site and am at the stage where I have most ...
5
votes
5answers
2k views

How can I get more efficient at designing tables for web in Photoshop?

It takes me too much time (IMO) to design tables in Photoshop. I need to move rows, columns and stuff easily. I'd like to be able to get through this faster. I've tried InDesign and Illustrator and ...
-2
votes
1answer
104 views

Web design components workable on paper [closed]

What are the main components of web design that can be sketched on paper? I refer to the visuals of a design that could be developed by sketches and drawings. Like a sketch of a Web-page view in ...
2
votes
2answers
511 views

How to not make my website have a “1990's” look

I recently launched a comics website, www.hittingtreeswithsticks.com, which I created from scratch. I created my own design because I wanted to keep it unique, and used no templates. Unfortunately, ...
5
votes
3answers
350 views

Do most web designers make their own textures?

I'm a web developer by training who is branching into UI/UX design. One of the things my design work lacks compared to experienced designers is subtle use of texture, such as on these sites: ...
1
vote
1answer
337 views

Best practices for combining header/body typeface WITH a brand/corporate ID existing typeface?

I have recently become aware of a fundamental mistake I had been making; I have been matching a company's identity's typeface and using it for the headers of my websites, which in hindsight really ...
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 ...
6
votes
3answers
767 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 ...
15
votes
5answers
42k 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
47 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 ...
5
votes
2answers
17k 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
425 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
290 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
314 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
451 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
156 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
400 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
2k 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
226 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
156 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
1k 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
209 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
415 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
7k 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
134 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
306 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
511 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
5k 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
686 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
560 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
281 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
101 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
642 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
607 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
1k 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
390 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
178 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
451 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
618 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 ...