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)

24
votes
12answers
2k views

Do web designers need to know how to code?

As a web developer, both front-end and back end architect, I work with many different designers and sometimes find it frustrating working with design comps where no thought was put into how to ...
14
votes
7answers
4k views

Alternative to Lorem Ipsum (dummy text) for websites

Lorem Ipsum has been the known default for dummy text. Per a search the last discussion in regards to alternatives is two years old. I thought I would post a new thread on this topic. So, what are ...
10
votes
4answers
484 views

Do high-content areas of a website need to be white/light-colored?

Many websites that are designed to be easy to read (eg. nytimes.com or ilovetypography.com) use white backgrounds with black fonts to make the content easy to read. Is it necessary to only use light ...
9
votes
2answers
682 views

What are some common mistakes that a designer can make when designing for web, and how can they be avoided?

What are some common mistakes to avoid while designing? I know color, text and images play a major part in designing, but there are so many other things that we need to take care of! I don't know ...
6
votes
3answers
308 views

How should I add a realistic shadow to this?

I'm working on a mockup of a jQuery slider which can be found here. Now, I'm not the best graphic designer by any stretch of the imagination, and I can't seem to be able to get a realistic looking ...
3
votes
5answers
749 views

How do I create a button with two shadows in the bottom?

I am not much of a designer. I want to know how I can create Wix like buttons in Photoshop. They offer many kinds of buttons, but I want the one with a shadow on both sides of its bottom. Any help ...
3
votes
2answers
2k views

Given a color scheme, how do I apply to website design?

Just so there is something concrete to discuss, say I have this color scheme: http://www.lavishbootstrap.com/?image_url=http://design-seeds.com/palettes/12/SpringTones505.jpg There are many articles ...
10
votes
4answers
927 views

With the invention of CSS3, should a web designer use Photoshop?

I see that many designers create beautiful web design works in Photoshop, but now with the arrival of CSS3, when they want to change that to HTML & CSS, they simply start from scratch and create ...
8
votes
9answers
12k views

Good color palette, usable for the color blind.

I'm designing a chart right now, that will slowly have more items added to it. I'd like to create an list/order of colors for the items, that will be most usable for the color blind to differentiate ...
7
votes
4answers
2k views

Using stock images for mock-ups

When making a design (as a freelancer), how do I handle stock images? Do you buy the stock image(s)? Or do you find an image via Google or whatever and later replace it with a similar stock image? ...
6
votes
2answers
4k views

What is the fastest way to copy a colour in Photoshop as HEX?

A lot of designers use Photoshop as a design and mockup tool. And in doing so, one of the last steps can be to get a lot of the colour information out so things like gradients and dynamic text can be ...
5
votes
2answers
6k views

Colors to use with black background?

Is using yellow text on a black bg bad as Mike pointed out here? If yes what colors should I use (RGB or hex values)?
4
votes
2answers
475 views

How to maintain color consistency across a website

I am a web developer struggling with design issues. I have a blunt eye for colors and my design skills suck (I try to improve though). I'm having issues with the feel of particular pages, I wonder if ...
4
votes
7answers
6k views

Testing if a BG will Repeat Tile Properly in Photoshop?

I am frequently working to create background textures in Photoshop to be used on the web. Unfortunately I usually have to guess, or just use freebies from other websites. I would like to build my ...
4
votes
2answers
1k views

Composition web design rules

Are there any rules that are specific to web design, or that are otherwise elevated in importance in the context of web design? Edit: I'm thinking that there are probably some aspects of composition ...
3
votes
5answers
1k views

How to find a texture for a background image for website?

I am looking for a texture pattern for an image that is similar to the one Path.com uses: https://www.path.com/images/about/bg.gif I want a similar image pattern so i can use it as a background ...
10
votes
5answers
491 views

What is the best way to indicate that you can scroll in an area when the area doesn't have a scrollbar?

The only thing I could think of was saying: "Scroll to see full menu" above. What are some other ways people are doing it?
10
votes
3answers
621 views

How do I work with a logo that has what seems like too many colors?

The company I'm designing a site for has an logo that I must work with. All of my ideas for standard color palettes and layouts are challenged by this logo.. Most [good looking] logos I've worked with ...
10
votes
9answers
2k views

Is it ethical to copy the work of other designers?

I am neither a graphic designer nor do I consider myself one. I have little grasp of colour theory, and basic knowledge of design principles. I do possess a sense of what looks good, though, and I am ...
8
votes
3answers
337 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 ...
8
votes
4answers
434 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 ...
7
votes
3answers
287 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 ...
7
votes
6answers
4k views

Are dotted pictures a new trend in Web Design?

I've noticed lately that some of the websites I visit regularly are adopting a new and bizarre trend in Web Design: "the dotted pictures". Not sure what to call it. It looks as if a pattern of ...
6
votes
3answers
448 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 ...
6
votes
2answers
4k views

What are the branches of Graphic Design

Does anyone know what is the full-branch of Graphic Design and the title for the person doing it. Graphic Design |- Web Design - Web Designer |- Illustration - Illustrator |- Photo Manipulation - ...
5
votes
1answer
658 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
2k 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
3answers
385 views

How to create an animated demo of my webdesign?

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 ...
4
votes
4answers
458 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
862 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 ...
1
vote
3answers
101 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, ...
24
votes
5answers
1k 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
6k views

Different Logo Colors for Different Uses, Appropriate?

I am finalizing the last step of my logo redesign process. Is it ok not to have a regular color when presenting my logo? I am thinking about having a defined list of colors for different use cases ...
7
votes
4answers
521 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 ...
6
votes
9answers
2k 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
17k views

How do I get my vector logos to look super sharp on the web?

I do a lot of work with Illustrator, but I've never been super happy with how my work looks on our website. I've tried various techniques - saving from Illustrator, and opening in Photoshop and saving ...
4
votes
1answer
227 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
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
808 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
336 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
2answers
8k 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 ...
1
vote
3answers
141 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
4answers
2k 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
2answers
5k 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. ...
6
votes
3answers
1k 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
221 views

How to choose a color palette for a website

We're completely color illiterate on our team. Our internal site has a lot of black and white, but I've heard that too much contrast is bad. And people don't respond well to the look of our site. ...
4
votes
4answers
309 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
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 ...
2
votes
3answers
467 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
351 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 ...