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)

6
votes
5answers
1k 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, ...
1
vote
1answer
139 views

Seeking inspiration for software suite dashboard

I am in the middle of designing a software suite's dashboard, however I am in a bit of a rut as my only source of inspiration is Adobe's Creative Cloud software suite dashboard ...
1
vote
3answers
555 views

How can I make my logo look crisp on the web?

I'm launching a company and my logo looks really pixelated and low-quality compared to some others. For example, http://talentegg.ca/ has a really crisp logo, how can I get mine like this? Mine, ...
4
votes
1answer
2k views

What makes a good header/background video?

Many sites I come across use video to show off their work, what they stand for, or more about the culture of the company. These videos are sometimes behind other elements taking up much of the page ...
0
votes
5answers
160 views

icon indicating “Nothing happened” or “No Data”

I have a website showing a matrix of Scheduled Operations the matrix has server names on the y-axis and dates on the x-axis I need an icon that represents "No Schedule". My first thought was ,but ...
0
votes
0answers
69 views

How to view all layer sizes?

I have received a design as a .psd and a .png file, but the designer has not added the sizes of each header, image, padding, etc. Is there a way to quickly and efficiently see the size of each object ...
0
votes
1answer
59 views

Optimising images for web [duplicate]

I’m currently building my own website and I’m trying to do everything as best as i can. I am currently learning about images and i have some questions on optimising them so that they dispaly ...
6
votes
1answer
2k views

Is there a standard file size recommendation to optimize web images?

I remember, during college (2008), my web design professor made a point to keep all images' file size at/below 40K (didn't matter what the dimensions). I have made an effort to do so ever since, ...
1
vote
1answer
189 views

I'm re-making a logo, how do I make a vortex in illustrator?

Here's the original (made in photoshop), but it's way too pixelated so I'm re making it in illustrator. However, I'm having a very difficult time re-making the vortex. I've tried using the Ellipse ...
3
votes
1answer
616 views

How can I crop images so as to change their aspect ratio?

For header images on a site I'm working on we are using 1280x480 px images. The images I have been given are not 1280x480 px, so I need to crop them, but I can't just crop them any which way - I need ...
21
votes
8answers
950 views

Fireworks for website design - why?

I've used Photoshop to design (more or less) every website I've made in the past 9 or 10 years. I hear people going on about Fireworks saying that it's excellent for web design and prototyping. When ...
-3
votes
3answers
292 views

What is the tool that web designers do to present prototype [closed]

How do some web designers present their responsive website prototype in a computer, tablet and mobile presentation like this
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 ...
3
votes
2answers
233 views

For web content, is it better to use an entity or the actual character?

I'm confused about the correct way to insert special typographic characters (like quotation marks and em dashes) when producing content that will be displayed on a web page. Is it better or preferred ...
3
votes
5answers
1k views

How to create an animated demo of my webdesign? [closed]

How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing a set of still images? I used to make this task using ...
10
votes
4answers
3k views

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

I started a tiny CSS framework recently. (http://mincss.com if anyone's interested) I quickly banged out an initial design for some buttons. After asking for feedback on UX StackExchange (and ...
1
vote
1answer
221 views

Resize embedded images in Illustrator

Hello I have received an illustrator file from a graphic designer which is nearly a gigabyte large. It has a lot of high resolution tiff files embedded which are overkill for the needed quality, and ...
5
votes
6answers
1k views

Good sites to find textures online?

I'm always on the lookout for good textures, as they are pretty subtle but can add a lot of life to your site. Recently I found Tileables (http://tileabl.es/) which looks pretty cool. Can you ...
1
vote
2answers
93 views

Can't figure out why my opacity overlay isn't showing 100%

TL:DR Just look at the image attached (very bottom). :) More details: Read it all, because I probably need more help than I realize. :) I created this and everything is nice and simple the way I ...
-1
votes
1answer
113 views

How can I style this following form to Inline form? [closed]

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 ...
6
votes
3answers
304 views

Best practice when implementing numbered lists in columns?

I often implement numbered list for both print and web projects. At times it is just more efficient to break the list into two, three, or four columns. How should item ordering be handled? Should ...
10
votes
4answers
57k views

How do I get my vector logos to look super sharp on the web?

I do a lot of work with Illustrator, but I've never been super happy with how my work looks on our website. I've tried various techniques - saving from Illustrator, and opening in Photoshop and saving ...
3
votes
4answers
266 views

Am I using too much gray on my webapp?

I'm creating a mobile app that will be used by maturer people, 40 to 60 yo, so I've been searching for sober colors and I came to gray, the problem is, How much gray is too much gray? What colors ...
2
votes
2answers
258 views

What's the name for a “multi page scrolling webpage?”

