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)

9
votes
3answers
3k 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 ...
1
vote
1answer
104 views

Does this “ribbon” design fit with SE Community?

I love SE Community, and I love badges, it has something similar with Xbox achievements. I used to play a game called Gears of War 3, it has a cool system called Ribbons. Basically you played this ...
2
votes
3answers
413 views

Colors appear differently on webpage when saving in sRGB

I've made a webpage with an image next to text, set as the same color I thought I had used for the image. However when I looked at the webpage on Safari (on Mac) I noticed that the actual color of the ...
4
votes
4answers
227 views

Name of web layout made up of full-width sections

Is there a name for the type of web site layout in which the body of the page is divided into horizontal sections; each section is 100% wide but has content of fixed width (that is typically ...
0
votes
2answers
148 views

Creating a website background inspired by spatula stuhhi

I'm working on a website for a friend of mine. It's a very minimalistic webdesign and right now I'm using a dark grey-ish background. However if found pictures like this: ...
1
vote
1answer
176 views

Is there a standard color for a 'Share by email' icon for web?

This is a question which has always been floating around my brain when putting the final touches on a website. (And I couldn't find much about it on the web) When using social icons in the context of ...
1
vote
3answers
206 views

What role does logo color play in web design?

Do I need to use the logo colors at all? If yes how do I create a palette using it? How do I decide which colors to use how much and where?
29
votes
12answers
1k views

What web graphics formats to use?

Web sites can contain JPEG, GIF,PNG, SVG format graphics. Which ones should be used, and when?
10
votes
4answers
2k views

Styling clean flat-design buttons so they show affordance, and look 'well designed'

I started a tiny CSS framework recently. (http://minfwk.com if anyone's interested) I quickly banged out an initial design for some buttons. After asking for feedback on UX StackExchange (and ...
4
votes
3answers
262 views

What factors do these colors share?

Colors below seem to share some kind of "tone" together. For example, colors like this or this seem too bright to fit into this group. What exactly makes this "tone"? I want some technical ...
5
votes
1answer
2k views

How can I create TRON-like glowing effects in Illustrator?

I am trying to use Illustrator (CS3) to recreate the Tron neon-glow visual style in graphics I plan to use on a website. This page is an excellent example of what I'm trying to do: ...
6
votes
3answers
2k views

A good monospace, condensed and open-source typeface?

I'm looking for an optimal typeface for report tables that will contain many columns (the reason for condensed). The reason for monospace is that these reports will contain a lot of numbers and we ...
2
votes
4answers
179 views

Are there any sites out there that have reviews of well designed sites?

I'm just getting started learning design, so I'd love to find a good website that has critiques of "modern" sites. In every book I've seen, screenshots are all taken from very basic sites. I'm ...
4
votes
3answers
3k views

Searching for a font that's similar to Lato

I need to find a font just like Lato font that includes a Latin Extended version. I like Lato font but it doesn't include the Latin Extended so I can't type "ş, ğ" etc. characters. Which font are ...
1
vote
2answers
170 views

How should I design a monochromatic flag

I am in the process of making a web page and I have a "thanks to" section which shows the logotypes of different organizations. The customer wants these logos to be monochromatic; as in white ...
0
votes
0answers
71 views

Photoshop anti-aliasing methods for print and web

In Photoshop you're provided with: None Sharp Crisp Strong Smooth My assumption is that there's utility beyond just "how it looks." Which anti-aliasing method that most accurately depicts ...
6
votes
2answers
374 views

Qualities of a full-page website background image

We are trying to create a web page with a full-size background. The following pages are our inspiration: http://www.august.com.au/ http://www.levehytter.no/ http://danielfiller.com/ We have ...
2
votes
6answers
211 views

Do websites need three colors?

I've read a bunch of blog posts and stuff on web design, but don't have any formal education or experience/training. In experimenting with my first website, I've found that having 3 colors works ...
1
vote
1answer
24k views

What is the default dimension for a user's Twitter's Background image?

What are the default dimensions for a Twitter User's Background image? If I want to upload my own image for my Twitter account's Background image, what should its default dimensions be, as per ...
2
votes
1answer
220 views

Export a single object in Illustrator without the other objects to SVG code

So I am pretty much desperate by now. I am a web developer and -designer, but I don't use Illustrator. I just don't need it at all. The file that I got from the graphic designer contains two ...
0
votes
1answer
365 views

Best Way to (truly) Reduce Gradient Banding in Photoshop across ALL Monitors [duplicate]

This problem keeps coming up again and again. I have tried to use the Dither checkbox in a Layer Effect in Photoshop CS6+ but that doesnt always work so well. And applying a grain effect or noise ...
1
vote
4answers
237 views

What is the thought process that goes behind conceptualizing a design?

In my case, I am planning to design how a website looks; I am a bit of a newbie. I'd love to learn :) Are there any books that I can refer to?
1
vote
1answer
145 views

Critique: How to refine the appearance of flashcards in my web app

I am creating a web app and I have got several questions about its appearance, first here's a "screenshot" (just a test with Pixelmator): The element in the center is a flashcard, the arrows on the ...
4
votes
1answer
235 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 ...
1
vote
1answer
5k views

Free animated gifs for web: loading and progress bars/spinners

Where is the best place to find free animated gifs? I have tried googling 'free animated gifs' but the sites that come up offer just useless gifs such as balloons or something in that direction. I'm ...
0
votes
1answer
31 views

Having problems with photos appearance

I am having some trouble designing the following web page. I somehow do not like the way the big photos are presented in the project. Can anyone suggest an idea how to improve the general look of this ...
3
votes
2answers
408 views

CSS: Fade input image on focus is too dark

How can I simply make the background fade a bit while typing WITHOUT affecting the text opacity?. Without fading if you type over the top of the image it is hard to read. The reason I have not faded ...
5
votes
2answers
3k views

Why do logos appear on the left on the overwhelming majority of websites?

The title really says it all. I mean, is there a particular reasons for which logos have to appear at the upper-left corner and not, say, in the upper-centre? Example: all Stack Exchange sites, ...
0
votes
1answer
539 views

Website Screenshot in Photoshop Perspective [duplicate]

I'm web-developer and i decided to create my portfolio. So I need to create all my websites as images in perspective like on the following example. I have knowledge of Photoshop, but I cant create ...
1
vote
4answers
579 views

How to design a simple (text and a shape logo) for a website

All I need for my website is just a text and a shape beside the text or over it, I googled a lot but there were no simple answers, using illustrator is just an overkill. For example, company named ...
15
votes
4answers
568 views

How to hire a graphic designer?

I am developing the backend for a website. I always had the trouble of making an attractive design for my websites and have never hired any graphic designer yet. I have no logo nor web template. What ...
2
votes
3answers
550 views

What is the difference between an icon and a button?

Since we are getting more UI questions here on icons and I didnt see this question here I thought it would be on topic to ask what the difference between an icon and a button are other than an icon ...
-4
votes
3answers
2k views

What are few good fonts for Flat UI?

The next project that we are coding in, we are making the UI flat, can anyone suggest some good fonts that would look good with it and which are freely available. I like the "Lato" font family. Maybe ...
0
votes
2answers
142 views

How to set up artwork page when measurement given in pixels?

I normally design (mostly theatre posters etc) for print so the size of artwork in cms or mm always. However, when folks ask me design graphics for web they stipulate the pixel size i.e 200 pixels ...
2
votes
1answer
2k views

Add a hyperlink within Illustrator

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 ...
-3
votes
1answer
597 views

Drag and drop based website design/development IDE? [duplicate]

I want a easy-to-use, drag and drop based website design/development IDE for frameworks like bootstrap, foundation, etc...
2
votes
3answers
316 views

Fireworks slices for Dreamweaver

I am designing a website and am planning on slicing up my template in Fireworks and then exporting it to Dreamweaver. When this is done it does of course go into a table. I have a title and nav bar ...
2
votes
4answers
258 views

How can I design a domain-specific “actions” icon?

We are writing an application for road construction management. Think of the guys that plan the lane expansion or road resurfacing that ruins your day. :) All throughout the application, we have the ...
3
votes
2answers
277 views

Is there a recommended neutral color palette for web design?

I am trying to improve my design side on web design. I have design a mobile app using a platform called ApplicationCraft which gives me mobile 5 mobile themes (colours) and have created a 'nice' ...
2
votes
3answers
374 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 ...
1
vote
4answers
165 views

Resources on web design aesthetic

I am looking for online resources (no books please) that provide general rules and guidelines for web graphic design. I am pretty good at scripting (as far as HTML, JavaScript, and PHP are concerned), ...
-1
votes
2answers
79 views

What kind of icon should I use for requests?

I work on a platform where users post requests and other users are connected with them, so they come and solve the first users' problems. Pretty much like a freelancing website. I need an appropriate ...
0
votes
2answers
319 views

What is the layout style for sites like GrooveShark called?

I don't need to know the artistic style but instead the style name for single page application like webpages. They have dynamic height and width with no scrolling.
2
votes
2answers
139 views

Digital design - screen grab large dimensions?

I'm working on some site banners that need updating and I'm having a few issues with dimensions. My internet screen is set to 'view actual size', so it's not zoomed in and my images/slices are ...
1
vote
2answers
388 views

Image Fuzzy in Browser, Sharp in Photoshop (with NO resizing), why?

I have a PNG file that looks fuzzy when I view it in any browser. However, opening the very same file in Photoshop, making no changes, it looks perfectly sharp. Why does this PNG look different when ...
5
votes
5answers
406 views

How you can rework logo to fit favicon of browser - 16x16px?

Let's say, I have a logo of website, with size 120x50px. Favicon should be 16x16px to be supported by major browsers. How it is possible to rework some image, making it smaller nearly in 10 times, ...
0
votes
3answers
114 views

What is the technical term (if one exists) for this kind of website design?

I'm looking to define a website layout that's fairly common on a lot of websites but can never get the right word. The design is composed of generally a header banner (like ...
8
votes
4answers
435 views

What are good general typeface principles based on target audience age?

Everyone knows that as people get older their vision deteriorates. At 20 years old, few have trouble seeing and reading 8 or 9pt type in print or 10-11px type on the web. However, the older an ...
1
vote
2answers
166 views

Stock Photo resource collections for Salons?

I apologize in advance if this may be off topic (I'm new here so I am not quite sure) But I have sifted through many Stock Photography resources and I have found very little to none, reasonably ...
7
votes
4answers
10k views

What should I do regarding color profile when designing for the web?

I have read this article by Doug Avery where he explains how to disable Color Management in Adobe Photoshop and the follow-up article in response to the uproar of the commenters arguing against it and ...