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)

2
votes
2answers
254 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
132 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
110 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
1k 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
220 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
210 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
139 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
1k 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
567 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
103 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
198 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
149 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
60 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
121 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
246 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
52 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
49 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 ...
0
votes
1answer
94 views

What CSS blend mode will add white color without affecting black?

I would like to allow adjacent apps in my interface glow, overlaying each other with white, but the apps have a 0.25pt black border which I want to avoid diminishing. Is there a blend mode which ...
1
vote
3answers
639 views

Making text stand out in front of images

I'm trying to make my text stand out in front of my image. I've seen sooo many websites that do this well: e.g. http://brewsters.ca/ However I clearly am not: http://immehabayas.com/ I wanted to ...
0
votes
0answers
227 views

Should I adjust the 960 grid system width for bigger screens?

I'm designing a website in photoshop and using the 960 Grid System 12 column. Automatically the canvas width is 1,020 Pixels. For bigger screen resolution screens should I expand the width of the ...
5
votes
4answers
884 views

What are the best tools for testing how a website will look on different platforms and what are their pros and cons?

What are the best tools for testing how a website will look on different platforms and what are their pros and cons? This includes knowing how my layout/fonts display and functionality in various ...
0
votes
1answer
131 views

How do I acheive this effect in photoshop?

I beleive that this Image is edited version. I want to know how I can acheive this effect in Photoshop CS6? Any ready made effect action? Thanks
3
votes
1answer
751 views

Images for web: vector or raster?

I have created a vector image in Adobe Illustrator. It is basically a simple schema. I would like this schema posted in a web page, but what type of image should I select, raster or vector? According ...
14
votes
2answers
22k views

When should I use SVG or SVGZ for my web graphics?

From my understanding, The SVGZ is a compressed file type of an SVG. I love using SVG images and have had a lot of experience with them. All of the times I used them I have never had a graphic that ...
0
votes
2answers
56 views

Can you re-use layers but in different locations / dimensions?

In website mockups, I design the front page, then duplicate layers constantly for other pages design. Things like the header and footer stay basically the same, so they are copied. Their exact ...
1
vote
3answers
658 views

Single 1 pixel diagonal line background

i try to add a diagonal line in the background of a div. i wonder if it's possible to do it without to use a .png image. I saw some css options but the render quality is poor and the line don't touch ...
1
vote
0answers
198 views

Two menu responsive design problem [closed]

I have two navigation menus, a sidebar menu and the main menu. Here is how it looks like on large screen devices: And here is how it looks like on tablets and mobile devices: As you can see, ...
5
votes
7answers
2k views

How to begin with UI design

Newbie here. I like the web and UI design, and I know what good UI and good design is, but I lack Photoshop skills. Sometimes when I try to do design work my mind goes blank or gets mixed up because ...
16
votes
6answers
1k views

Developer to Designer path: How To

Being a developer wanting to be a designer, I'm really interested in learning how to create top notch UI for websites, mobile apps, etc. However, I know nothing about PhotoShop or anything related to ...
0
votes
3answers
2k views

Resize or Scale Images changing aspect ratio without stretching?

I want to design a website. I've got some images with different w*h. For example, we have lots of pictures at 800*600 or 1024*768 or something else. In our website we have some restricted frame ...
1
vote
4answers
539 views

Why use Photoshop for Web Design

Aside from its bitmap effects, can someone tell me why I should use Photoshop for creating website layouts instead of Illustrator? To the best of my knowledge Photoshop was never intended to be used ...
5
votes
3answers
203 views

What's a good icon to represent “fit” on an apparel site?

I'm implementing a fit visualiser which uses an existing product that the user owns to estimate the matching size to select when buying something. The fit visualiser is is called "Virtusize". The ...
2
votes
3answers
146 views

How to properly set the css leading

I have a situation trying to figured it out how o properly use and set the css leading when we have something like this: Even if the line-height is the same, the first 2 lines look pretty far away ...
0
votes
1answer
94 views

Is it a bad idea to use a svg as a background image for a website file size wise?

I need to save out some images for a website project at work. These images will span the full background of the site using background-cover. I first thought that svg would be the correct choice but I ...
0
votes
1answer
77 views

Forcing decimal guide with Photoshop

I'm trying to create a Bootstrap grid. But on 1170 width, each column is 97.5 wide, so I will need to create decimal guides. But when I add a guide with the "add new guide" tool, it always round up ...
6
votes
4answers
25k views

Different sizes/dimensions on export & save as web in Illustrator CS5

I have a file which is 1020px X 200px Artboard/Document dimensions and the drawings coves the whole artboard as follows. When I "Export" the file as "png" (File>Export) it's dimensions change to ...
4
votes
2answers
2k views

Why are my elements moved after being exported to svg

I'm quite new to Adobe Illustrator, but used to PS. I wanted to experiment with Illustrator to create SVGs that can than be manipulated with JavaScript. I created some kind of background-layer and ...
0
votes
0answers
25 views

Are there any great free resources to learn how to design with? [duplicate]

I'm a web application developer. I'm full stack. In fact, I also do a lot of server administration; really I do it all. Very frequently I get clients with no design in mind, and no designer picked ...
2
votes
2answers
376 views

My designs are dull [closed]

I'm learning web design. When I design a page I ask my friends to tell me their opinions about it and I always get the same answer: it's dull and boring. They say my designs are nice but very dull, ...
-5
votes
3answers
115 views

Meaning of Responsive web design

Many graphics and web design companies ask for the knowledge of responsive web design. What is responsive web design actually is and what are the tools someone should know to create and design ...