A lot of tech companies have a websites with the following UI features: a homepage containing several discrete "slides" stacked vertically you can scroll vertically through the slides or, (in some ...
15
votes
4answers
4k views

Should I use company's logo color as a website color even if its bad?

I'm building a website for the company that I'm in, but the marketing department, isn't giving me much room with the colors. They say that we need to use the #2DCCD3 everywhere because it's in the ...
0
votes
2answers
150 views

In an HTML element, is margin-bottom measured from the baseline?

I'm doing an internal style guide for a big company and want to make sure I get the spacing perfect. If I add margin-bottom to a text element, does it measure from the baseline of the text or the ...
1
vote
2answers
114 views

How to create interfaces in a graphics editor for responsive grid systems considering that they aren't pixel-perfect?

Any responsive CSS grid system uses long decimal point percentage values for columns' width (e.g. "16.66666667%"). I don't understand how to lay out the grid in Photoshop, because elements of the ...
0
votes
0answers
26 views

How to produce a centered svg when using Extract Assets?

This is the design I have. I want my svg to look exactly like this but as you can see, using Extract Assets shifts everything to the left side. Is there a way I can have this centered on Photoshop ...
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 ...
0
votes
1answer
56 views

What are the best tools/processes for web design refinements / adding polish? [closed]

I'm working on a particular part of a web page right now and have a mocked-up design to work from. I've always been able to get everything blocked out in HTML and roughly looking how I like in CSS no ...
6
votes
4answers
10k views

What is a good general document size for web page mockups and prototypes?

I do mockups and prototypes of sites and designs all the time, but I've always wondered if there is a standard size or width I should be using. Generally I'll make my document either 1024, 1200, or ...
0
votes
0answers
13 views

Sizes for a website mock up [duplicate]

Anyone can suggest me a proper size to start with ? and then hopefully I will be able to resize it :) according to screen sizes .and also some fonts
-2
votes
4answers
2k views

Blurry vector graphics in web [duplicate]

I'm using illustrator and I have a graphic that is 22 pixels by 22 pixels. I export it as a png with 72 resolution, and it constantly comes up blurry. Is it just because it's too small? On my mac it ...
2
votes
4answers
222 views

“Most popular package” pricing design

This seemed like the best place to ask this question since it's design related but I'm sorta more interested in the reasons behind this trend and any A/B testing that may have been done. The trend ...
0
votes
2answers
219 views

Why do websites put an overlay of dots on their images?

On the following websites: http://www.the215guys.com/, http://saffronindianbistro.com/ there is a repeated pattern of black dots over the jumbotron images. What is the reason for the overlay of dots?
1
vote
2answers
143 views

How can I delete border lines from a 2 frame gif in photoshop?

I am creating an animated logo for my web site. It is a simple 2 frame gif. The only difference between the 2 frames is that the first one has a glowing object and the second one doesn't. Here's the ...
2
votes
6answers
1k views

Two logos on a website header

So I have a client right now which is asking me to include a second logo on the website's header. I am no graphic designer but I feel this is so wrong. The second logo is for one of the projects the ...
1
vote
1answer
2k views

How to select HEX values / colors in Inkscape

How to select web colors in Inkscape? I know that I can select the ">" at the bottom-right of the screen and select WebHex and then select one in the bar. But in that bar there are just a few colors. ...
12
votes
9answers
570 views

What's a good (and easy) way to show that a screenshot is a screenshot?

I'm using Mac OS X 10.6 and I like the system screen grab tool. By default when you grab an entire window it will put a bit of a shadow / gradient below it, with transparency, using a PNG image - ...
2
votes
2answers
126 views

Centered title but left aligned text to fill up content

Hold your horses, I'm aware that centered titles are generally frowned upon. However, when given a fixed size container, simply having everything left-aligned gives an empty impression – which itself ...
-1
votes
1answer
98 views

Is Web start Today a good website builder? [closed]

I have a small business and i want to put it online so for that iam looking for website builder to build website for my small business. Some of my friends suggested me wix but some are suggesting me ...
2
votes
5answers
200 views

Fixed size image on screens and paper?

I'm looking for an image format (I guess) that can be used for web images as well as for printing (on paper) directly from any platform/browser so that the images have the exact same sizes on paper ...
3
votes
1answer
159 views

Scale for Large Typography (Much larger than 72px)

I'm currently doing a mockup for a website that has a few large typographic elements. For scale, I'm using the one provided by Typeplate (18, 21, 24, 36, 48, 60, 72, 90, 117), but after spending some ...
0
votes
0answers
65 views

How do verify colors in graphics intensive webpages on CRT screen when developing only on LCD screen?

I am developing a public facing website (unpublished yet) that is graphics intensive. I develop on my laptop and I have no other CRT attached machines to verify the appearance. I am particularly ...
0
votes
1answer
44 views

Any tips or principles for applying gradient to thin shapes and fonts?

I'm trying to use linear gradients on a set of thin and small shapes (and fonts). But I can't figure out how to do it so it could be seen clearly as much as possible. Should there by any limits for ...
-1
votes
2answers
122 views

Critique: Can anyone tell me how I can improve my website? [closed]

I am a bit rubbish at CSS and have mainly based my website off another website, in hope it would look different, although it didn't. I just want comments and tips how to change things but still keep ...
1
vote
1answer
262 views

How do I hyperlink .oam-Animations Muse? [closed]

I have an .oam Animation made in Adobe Edge embedded in Adobe Muse. It animates on mouseenter and mouseleave using JavaScript. How can I hyperlink it using Adobe Muse. I want to use HTML so the link ...
0
votes
2answers
53 views

Improving webpage appearance

I have built out a donate page for our website. The buttons are somewhat similar to the LiveStrong donate buttons. Something about the page looks cheap and unappealing. I have some ideas, but I am ...
13
votes
1answer
1k views

How can a design be balanced and yet have a focal point?

The concept of a focal point seems to be a fundamental one in web design, yet doesn't a focal point mean a page cannot be balanced? Surely by definition a focal point means that the page's 'weight' ...
0
votes
1answer
51 views

How many pages should I do as mockups in web design? [closed]

Let's say we've mapped out the sitemap and there are about 10 pages. How many of those pages should I create as mockups? Of course, it's a given that there should be the landing page. But aside from ...