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)

8
votes
3answers
407 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 ...
7
votes
3answers
768 views

How can I take my graphic design to the next level?

I'm a full-time professional designer in the early middle of my career -- I have been working as a designer full-time for 15 years. I create lots of work that I am very proud of. However, when I look ...
7
votes
3answers
335 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 ...
5
votes
1answer
740 views

Any idea when blending modes might be implemented in browsers?

I think it would be great for div's/img's to get some of the functionality that "layers" have in photoshop. Right now, using .png's, div's/img's/etc.'s have their RGB and alpha values. If you have a ...
5
votes
3answers
3k views

Popular serif and sans-serif browser compatible font combinations?

I was curious as to which combinations of serif and sans-serif fonts are preferable to use that are compatible with most browsers. While I am aware that with the introduction of CSS3 importing ...
4
votes
1answer
1k views

Anticipating problems with a Google Webfont's rendering cross-platform

Web fonts can sometimes look great on one machine, but awful on another, due to differences in rendering not just between browsers, but also with the same browser between operating systems. Most ...
3
votes
4answers
242 views

Am I using too much gray on my webapp?

I'm creating a mobile app that will be used by maturer people, 40 to 60 yo, so I've been searching for sober colors and I came to gray, the problem is, How much gray is too much gray? What colors ...
3
votes
5answers
3k views

12pt in Photoshop looks totally different in Web

we are creating a website right now in Photoshop and we are using 12pt for the fonts. But when we see the fonts in web with 12pt they look much bigger. It seems that we have to use 12px in web so it ...
3
votes
2answers
973 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; ...
3
votes
2answers
10k views

Photoshop Resolution for Web Design?

I'm a programmer, not a designer, but I am trying to learn design as it would be very helpful. I am following a tutorial on PSD|TUTS+ and it doesn't specify the resolution I should be working with. My ...
2
votes
2answers
181 views

Whose persona should I consider while designing my portfolio?

Recently I came to know about Personas and how to implement them. I read few design processes and came to know how to execute it. Through my learning I found two kind of personas i.e. 1. Persona of ...
2
votes
4answers
4k views

Pricing for Website Design (Graphics Only)

I was wondering if someone could advise me on pricing for a website design. I'm redesigning a blog/travel site for an individual. The site is about 8 pages plus some modules, etc. I'm also ...
1
vote
3answers
126 views

Content as the whole page or just the content area?

This is an opinion question that I go back and forth on every time I start a new project. In most cases, I am designing a website that has some sort of "article" element, whether it be a blog post, ...
26
votes
5answers
2k views

What is meant by “busy”?

What do web developers mean when they think something will make their site look "busy"? What gives this feel of busy-ness?
8
votes
4answers
681 views

reasoning behind black and white color scheme of perfume sites

In preparation for an upcoming project, I've been looking over a lot of different sites for high end perfumes and/or high fashion. Noticed that most of them (at least the perfume ones) have almost ...
8
votes
3answers
515 views

Sources of inspiration for the graphical design of a business intelligence web application

I'm looking for sources of inspiration for the graphical design of a web application. The application is used to display historical information on industrial processes. In the back end there is a ...
6
votes
9answers
3k 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. ...
5
votes
3answers
1k views

Advice for creating a fluid and responsive graphic

So I'm creating an entirely responsive website, with the aim of using as few media queries and magic numbers as possible. I've found after a number of attempts, that using the content to create the ...
4
votes
1answer
474 views

Creating a pattern from an image

