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)

5
votes
6answers
14k views

how to add one smart object in multiple files in photoshop?

I know I can do multiple iterations of the same Smart Object within the SAME document and have it change all instances, but what about Smart Objects placed across DIFFERENT documents? That would be ...
10
votes
4answers
692 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 ...
8
votes
8answers
11k views

Is there a visual web editor based on bootstrap?

Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the ...
12
votes
10answers
3k views

How can I work with a client that doesn't know what they want?

I am helping a client/friend with a website design. He is a conceptual thinker. Yet his ideas are always inspirational but not practical. He is always wanting a different direction after I show him ...
5
votes
5answers
3k views

How to optimize images to improve pagespeeds / webpage loading times?

This is almost a StackOverflow question, however it's completely related to Photoshop and other tools. With every Pagespeed test I do for all my website I get the comment "Optimize images by lossless ...
9
votes
2answers
1k views

How to avoid the tragic fate in the Oatmeal cartoon “How a web design goes straight to hell”?

This is a famous web comic about a common experience in web design: http://theoatmeal.com/comics/design_hell It's based on the author's personal experiences and describes a typical / caricature ...
8
votes
12answers
10k views

How to present web design mockups to a client?

I'm working on a website redesign project. I will need to present a few different mockups to the client for review. I want to make sure the client can see everything in context. I don't want to assume ...
8
votes
5answers
9k views

The most advanced JPEG image compression on mac?

Sometimes i work with JPEG files for my web designs. There are occasions where the PNG format is not suitable.. There are several optimization techniques for the PNG format, but I noticed that for ...
7
votes
2answers
12k 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 - ...
3
votes
5answers
2k views

How to find a texture for a background image for website? [closed]

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 ...
7
votes
2answers
2k views

What are some good resources for web page composition?

I'm looking for resources on the composition of web pages. I'd like to learn about pros and cons of different page layouts and techniques for moving the eye around a page.
8
votes
4answers
10k 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 ...
5
votes
6answers
21k views

What programs can I use to create an animation for web?

I have never created animations, but I want to make one for my website's home page. Basically what I have is an image where each chakra of human body is shown with its name. I want to show how the ...
4
votes
1answer
8k views

Making parts of Illustrator logo transparent - rather than faking it with the background color

So a designer has given me some logos (for the web) which are white on a blue background. She has, however, added blue paths to the shape to make it match the background. I would prefer to change ...
3
votes
2answers
2k views

What is your ideal workflow for web development?

More than occasionally if I am tasked with creating a website from scratch, it seems doable right up until I begin working on it. Then it feels like a mountain of work that is bigger than I can ...
2
votes
4answers
472 views

Preserve blend mode effect when underneath layers are disabled? (Photoshop)

So I'm working with this image: And I'm hoping to achieve an effect with it similar to what was done on this website http://www.digitalhands.net/, where independent image layers respond to mouse ...
2
votes
2answers
700 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, ...
9
votes
5answers
71k views

Text in my Photoshop image looks “blurry”

I am creating a website header in Photoshop CS5, however when I look at it, the text looks very blurry and I have no idea why. I use the Web preset. What do you recommend for the sharpest and best ...
8
votes
2answers
595 views

Why does browser add bluish and brownish colors to a solid font color?

I'm wondering why my browser (Firefox) add blue tints on the right and brown tints on the left of a solid grey (#333333) font color as shown in the image below. Could somebody explain to me why ...
7
votes
3answers
50k 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 ...
4
votes
2answers
535 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) ...
4
votes
2answers
335 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. ...
3
votes
1answer
158 views

How to preview image in monitor

I found this nice looking image: I have a simple php web site that I also would like to preview in monitor. Is there any tool or wen site that can auto generate this image?
2
votes
2answers
608 views

How can I manually create a pixel perfect image sprite?

I want to use one of the Adobe Creative Suite 5 programs to create an image sprite of all the small icons and images on my webpages. I've done it a number of times before in Photoshop but can't ...
0
votes
6answers
350 views

What caused the rise of flat design?

