Questions about web design, web fonts, and web development.

learn more… | top users | synonyms (2)

4
votes
2answers
2k 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
4answers
3k 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
3answers
5k views

When I export an image from Illustrator, why is it a slightly different color in the exported image?

I have a web design layout in AI that I'm trying to slice up into HTML/CSS. I'm having trouble keeping the colors the same in the exported files as they are in Illustrator. When I open it up in ...
4
votes
3answers
229 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
569 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
143 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
177 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
4answers
4k 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
4answers
100 views

Highest quality website screenshot?

I have created a website that i would like to add to my portfolio, but i'm having a hard time getting high quality screenshots of the full site. I tried to save the website as PDF, but that was full ...
4
votes
2answers
153 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
4answers
398 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
4answers
95 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
727 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
276 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
374 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
1answer
311 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
2k 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
417 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
5k 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
4answers
2k views

Gutters - Padding and Margin for Columns with Background or Border

What are the recommended design guidelines for gutters when a column (or box, or any layout module) has its shape clearly visible because it has its own background or border? Typically one would put ...
4
votes
1answer
182 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
191 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
544 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
396 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
352 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
464 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
3answers
2k 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
1answer
224 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
119 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
134 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
1answer
449 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
0answers
37 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
317 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
6answers
4k views

Trebuchet MS web font alternatives

I have a fairly dated site that uses Trebuchet MS font in Latin and Cyrillic scripts. If I understand correctly, once (a decade ago) this font was available on like 95-99% of computers used for web ...
3
votes
5answers
586 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
818 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
320 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
2k 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
191 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
403 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
361 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
5answers
10k views

How can I make my photoshop fonts appear like they do on the web?

Do I really have to design everything in photoshop with anti-aliasing set to "none"??? I'm sure there is a better way. I'd like to have a setting so that when picking a basic web-safe (such as ...
3
votes
4answers
585 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
4answers
96 views

Design software that allows reuse of common elements, like the DRY principal of programming

Often when I am designing for the web (be it mocks, or full spreads of websites) I have many repeating elements throughout my document. I am looking to follow the Don't Repeat Yourself (DRY) ...
3
votes
2answers
709 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
3answers
237 views

How to get bokeh images to use in web design?

I'm looking for online resources, image libraries, Photoshop actions, tools, or any other means of getting or designing bokeh images (those highly blurred pictures, with colorful circles) for use as ...
3
votes
2answers
295 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
6k 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
1answer
134 views

How come my link is overlooked?

I'm fairly new to designing. As of now, I have this design: Click image for full resolution As you can see there is a small link in the upper right corner (Upload Prenda Link). When clicked, it ...