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)

4
votes
7answers
4k 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 our ...
4
votes
4answers
1k views

What are some good “mocking-up” practices in web design?

A friend of mine and I have been trying to start up a web design company, so we're looking to find the most efficient overall web-design process straight off the block. However after reading a few ...
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
2answers
11k 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 ...
3
votes
4answers
274 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
5k 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
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
2answers
1k 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; =&...
2
votes
4answers
5k 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
128 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, ...
27
votes
5answers
3k 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
3answers
533 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 ...
8
votes
4answers
711 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 ...
7
votes
1answer
99 views

Web colors: how to compensate for differences in monitors

This question has to do with color in the context of web pages. Computer monitors and mobile screens can vary a lot in their color rendering, meaning that a given color on one monitor can look much ...
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
9k views

Add a hyperlink within Illustrator [duplicate]

Is it possible to add a hyperlink to an object or a layer within Illustrator CS6 for a later SVG export? I know about the possibility to manually edit the exported file and wrap elements with an <...
4
votes
1answer
551 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
7answers
369 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?
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
882 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 http://...
2
votes
1answer
494 views

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

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 ...
1
vote
2answers
633 views

DPI/PPI resolution for product zoom images

I'm working on an ecommerce site and I am trying to figure out at which resolution to save product images. We usually go for 72DPI but I believe now we should be using PPI, but also that to account ...
1
vote
2answers
422 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 ...
1
vote
3answers
165 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 ...
7
votes
3answers
54k 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 ...
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 ...
6
votes
3answers
446 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 ...
5
votes
1answer
3k views

Arabic website - design for right to left languages

I am working on a website in multiple languages, one of them is Arabic. Which makes things more fun .. As you know, in arabic and other similar languages the text goes the other way, from right to ...
4
votes
2answers
114 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
3k 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
467 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
2answers
550 views

Steps between Wireframe / UI design for web development

Based on my sketch/wireframe prepared for a UI designer (links below): Link: http://postimg.org/image/npt5zlvu7/ 1) Would I be able to approach a UI designer with the wireframe/sketch above? 2) ...
3
votes
1answer
353 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
4answers
784 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
3answers
158 views

Need help understanding the difference between RGB and CMYK [duplicate]

I am a web developer that fancies myself on being graphically savvy, but I am far from a graphical designer — everything I need is able to be done in raw HTML and CSS. The marketing director at our ...
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 ...
3
votes
1answer
503 views

What do the font style names used by Typekit mean?

Typekit offers fonts in a variety of types / suffixes: Std Display Extended Condensed Pro Caption Subhead Wide Black And often these are combined. For example, https://typekit.com/fonts/kepler-std ...
2
votes
3answers
332 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
3answers
973 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
2k 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
3answers
532 views

How can I test the responsiveness of my non-hosted website on my phone?

I wonder if there is a similar tool to Skala Preview (it is for live preview of photoshop work on your iPhone via Wifi) to test my web design (index.html and its assets folder) onto mobile phones (...
2
votes
1answer
368 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
2answers
878 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? http://www.colourlovers.com/business/trends/branding/...
1
vote
3answers
1k views

Font suggestions for a church site [closed]

Do you guys have any font suggestions for a ministry website (for headlines, logo etc.) ? So far I found this one:
1
vote
2answers
204 views

What pixel width should a designer use for the PSD, given the pixel width of the website?

What pixel width should a designer use for the PSD, given the pixel width of the website? (for example, I need a design for a website thats 1920px wide. What resolution should the designer use in ...
1
vote
3answers
857 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
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 ...
1
vote
4answers
593 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 ...