What factors led to flat design catching on in web and app design? I know that Microsoft and Apple led the way in abandoning skeuomorphism in favour of more austere designs, but what motivated this ...
0
votes
6answers
1k views

Should I design PSDs for Desktop, Tablet and Mobile separately in responsive design?

I'm trying to design a responsive web site in Photoshop. But the question is should I design different PSDs for all these devices? (Desktop, Tablet, Mobile) If yes, what page size should I choose in ...
0
votes
3answers
395 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 ...
-1
votes
2answers
114 views

Color scheme not working?

I am trying to redesign my site however I am a developer and have no real UX experience beyond a VT 1300 course. I have chosen a color from my logo and created a complementary color scheme using ...
-2
votes
3answers
240 views

Where can I find Web Designers interested in improving their portfolio? [duplicate]

Possible Duplicate: How to hire a graphic designer? I am a recent software engineer graduate and am interested in building a web service app for portfolio reasons. I would require a graphic ...
58
votes
6answers
9k views

Are “web-safe” colors still important?

Years ago, it was always strongly recommended that web designers should only use web-safe colors. Have studies been done to see if this is still the case? If so, what's the answer? Does anyone know ...
31
votes
10answers
7k views

How can a designer explain their work to non-creative people?

One issue I face personally is how can I, as a designer, effectively explain my work to potential clients or people that do not have a creative side. I know how to explain what software or process was ...
21
votes
1answer
2k views

How do I choose a good cover photo for my website?

It's been trendy to have large background images with relatively little text over them for headers and intros to web pages including the start of blog posts. I could give countless examples of this, ...
26
votes
12answers
87k views

Is there a standard width for designing web page mockups?

Is there a standard size for the width of a website in a mockup? What is that size? Why?
8
votes
4answers
7k 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 ...
7
votes
3answers
24k 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)?
5
votes
5answers
8k views

Best practices for full width browser images?

What are the best practices people follow in respect to images on larger viewports? What size browser should we design for? Meaning how do we deal with high resolution monitors and what % of users ...
3
votes
5answers
1k 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 ...
17
votes
5answers
2k views

To which extent is the designer responsible of a responsive design?

Consider the following (idealized) chart. Now, I have worked with colleagues from every side of this spectrum and have learnt that, unfortunately, it tends to be more like this. Most "web ...
15
votes
2answers
1k views

Clients always think they are a better designer than I am.

When I am designing a new website or application I am very meticulous to get every detail right so it is beautiful while still user friendly. Almost always however, the client has better ideas. They ...
12
votes
10answers
4k views

Which should be designed first: logo or website?

I am about to ask someone to create a website design for me but I am not sure if the website should drive the logo design or the logo drive the website design. Should I have a logo design first or ...
12
votes
5answers
3k views

What are the best practices for dealing with desired line breaks in responsive web design?

I design a great deal of simple single page web items for sales or email. I often find I run into issues with headlines and my desired line breaks at different media widths. For example, I could ...
8
votes
2answers
8k 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 ...
8
votes
4answers
9k views

Photoshop Color Settings for web design

What color profile settings should be used in Photoshop for web design? Does monitor calibration effect save for web images? I keep my monitor calibrated with a colorimeter and want to make sure my ...
6
votes
3answers
384 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
4answers
6k views

What's the width to mockup websites for desktop and mobile now?

Recently, I was practicing web design beyond code things. But after I opened Sketch and just started to make a rectangle of my site, I got stuck. What width should I use? I'd search for the ...
14
votes
3answers
2k views

How can I showcase a working example of my past web development work, without linking to the constantly changing live site?

Whenever I design a website, I think it's useful to not only show screen captures but also coding abilities. Unfortunately, most of the time, clients end up editing websites themselves and if ...
12
votes
4answers
1k 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 ...
10
votes
3answers
1k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
8
votes
5answers
8k 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 ...
8
votes
4answers
35k views

What browser width should I use to design a website?

I am working on graphics part of the website and been asked to design a website in Photoshop. I wonder what are an average dimensions and browser widths for a website so i can create my mockup with ...