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
5answers
2k 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 ...
8
votes
12answers
9k 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
2answers
805 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 ...
7
votes
2answers
11k 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 - ...
7
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 ...
15
votes
3answers
24k views

Text not very readable on different image backgrounds

I've come here seeking for a bit of design help or advice on how I could possibly improve the following: Like the title says, I'm having a website banner with multiple text displayed on different ...
6
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 ...
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
2answers
673 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
68k 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
578 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 ...
8
votes
2answers
44k 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 ...
5
votes
6answers
19k 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
296 views

Internship or Spec Work?

This is not strictly a design question, but it's the only area I could find similar topics. I've just completed a Bachelor's in Web Design & Development and have been casting a wide net for ...
4
votes
2answers
522 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
322 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
140 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
578 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
305 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
3answers
374 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
111 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
236 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 ...
56
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 ...
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, ...
25
votes
12answers
81k 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?
7
votes
3answers
21k 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)?
7
votes
4answers
6k 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 ...
5
votes
5answers
6k 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 ...
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 ...
11
votes
5answers
2k 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
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 ...
7
votes
2answers
7k 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 ...
6
votes
3answers
371 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 ...
2
votes
2answers
3k 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 ...
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 ...
8
votes
5answers
7k 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
7answers
11k 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 ...
8
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? ...
5
votes
4answers
11k views

When I export an image from Illustrator, why is it a slightly different color in the exported image?

I have a web design layout in AI that I'm trying to slice up into HTML/CSS. I'm having trouble keeping the colors the same in the exported files as they are in Illustrator. When I open it up in ...
4
votes
9answers
1k views

What is the best program for image optimizing for the web?

What programs besides Photoshop are good for saving and optimizing images for web?
4
votes
2answers
675 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
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 ...
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
2k 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
3answers
770 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 ...