I need the following image turned into a pattern that would repeat in the y-axis only. How can I make it repeat smoothly (so it actually looks like it's a pattern)? Thanks!
3
votes
6answers
16k views

Web design what to use Photoshop or Illustrator?

What should i use to design photoshop or illustrator ? There's a correct software or its more a personal choise ?
3
votes
5answers
1k views

How to create an animated demo of my webdesign? [closed]

How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing a set of still images? I used to make this task using ...
3
votes
3answers
6k views

MacBook retina Photoshop save for web

I am, like so many other graphic designers, very excited about the new MacBook 15" with retina display. But there is one thing that I really am concerned about. With 4 times the pixels as on ordinary ...
3
votes
3answers
871 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 ...
3
votes
7answers
364 views

Free pixel icon sets on the web?

where I can find very small and clear icons that I can use in a personal (non-commercial) project?
2
votes
1answer
319 views

How to select a font color to go on a very busy background?

I'm a developer and don't have much design experience. I'm creating a landing page for a project I'm working on. I want to use the below image as the background for my landing page. As you can see ...
2
votes
6answers
1k views

Working with color palettes

I have read some articles about web design, all of them recommend to choose a color palette first. I know colors are most important thing for professional web look. COLOURlovers, a web for color ...
2
votes
2answers
7k views

Remove bottom corners when using 'Round Rectangle Tool'?

I use a 'Round Rectangle Tool' to create navigation bar (for website).. How to remove two rounded corners at the bottom? Once it has been removed then I can apply some style from blending options. ...
1
vote
3answers
156 views

What's the name for images like these?

I'm trying to figure out the name for, or a collection of, the kinds of images that "fade-into" a solid color. For example, twitter has this image: This allows them to add a background image that ...
1
vote
2answers
386 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 ...
6
votes
3answers
374 views

'This page is under construction' message or no page at all?

From a Design point-of-view, if a page is not ready yet, but the rest of the site is; would it be better to: Have a 'this page is under construction' message, or Not have the page at all, until it ...
6
votes
3answers
2k views

How to give a site a mockup look?

Edit to clarify Thank you for the existing answers. I am afraid that you misunderstood my question. I don't want to create mockups (I have some, but they are not suited for my current purpose). I want ...
4
votes
2answers
90 views

How to add hidden notes to developers within designs mockups?

At a high level, I will be managing a web design team that will be working with onsite developers on a large ASP.NET project developing website, mobile website, and mobile app versions (Android and ...
4
votes
1answer
2k views

What makes a good header/background video?

Many sites I come across use video to show off their work, what they stand for, or more about the culture of the company. These videos are sometimes behind other elements taking up much of the page ...
4
votes
4answers
444 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 ...
3
votes
4answers
725 views

Critique: Scrollable flyout nav menu

I'm working on a new nav menu for my company's web app. I took loose inspiration from Google's material design tabs where, upon page overflow, arrows appear and the tab section is horizontally ...
3
votes
1answer
268 views

Is it possible to make Photoshop pixel perfect?

As a web designer I hate one particular thing about Photoshop: Is it possible to force PS CS6 to turn decimal pixels EVERYWHERE off? I've been lurking around GD for a while now and nothing seems ...
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 ...
2
votes
3answers
876 views

Graphic element to show on a form while user awaits response

I have the following registration form: Since response from server may not come for about 3 seconds, I need to let user know that the request is being processed. What visual element could I use ...
2
votes
1answer
1k views

Photo distorts terribly on Facebook [duplicate]

I've designed a logo which looks high res in photoshop. But really distorts in Facebook. I understand that Facebook converts the image, but compared to similar logos, it looks bad. Any ways around ...
2
votes
1answer
143 views

Whats a good way to find a good designer? [closed]

I'm running a company that needs design work from time to time. Things like business cards, web design, marketing materials, etc. We probably have about 20 hours a month of design work on average. ...
2
votes
1answer
347 views

Rules for adding colors to a black and white palette in web

I am working on a fashion website for my own portfolio, that allows users to have their own account where they save fashion related items. A sort of Pinterest for fashion items. Now, I know that the ...
2
votes
3answers
310 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 ...
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
2answers
785 views

How to make these color effects?

I am trying to design a logo that makes the color blend as on the image beneath. How do I do that? Any design guides or tips you can give me? ...
1
vote
3answers
343 views

How can I make my logo look crisp on the web?

I'm launching a company and my logo looks really pixelated and low-quality compared to some others. For example, http://talentegg.ca/ has a really crisp logo, how can I get mine like this? Mine, ...
1
vote
3answers
420 views

Making text stand out in front of images

I'm trying to make my text stand out in front of my image. I've seen sooo many websites that do this well: e.g. http://brewsters.ca/ However I clearly am not: http://immehabayas.com/ I wanted to ...
1
vote
4answers
451 views

Why use Photoshop for Web Design

Aside from its bitmap effects, can someone tell me why I should use Photoshop for creating website layouts instead of Illustrator? To the best of my knowledge Photoshop was never intended to be used ...
1
vote
1answer
268 views

Are any hue angles are too close together for a tetradic color scheme?

I'm a UX designer specializing in interaction design and information architecture, but I'm looking to deepen my knowledge in visual design and color theory. I'm currently working on a new portfolio ...
1
vote
2answers
282 views

Blending a drop shadow seamlessly

I need to apply shadow to an overarching border, however so far I've created the shadow with CSS, and since the overarching border is formed by two boxes, the shadow overlaps. My solution to this is ...
1
vote
3answers
1k 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 ...