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)

1
vote
3answers
145 views

How to create a blueprint for a website on paper?

I have been doing web design for a couple of years now. I am trying to design it on paper but am not the best at it. Could you please give me some advise on how to blueprint it? How can I create ...
-1
votes
4answers
234 views

Best way to document ideas when brainstorming website design

Alright I am thinking of designing this site for xyz need or customers. Now when i am thinking...ideas that pop up in my mind are about lot of things, which are not necessarily related to graphic ...
1
vote
1answer
140 views

Rounded corners adjacent to square corners

I've been sent a ui design which includes a header menu, wrapped in rounded corners, whereas the following content element is wrapped in square corners. Also every other primary content wrapper for ...
1
vote
1answer
103 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 ...
1
vote
4answers
241 views

Saving Images in png format in Photoshop makes it blurry when used in websites

When I save PNG images for the web in Photoshop, its getting blurred on edges. I want to use these PNGs in mobile websites: Any solution to this?
4
votes
4answers
161 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
117 views

Having trouble getting this Google Chrome Extension icon right

This is how my icon is looking now. I want to remove that "alpha" or something, that grey square. I want it full like Chrome suggested me to do this: Upload an icon image that represents ...
1
vote
1answer
130 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
155 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?
0
votes
2answers
120 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: ...
4
votes
3answers
253 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
1k 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
1k 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 ...
1
vote
2answers
154 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
63 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 ...
0
votes
1answer
87 views

How to visually differentiate between manual and automatic edit capabilities

I'm having some difficulty find an icon or solution to differentiate operation in the same table, but with different origin. In my table I have operation imported from a central system and others ...
6
votes
2answers
213 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 ...
0
votes
1answer
148 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
176 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
131 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
217 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
4k 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
26 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 ...
0
votes
1answer
410 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 ...
3
votes
2answers
382 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 ...
1
vote
4answers
350 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 ...
2
votes
3answers
390 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 ...
2
votes
1answer
884 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 ...
-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 ...
-3
votes
1answer
330 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...
-1
votes
2answers
77 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 ...
2
votes
1answer
114 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 ...
2
votes
6answers
207 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 ...
2
votes
1answer
111 views

Where do you get industry specific stock photos?

Any other designers have suggestions on how/where to find photography on luxury fashion designers? I'm looking for legitimate licensing. I know the main sites like Shutterstock, iStock, and Getty ...
2
votes
3answers
312 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 ...
0
votes
0answers
18 views

Converting 2D images into an Isometric Perspective [duplicate]

I'm looking for the technique used when converting a 2D PSD/AI Vector into an isometric perspective. Using Photoshops Skew & Distort properties lead to loss of quality or disproportionate angels ...
8
votes
3answers
7k views

Favicon Best Practices 2014

I'm busy on a Wordpress site and have come to the stage to add the finishing touch, being the favicon. I'm primarily a developer so graphics and icon's isn't my strongest point. What are the best ...
1
vote
4answers
148 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), ...
0
votes
3answers
112 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
388 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
4answers
300 views

What is the best icon to represent the shopping cart for an e-commerce store?

I'm looking for an icon that will clearly identify the "shopping cart" for an apparel store. A shopping bag? A Cart? Is there any other specific icon? If we go further, do you think it is better to ...
4
votes
4answers
137 views

How to separate a dropdown from the page background when it's the same color?

To get straight to the point, this is causing trouble: The menu on top (work news about media) is a dropdown menu. The problem is that it has a white background, and the page is also white, and the ...
0
votes
0answers
24 views

How much should I charge indie authors for Book Covers, Book Trailers and Web Design? [duplicate]

I've started designing book covers, producing book trailers and designing websites for indie authors. Here's a little bit about my background: I received formal training in computer arts, film, ...
1
vote
0answers
297 views

Suitable font for headline to go with Verdana as body copy (dark design)? [closed]

I'm currently redesigning a website that uses a dark design. Using a dark design I know there some additional readability concerns which need to be looked at, and I've tried to cover all the angles. ...
0
votes
0answers
123 views

Angled Mockups Pixelate Image

So I create designs in PS for an iPhone with dimensions of 640x1136. Really crisp. Export it as a PNG and then import it into an angled mockup of an iPhone. Then I upload it into the web and it ...
2
votes
2answers
42 views

When designing in the browser how would someone use kerning?

OghmaOsiris asked how would one decide on what is the proper kerning, "Kerning: My Xylophone is off key" and since I have started the transition of designing in the browser I was curious to know how ...
0
votes
0answers
25 views

How to start learning web design? [duplicate]

I am a web developer with about 7 years of experience now. I know Photoshop for slicing and I've played with all the tools at least a little. What I want is to start learning design, so I ca start ...
0
votes
1answer
94 views

How they do to create like these characters [duplicate]

I am asking if someone know any tutorial or tools that help me design characters like this in the following image (see the men in the header?): and thank you so much.
3
votes
2answers
241 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' ...
-1
votes
1answer
85 views

What are current/newer webpage layout patterns with different columns? [closed]

I once saw page, maybe here or somewhere else, where person asked for a list of best proven layouts that work, and each for different columns, different placements of navs, and etc. He got a long list ...