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)

4
votes
1answer
190 views

How to choose embossing color?

I'm using css to emboss text with this: text-shadow: black 1px 1px 5px; My site uses different font colors and background colors. I was wondering how I can choose the "best" embossing color based ...
4
votes
3answers
204 views

Anyone know how I can add basic web form controls to my Assets library in Fireworks?

It has shapes and styles for shapes and things like that, but what I want is to quickly throw some basic form controls like radio buttons, input boxes, list boxes, drop downs, etc. for prototyping and ...
4
votes
2answers
814 views

Best way to save AI/SVG graphics for website purposes?

I'm using Adobe Ilustrator CS3. I have a bunch of small images (200x200 px) which I originally created as ".ai". I saved them as ".svg" using option Save for Web & Devices but to my surprise the ...
4
votes
2answers
572 views

Am I breaking any Copyright/IP law by designing and selling posters based on an existing design and concept?

I have found a website that sells posters that includes graphic design, and am now thinking of creating from scratch my own posters to sell on my website, using the same idea/concept (please note that ...
4
votes
3answers
485 views

What is the best way to review static mobile mockups?

This question is in regards to mobile site layouts but could just as easily apply to apps. I am not concerned with pitches, just true team reviews among UX, design, dev, and business partners. I ...
4
votes
2answers
563 views

Compiling a new font from existing fonts and embedding it in a website

I'm working on a project, which is a bilingual project. There are beautiful fonts for each language (I'm talking about free fonts). However, in any special case, only a subset of each font is suitable ...
4
votes
2answers
185 views

How to remove strange banding from PNG export with radial gradient

I'm using Illustrator CC 2014 and have a radial gradient that looks smooth in edit, but gets really weird bands when I export or Save to Web (any format, all settings). Here's how it looks in ...
4
votes
1answer
235 views

Using incomplete web designs in a portfolio

I have battled a situation in the past from when I have an idea for a website I would design it. A few years back I decided to apply for some companies that were starting out in web development and ...
4
votes
1answer
134 views

Is there any negative adverse effect to optimizing images for retina screens, if the images aren't exactly double size?

For example: Say I have an image that is going to be displayed at 1000px wide. I want to optimize my site for retina displays, but the largest resolution image I have to put here is only 1900pixel ...
4
votes
2answers
144 views

Vertical Rhythm - How important is it

I'm working on vertical rhythm right now for my website. It's hard / impossible with images of unknown size. There's a javascript plugin that helps with keeping vertical rhythm by resizing the ...
4
votes
3answers
103 views

Transitioning Between Background Colors

One problem that frequently stumps me while working on sites is how to transition between two differing background colors elegantly. For instance, the top portion of a site I'm working on has a gray ...
4
votes
1answer
465 views

I want to find a good font combination based on existing design

I am designing a mobile site for an existing website that was made in early 2000's. The existing logo uses a bold version of Bodini with smaller text which uses a thin sans serif typeface. The ...
4
votes
2answers
170 views

Photoshop on a retina screen, how to fix? [closed]

I am curious what's your favourite fix or option for using photoshop on a retina screen like a macbook pro 13' like mine. I'm quite upset with this computer as it is a pain to do web design in, ...
4
votes
0answers
41 views

Font Rendering issue [duplicate]

I'm designing the UI for a financial application. I'd usually do high-fidelity mockups using Photoshop and send them to the developers. What I have noticed is that the text in the actual product looks ...
3
votes
5answers
332 views

How to go ahead in web design?

I am having a hard time learning web design. I read several books and I know a bit of how to do things. I also like to study with firebug how the "big guys" made their web sites. But when I try to ...
3
votes
5answers
679 views

How do I create a button with two shadows in the bottom?

I am not much of a designer. I want to know how I can create Wix like buttons in Photoshop. They offer many kinds of buttons, but I want the one with a shadow on both sides of its bottom. Any help ...
3
votes
2answers
962 views

What should I ask from a designer, a single PSD or multiple PSD files?

