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
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
30 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
493 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
403 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
495 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
503 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
1k 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
507 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
172 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
210 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
2answers
140 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
354 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 ...
9
votes
3answers
10k 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
158 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
113 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
408 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
333 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
5answers
153 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
344 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
139 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
48 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
26 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
101 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
264 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
89 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 ...
1
vote
4answers
835 views

How can I create SVG clipping masks?

I want to take a circle that has a blue border and a picture inside, and clip the picture so it fits inside the circle nicely. I'd prefer to use very small files, perhaps cut down in sprites. Once I ...
1
vote
1answer
331 views

Is it possible to use media queries for responsive emails?

Today and yesterday I had nightmares... One thing is that I personally have a Windows phone. That didn't help surely. But I was reading up on iPhone settings and Android settings and there was no ...
-1
votes
1answer
120 views

Where can I get logo inspiration? [closed]

I am wondering if there is any free online place that I can use to get some design ideas. I want to get those ideas and then use a service like Fiverr to get a for example logo designed for me. For ...
1
vote
1answer
101 views

How do you take into account display brightness for end-users?

This website uses a tiled grey background that looks good on brighter screens, but too dark for 'standard' Internet brightness/contrast. The less bright one is obviously more muted and the colours ...
2
votes
1answer
219 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 ...
0
votes
2answers
138 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 ...
1
vote
1answer
124 views

How can you create a “sticky footer” in inDesign?

Sticky footers in web development are basically footers that will always either stick to the bottom if the content isn't tall enough to vertically fill the browser or they stick after the bottom of ...
0
votes
1answer
96 views

How to draw low-size/weight images of geometric shapes

I searched this on google but didn't find anything useful. I want to draw images for my website for mathematical questions like circles, triangles, angles, etc.I tried Dia for this purpose but the ...
1
vote
1answer
135 views

What does Google provide web designers with?

I'm quite new to web-design, being primarily focused on web programming on server-side. I usually power my apps with twitter-bootstrap, using the myriad css classes it provides and I don't interfere ...
5
votes
2answers
377 views

Is it okay to purchase stock images in the developer company name?

We've used some stock images (vector graphics) on a Flash website we created recently. We're just about to purchase a web license for the same that allows "unlimited use of the vector graphic on ...
-1
votes
3answers
406 views

Trouble zebra striping a table with children with CSS

I have a problem where I can't decide how best to zebra stripe my tree with css. The problem arises because when you click on a node in the tree, its children will become hidden, but still count ...
0
votes
1answer
88 views

How to display available dates?

I have an end user who is the admin for a website and they insist on showing the available dates to the customer. They are showing the showings literally like this: 2-Mar, 9-Mar, 16-Mar, 23-Mar, ...
0
votes
1answer
326 views

Examples of block-layout UI design?

By block-layout, I mean style like these: Medium,Readwrite,Kicktarter There aren't too many on gallery sites(for example, Flat UI Design). Most of them are for product promotion, making a big ...
0
votes
4answers
366 views

how to copy a layer in photoshop to export image for web

I'm trying to export some images of a photoshop design and this is how I usually do it: select the layer you want. command + left click the thumbnail to create a marquee around the layer copy it ...
0
votes
1answer
84 views

How can I style this following form to Inline form?

SEE the link: http://samuelgeorgeo.com/cc/NEWDESIGN/ I have a site based on Twitter Bootstrap. I have two main elements on the page, the bottom one is a horizontal form. I would like the bottom div ...
0
votes
1answer
178 views

Critique: Typography for my website

Here is a picture of my website (and also the link) as it is now (still under construction). I've tried various combinations in term of font size, font weight, etc. but can't find "the right" balance ...
1
vote
2answers
358 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 ...
0
votes
1answer
64 views

How to align search icon, link and column header

Is there are general rules to align right-aligned elements on the page? Look at these screenshots: At this screenshot the search icon and the link are aligned to the right border of the "box", while ...
3
votes
2answers
156 views

Why isn't SVG widely used-supported on the web?

In my opinion, raster graphics (GIF, PNG) is used much more that vector graphics on the web. I am wondering why? Wouldn't vector graphics be more suitable for web pages design (i.e. buttons design, ...
1
vote
1answer
143 views

How can I make a nav bar thats not boring!

Every time I design a new site, I use the same kind of nav bar. As thickish border at the top of the screen, single color, with menu links inside. I try to make it a little crisper by adding an ...
2
votes
0answers
33 views

anyone know of javascript version of layout program like QuarkXpress? [closed]

anyone know of javascript version of layout program like QuarkXpress? this would be browser-based tool that would have all the powerful and WYSIWYG accessible design and control tools like ...