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
4answers
923 views

How to begin with UI design

Newbie here. I like web and UI design, I know what good UI and good design is, but I lack Photoshop skills. Sometimes, when I try to do design, my mind goes blank or gets mixed up because I see too ...
4
votes
1answer
180 views

How can I create imagery for cyber security and cyberspace general while avoiding that late 90's early 2000's look?

If you were to do a google image search for cyber security you'd see exactly what I mean. Even the slickest images representing cyber security or cyberspace seem to fall under a style that IMO is very ...
4
votes
1answer
234 views

Creating a pattern from an image

I need the following image turned into a pattern that would repeat in the y-axis only. How can I make it repeat smoothly (so it actually looks like it's a pattern)? Thanks!
4
votes
3answers
2k views

How to design a websites using thin fonts that will look good in a web browser?

I recently quite repetitively encounter the same problem - the fonts in photoshop don't look even close to the fonts embedded onto the websites. Obviously - it's mostly about external, 3rd party ...
4
votes
1answer
138 views

How to distinguish between links and headings without colour variation?

Yes, I know that I shouldn't make links and text the same colour. But I am restricted by corporate guidelines. On the whole site, I am only allowed to use the company's shade of blue with a few ...
4
votes
2answers
289 views

Critique: How can I tie a logo into my website design at both mobile and desktop screen sizes?

I'm new to the graphic design section of SE, this being my first question here, but not new to graphic or web design. I am in the process of making a free website for a new local eSports bar. The ...
4
votes
4answers
5k views

Searching for a font that's similar to Lato

I need to find a font just like Lato font that includes a Latin Extended version. I like Lato font but it doesn't include the Latin Extended so I can't type "ş, ğ" etc. characters. Which font are ...
4
votes
2answers
180 views

Do Stats or polls exist for the preferred style of website design?

I am looking for stats or polls that show what viewers like in a website design. I have seen stats about what browsers are commonly used, but I have not run across any statistics or polls to answer ...
4
votes
5answers
221 views

What is a quick and concise way to explain online font licensing to a customer?

Customers are usually proud of their (offline) identities. As webdesigner, I regularly find myself having to explain that I can't legally use their licensed font in their webdesign. When I do, it ...
4
votes
4answers
451 views

designing websites using grids

I read a lot about grids and how they make the websites look good (needless to say I agree) though I have not been able to work with them. Have not been able to "feel" the advantage whilst using the ...
4
votes
3answers
142 views

Making changes to a page that I own, but was made by someone else

When a web designer makes a website, they usually put a small writing at the bottom. It usually says something like "Made by Joe Whatever". Let's say I paid Joe for the website design he made. Now, ...
4
votes
4answers
325 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 ...
4
votes
1answer
4k views

Making parts of Illustrator logo transparent - rather than faking it with the background color

So a designer has given me some logos (for the web) which are white on a blue background. She has, however, added blue paths to the shape to make it match the background. I would prefer to change ...
4
votes
1answer
418 views

How to teach a print designer to design for web?

I'm a programmer (not a designer) and I work with various designers in the marketing industry. A typical project will consist of a designer coming up with a design for a web page and then handing the ...
4
votes
3answers
451 views

Mobile First and RWD workflow and how to interact with client

Our agency's workflow for creating a website normally consists of: discuss content-design with client we create wireframes (with optional, depending on client, approval) we create one or more pixel ...
4
votes
3answers
1k views

How to work out font-size setting by counting pixels?

I have an image of a proposed website. How do I work out what px font-size value to set text to by counting pixels? E.g. I have font-size: 14px, (in Arial) but counting from the top of an "L" and ...
4
votes
1answer
415 views

UX research on where to put website menu? [closed]

If you browse websites, you can find pretty much all types of sidebar menus: on top (like our very own Stack Exchange), as left or right menu bar, or even at the bottom (though that's a less common ...
4
votes
3answers
3k views

Best resolutions for display on the web for high resolution image?

I have a RAW image taken with a Canon 5D, so the image's resolution is 5,616 × 3,744. I am going to display a different resolution of the image depending upon the requesting user's display. I'm ...
4
votes
1answer
869 views

Anticipating problems with a Google Webfont's rendering cross-platform

Web fonts can sometimes look great on one machine, but awful on another, due to differences in rendering not just between browsers, but also with the same browser between operating systems. Most ...
4
votes
1answer
575 views

Font licensing for a web app hosted on clients servers

Frutiger 55 was the winner of the crude typo-battle I hosted in my mind this week (I felt really sorry for poor Gill Sans, one of my top-5 of all time). I want to use it for a Web App that is hosted ...
4
votes
1answer
7k views

Illustrator how to crop and save images

I have a website someone designed for me in AI but i am not sure how to crop out pieces and select layers and save them to design my website. I am only used to the way of photoshop finding the layer ...
4
votes
1answer
193 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
218 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
1k 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
804 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
638 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
624 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
1k 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
248 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
145 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
152 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
111 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
482 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
1answer
137 views

Are zebra stripes on tables more effective than good spacing and visual contrast?

In old forms or webpages I often see a lot of zebra striping used on the tables because the way the table was designed it was difficult to see the rows and columns easily when you want to locate ...
4
votes
2answers
2k 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
340 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
773 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
1k 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
337 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
3k 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
256 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
3answers
467 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
4answers
393 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
54 views

Does the typographic baseline grid manage images and other elements as well?

Since we build a baseline grid to rule our copy on the web, on articles I read, it's not clear if we should use this base line for giving spaces to other elements of the web as well, such as images ...
3
votes
4answers
418 views

Web Design: Is centering a content section a good idea?

I have a design where the header and footer are 1170px wide. (Standard Twitter Bootstrap 12 column container size.) I have been reading about the ideal width for good readability and discovered that ...
3
votes
9answers
571 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
3answers
447 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
74k 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
4answers
811 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 ...