I hope its okay to ask this around here, was not sure where such a question would fit. I am not a Graphic Designer, but a mere programmer :) I do have basic knowledge of operating Photoshop (watched ...
3
votes
7answers
332 views

Free pixel icon sets on the web?

where I can find very small and clear icons that I can use in a personal (non-commercial) project?
3
votes
2answers
4k views

Colors to use with black background?

Is using yellow text on a black bg bad as Mike pointed out here? If yes what colors should I use (RGB or hex values)?
3
votes
2answers
2k views

What does “Great typography skills” mean in the context of a job requirement for a web developer position?

I'm looking at job requirements for Jr. web Developer positions. Some jobs need "Great typography and layout skills." What does typography mean? What skills are they exactly looking for?
3
votes
5answers
247 views

What graphic can be used to represent a maintenance category?

On my site I have some categories. One of which is "Website Maintenance". I want to create a graphic (about 300x by 250y) that represents the Website Maintenance category. But I'm at a low right now, ...
3
votes
4answers
330 views

Why are thin webfonts so popular?

Many modern websites feature very thin fonts whereas – I think – on posters it is not as commonly used. I was just wondering why thin webfonts are so popular. Does it have a reason? And since thin ...
3
votes
3answers
431 views

How to export PNG to be compatible with all browsers

I recently found our that some PNG files render a slightly different shade of color in Safari. (I think this is because Safari can't render PNG Gamma channel properly or what). How do I export the ...
3
votes
3answers
411 views

Learning WordPress for designers does a framework help?

I ask this question because it is in relation to Scott's thread here. I understand we have a WordPress stack exchange but I wanted to know before I dive into WordPress how designers have approached ...
3
votes
3answers
60k views

Is there a standard size(width) for email newsletter design or something like a christmas e-card?

I have to design this e-mail newsletters. Some with just simple holiday cards and some more complex with offers and other stuff(images, text content etc. etc...) I am wondering if there is a safe ...
3
votes
9answers
492 views

What is the best program for image optimizing for the web?

What programs besides Photoshop are good for saving and optimizing images for web?
3
votes
4answers
706 views

Designing a corporate websites with non 100% width

I will like to know if there is best practice regarding designing a website for a big corporation. I am specifically talking about the width of the website. I have a believe that websites with full ...
3
votes
2answers
741 views

Golden ratio, with or without padding/margin?

Lets say I have 1000 px wide 2 column layout with 100 px gutter space (margin) and 50px on the left and right.. How do I apply the golden ratio to this layout? Method One c1+c2=800px; c1/c2=1.618; ...
3
votes
2answers
160 views

Am I allowed to embed Typekit fonts directly into a website and host them myself?

With Adobe CC I've gained access to Typekit. I've started playing around with it and noticed they put a cap on page views per month on loading the fonts. (Currently I'm capped at 500,000 but would ...
3
votes
2answers
307 views

rounding corners of different-size elements

In our web application we are adding rounded corners on small elements (e.g. 60px buttons and tabs), medium elements (e.g. 150px dropdown menus, help-tips sections), and large elements (e.g. 600px ...
3
votes
2answers
7k views

Photoshop Resolution for Web Design?

I'm a programmer, not a designer, but I am trying to learn design as it would be very helpful. I am following a tutorial on PSD|TUTS+ and it doesn't specify the resolution I should be working with. My ...
3
votes
3answers
369 views

Is there a simpler solution than Photoshop for web development?

During web development it's only really necessary to chop, crop, extract layers and save as PNGs, etc. A web developer will only use a tiny fraction of a tool like Photoshop. Photoshop as a tool for ...
3
votes
2answers
300 views

Do most web designers make their own textures?

I'm a web developer by training who is branching into UI/UX design. One of the things my design work lacks compared to experienced designers is subtle use of texture, such as on these sites: ...
3
votes
1answer
205 views

Should a period be included in a drop cap letter that represents an abbreviation?

I have a paragraph that is drop capped and begins with the word 'U.K.' Currently, the CSS (cascading style sheet) standard for Web browsers is to include the period following the 'U' in the drop cap, ...
3
votes
3answers
238 views

Should I place the border above or below header to separate sections?

If the content is split into several sections, and each section has a header, should I put border below or above the header? The “border below” approach seems prevalent (see Google, Wikipedia) but ...
3
votes
1answer
244 views

Icon to indicate “not a member”, “guest” or “visitor” but not in a “no-access” kind of way

In my app I need an icon to compliment a link for an app for a sport/club venue. [ICON] Member Booking [ICON] Visitor Booking Is there any icon that springs to mind for a "visitor" - the context is ...
3
votes
3answers
769 views

Textures - How to use in Web Design

Basically, I love how people use textures in web design. But as most website designs are "fluid", how do you make them work for all monitors and make them seamless? For Example, on the website ...
3
votes
5answers
1k views

How to find a texture for a background image for website?

I am looking for a texture pattern for an image that is similar to the one Path.com uses: https://www.path.com/images/about/bg.gif I want a similar image pattern so i can use it as a background ...
3
votes
2answers
611 views

What is your ideal workflow for web development?

More than occasionally if I am tasked with creating a website from scratch, it seems doable right up until I begin working on it. Then it feels like a mountain of work that is bigger than I can ...
3
votes
3answers
4k views

What programs can I use to create an animation for web?

I have never created animations, but I want to make one for my website's home page. Basically what I have is an image where each chakra of human body is shown with its name. I want to show how the ...
3
votes
1answer
3k views

Best image dimensions for downloadable wallpaper, for PC, HD, mobile and tablet?

Let's say I wanna make a website that would allow a user to download a wallpaper in sizes for PC, HD, mobile and tablet. What are the top used / best image dimensions I should host?
3
votes
2answers
256 views

How to make a “highlighter” effect for text background in CSS?

How would I go about highlighting an inline part of a paragraph decorated with a "highlighted" effect as if it were marked by a real highlighter on paper. <p> The dog <em>jumped ...
3
votes
2answers
136 views

Should a logo for an organization be presented together with the name of the organisation?

Take a look at, for example. apple.com and nike.com. These are two extremely sucessful companies that on their webpages displays their logos but no necessarily their name. That is, when going to ...
3
votes
4answers
385 views

What would be a cool yet simple way to style an “!” with just CSS?

I want to create a cool looking yet simple exclamation mark with just CSS. Anyone have any cool ideas?
3
votes
2answers
486 views

March Madness Bracket on Website

I've got a little site I built for myself and a friend that let's us run our tiny little March Madness pool. Functionally, it works great. But for the display of the brackets, it's, well, just plain ...
3
votes
2answers
400 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 ...
3
votes
2answers
260 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' ...
3
votes
3answers
973 views

How to measure sizes and distances from parts of an image file?

I have this image sprite containing many small icons. I don't know the accurate size, height and width of each icon and it's too difficult for me to find it manually with my current tools (I am using ...
3
votes
2answers
335 views

How can I make this footer “more corporate”?

I created a footer for a dental lab. I was trying to keep it warm and inviting, but now being told it "looks too casual" or "looks too simple". I heard the blues and grays are "too subtle" So before ...
3
votes
2answers
7k 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 ...