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)

1
vote
4answers
466 views

What are some good ways to showcase someone's portfolio work online?

I've been happily employed for awhile now, so I've not kept up on various trends and changes in the online portfolio field. I would like to remedy this knowledge gap. I can do a search for "best ...
0
votes
2answers
127 views

What process should I use for converting this Toolbar PSD comp into something I can use on a Web page?

I am a programmer and have recently started playing with Photoshop in my spare time. Ideally, I prefer to create components using HTML/CSS only, but there are times when it is not possible. In this ...
8
votes
3answers
379 views

Literal versus indirect imagery

I have a client who is pushing the use of very literal imagery for her website: waving hands for success, a finishing line for the end of a process, and so on. We're trying to make more use of ...
4
votes
7answers
3k views

Is there any learning service like Pluralsight but for design?

Meet Pluralsight. We are a group of serious developers. We are also committed to creating the best training available. This mix of training for developers, by developers is what rings true to ...
2
votes
3answers
277 views

How much effort should I put in to optimizing (cutting up) images for the web?

I often get designs from our artists which contain large complicated images that can be turned into a background-color, some tiling, and overlaid smaller images. The problem is, doing this often takes ...
4
votes
3answers
2k views

How to design a websites using thin fonts that will look good in a web browser?

I recently quite repetitively encounter the same problem - the fonts in photoshop don't look even close to the fonts embedded onto the websites. Obviously - it's mostly about external, 3rd party ...
4
votes
2answers
475 views

How do I replicate these two effects in Photoshop?

I am having trouble finding help on my own since I do not know the names of these effects. Here's the reference image: How do I replicate the impressed circle effect behind the button? I tried ...
-3
votes
1answer
571 views

How to create a vertically asymmetrical grid in Photoshop

I'm working on a site. The width will be fixed, but the length will vary. What would be the best way to create a grid like the following in Photoshop?:
2
votes
1answer
743 views

Where can I find a good repository of semi-transparent tiles for web?

I have been looking frequently for a site, a service that provides a repository of semi-transparent tiling backgrounds. I've found some grain generators, but I would like some more things that I could ...
12
votes
1answer
3k views

How to make a color appear the same on different backgrounds?

Background on color perception: Due to the nature of the human eye and visual processing by the brain, there's an optical illusion that the same color will look different depending on the background. ...
3
votes
2answers
248 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 ...
46
votes
9answers
128k 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
658 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
325 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
70 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
785 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
628 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
175 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
179 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
109 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
609 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
382 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
412 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 ...
7
votes
3answers
915 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 ...
27
votes
5answers
71k 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
33k 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
532 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
319 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
408 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
515 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
171 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
589 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
3k 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
262 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
173 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
265 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
474 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
155 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
346 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
710 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
825 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?