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
3answers
571 views

How to create an animated demo of my webdesign?

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 ...
4
votes
1answer
271 views

Internship or Spec Work?

This is not strictly a design question, but it's the only area I could find similar topics. I've just completed a Bachelor's in Web Design & Development and have been casting a wide net for ...
4
votes
2answers
420 views

Steps between Wireframe / UI design for web development

Based on my sketch/wireframe prepared for a UI designer (links below): Link: http://postimg.org/image/npt5zlvu7/ 1) Would I be able to approach a UI designer with the wireframe/sketch above? 2) ...
4
votes
3answers
3k views

Save individual element in PSD as an image

I am developing a site and got given the design as a PSD, my question is, can I select an individual element, say the social media icons, and save them as an image? What I have been doing so far is ...
4
votes
3answers
13k 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
1k views

Looking for suggestions for making type more readable with a drop shadow

I want to show a menu with indented items on top of a black background. I tried a lot of colors but can't find the right ones. I'm using css property text-shadow: text-shadow: 1px 1px #191919 , -1px ...
4
votes
4answers
3k views

Can I use vector images to increase site compatability?

I am familiar with vector and raster images, in theory. In practice I don't know how to use vectors properly. Can vector images be used in a web pages to increase site compatability? For example, ...
4
votes
2answers
3k views

On which occasions would you use italics in web design?

In which occasions you would like to use italics in web design? Because the use of bold fonts is quite obvious not sure about italics.
4
votes
2answers
1k views

Should I use Hex or RGBA when designing a website?

I know this has appeared on StackOverflow already: Are there any good reasons for using hex over decimal for RGB colour values in CSS? Use HEX or RGBA But I'd like to ask on here since we're ...
4
votes
3answers
301 views

What factors do these colors share?

Colors below seem to share some kind of "tone" together. For example, colors like this or this seem too bright to fit into this group. What exactly makes this "tone"? I want some technical ...
4
votes
4answers
697 views

What are some good “mocking-up” practices in web design?

A friend of mine and I have been trying to start up a web design company, so we're looking to find the most efficient overall web-design process straight off the block. However after reading a few ...
4
votes
2answers
219 views

Talking about Front End Web Development frameworks from a designer's perspective

I am a Web Developer working at a company where the fronted framework we have selected is Angular JS. I am now in the position where I am the 'resident expert' whatever that may mean. I have been ...
4
votes
2answers
542 views

How to maintain color consistency across a website

I am a web developer struggling with design issues. I have a blunt eye for colors and my design skills suck (I try to improve though). I'm having issues with the feel of particular pages, I wonder if ...
4
votes
2answers
252 views

How to choose a color palette for a website

We're completely color illiterate on our team. Our internal site has a lot of black and white, but I've heard that too much contrast is bad. And people don't respond well to the look of our site. ...
4
votes
3answers
980 views

Best calculation for leading in web design

This is an area I always dislike when in the design process of a website. That being said I'm trying to be more efficient and I wanted to know when some use a sans serif or serif font how do you ...
4
votes
2answers
390 views

How do I replicate these two effects in Photoshop?

I am having trouble finding help on my own since I do not know the names of these effects. Here's the reference image: How do I replicate the impressed circle effect behind the button? I tried ...
4
votes
6answers
640 views

Modern design - What's that?

I am working on redesigning my website and iterating through fivesecondtests. The overall feedback is improving but no matter what I change, several people have mentionned that my designs look ...
4
votes
2answers
3k views

How to “draw” pointed corner drop shadows in Adobe Illustrator CS5

I have this image which I want to re-draw/reverse engineered so that I can use it at different sizes as resizing it cause it to look bad. But I can't seem to figure out how to do it. The drop ...
4
votes
2answers
835 views

Web font that supports some basic music symbols

I am working on a web page that displays some music note names such as "B", "Bb" (B flat), or C# (C sharp). For a better readability I would prefer to display the correct flat and sharp symbols. It ...
4
votes
4answers
6k 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 ...
4
votes
4answers
6k views

What to do with these errors when I open a PSD file in my Photoshop CS3 (Windows 7) while PSD is made by Photoshop (Mac OSX)

I'm a Web Designer and when I open some PSD files in my Photoshop CS3 (Windows 7) I get these messages pop-up before to open PSD. My fellow designer use Photoshop on Mac OSX. Error 1 Some text ...
4
votes
3answers
263 views

Do and don't do with styling <html> and <body> tags

When I look at some CSS style for a web page, I typically first look at styling the <html> and <body> tags and then I look at other sub-elements. The styling of <html> and ...
4
votes
2answers
186 views

How to achieve better consistency with stock / vendor photos taken from different distances?

I'm working on an e-commerce site and one problem I face is having to deal with furniture vendors and the way they shoot their photos. Some shoot products photos up close and others from far back. ...
4
votes
3answers
12k 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?
4
votes
1answer
211 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
286 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
175 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
304 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
6k 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
195 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
243 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
463 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
158 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
429 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
5k 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
472 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
483 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
441 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
4k 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
946 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
645 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
197 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
234 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
4answers
282 views

Resources on producing responsive design wireframes and artwork, for graphics designers

We're developers who partner up with a graphic design studio for our project artworks. Some times they even bring in the clients themselves and we both cooperate to get a development project done. ...
4
votes
3answers
207 views

Illustrator is cropping exported icons despite artboard being Fit to Selected Art

I'm trying to export certain graphics from an Illustrator file. I'm selecting the object, fitting the artboard to the selected artwork, and saving for web & devices, PNG-24 format. When I look at ...
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
1k 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
828 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 ...