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
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
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 ...
0
votes
2answers
198 views

Need suggestions on elements arrangement and picking colors

I'm making a new site, but I feel like colors or elements dimension aren't that good at all, I want it to look elegant and makes the user comfortable when looking at it. Right now I'm not getting that ...
8
votes
6answers
5k views

Are dotted pictures a new trend in Web Design?

I've noticed lately that some of the websites I visit regularly are adopting a new and bizarre trend in Web Design: "the dotted pictures". Not sure what to call it. It looks as if a pattern of ...
2
votes
2answers
729 views

Objective reasons to center or left-align tables and images within text columns?

First, let me emphasize that while I am asking a question about preference, I am looking for objective reasons to prefer one answer over another. I am not interested in your personal, subjective ...
-4
votes
1answer
5k views

How to make a image fade out to both sides

I want to use an image in different screen resolutions with fading and the same background color. In a website, the image will not scale, but the background will. Something like this:
1
vote
1answer
2k views

Shadow below images [duplicate]

I have this image that I got from slidesjs.com It looks awesome when used as a frame, but I want to "elongate" it. Steps on how to accomplish this? I know it looks like a simple shadow, but the ...
36
votes
4answers
168k views

Helvetica Neue Equivalent on Google Fonts?

Does anybody know a font on Google Fonts that is very similar to Helvetica Neue?
1
vote
1answer
144 views

Image Sizing problem from photoshop to web

I'm new to the web designing stuff, so I bought a template. I want to change some text in my header. It is saved as a png image. I opened the PSD file in photoshop and changed the text. I then ...
0
votes
2answers
238 views

How can I improve my website design? [closed]

I'm launching a company and currently working on the website. Here is the link: http://goo.gl/HKbIK As I'm not a professional webdesigner your comments / feedback / suggestions of improvements would ...
3
votes
1answer
253 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, ...
1
vote
4answers
2k views

Pricing for Website Design (Graphics Only)

I was wondering if someone could advise me on pricing for a website design. I'm redesigning a blog/travel site for an individual. The site is about 8 pages plus some modules, etc. I'm also ...
3
votes
2answers
214 views

Need advice for alphabet search option

(I was going to post an image but I don't have enough reputation, so here's the link of the website: http://www.galco.com/) I'm redesigning a website and one thing the CEO of the company liked was ...
1
vote
5answers
18k views

Can anyone suggest an alternative to Copperplate Gothic for web use?

Designer sent comps for a site using copperplate, I was wondering if anyone could suggest a good alternative that exists either on google fonts or as a font squirrel kit (preferably the former). ...
0
votes
1answer
1k views

What is the widest character in the “Helvetica Neue” font? [duplicate]

Possible Duplicate: what is the largest glyph width in Arial? Doing some web design and I need to give a div a specific size. However, I do know how many characters are in the text box, so ...
7
votes
13answers
1k views

Why do people keep telling me my site looks awful?

I've developed a website, and recently was looking for a job. Practically all interviewers, after taking a quick glimpse at it, told me my site was designed awfully (but liked the concept). I should ...
1
vote
2answers
200 views

Learning how to design a webpage [duplicate]

Possible Duplicate: Tips and sources for beginning designers I am now completing my first website written in python. I started learning front-end development languages such as javascript ...
6
votes
2answers
5k views

What is the fastest way to copy a colour in Photoshop as HEX?

A lot of designers use Photoshop as a design and mockup tool. And in doing so, one of the last steps can be to get a lot of the colour information out so things like gradients and dynamic text can be ...
15
votes
3answers
11k views

Charging an Intellectual Property transfer fee for design work

So, you've finished a design job (eg. a logo design) and the client asks for your IP surrounding the logo, eg copyright, original artwork files, notes, sketches, all of that stuff that went into ...
0
votes
2answers
301 views

illustration tools for beginners

I'm a software developer and am working on a personal project (website + iphone/ipad app). I need simple illustrations for these to fill in the blanks until the project gets "some" paying customers or ...
0
votes
1answer
145 views

waves, tide minimal effect.. some ideas on to improve a attraction “hotspot”

Some advise is wanted from you great guys and gals on the below image. the idea is to represent a "hot spot" of "waves" where your eyes are drawn into. This concept makes you feel like clicking the ...
8
votes
4answers
7k views

Different Logo Colors for Different Uses, Appropriate?

I am finalizing the last step of my logo redesign process. Is it ok not to have a regular color when presenting my logo? I am thinking about having a defined list of colors for different use cases ...
2
votes
3answers
379 views

Fireworks slices for Dreamweaver

I am designing a website and am planning on slicing up my template in Fireworks and then exporting it to Dreamweaver. When this is done it does of course go into a table. I have a title and nav bar ...
4
votes
1answer
965 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
662 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 ...
1
vote
2answers
1k views

Getting text to behave in photoshop like it does in html/css

Im setting out a template in PS 1280x700 px 300dpi (i know web is 72 but i like more clarity when working in PS). My main problem is the way the text renders im using helvetica neue light 15px and ...
3
votes
3answers
6k views

MacBook retina Photoshop save for web

I am, like so many other graphic designers, very excited about the new MacBook 15" with retina display. But there is one thing that I really am concerned about. With 4 times the pixels as on ordinary ...
7
votes
5answers
15k views

How can I make my Photoshop text appear like it does 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 ...
-2
votes
1answer
200 views

How do I make an “ancient” style design

I am trying to design a site with a "ancient" feel to it, such as this example: How can I make textures, buttons and background like on those sites?
2
votes
4answers
1k views

Is there any way to save a Web page screenshot with a transparent background?

I prototyped my web page directly in HTML/CSS, using custom fonts for header text. The font rendering however is very different on Windows, so I would like to export some parts of the Web page to ...
1
vote
1answer
586 views

How can I make my google fonts render properly in chrome (windows xp) [duplicate]

This is the SITE and it looks great in firefox on both windows XP and mac OS10.6. But with chrome on my XP it looks wierd. All the texts are jagged and pixlated sort of. I have tried with and without ...
8
votes
4answers
27k views

What browser width should I use to design a website?

I am working on graphics part of the website and been asked to design a website in Photoshop. I wonder what are an average dimensions and browser widths for a website so i can create my mockup with ...
0
votes
1answer
137 views

“Rainbow” header on web and mobile

I've seen a design pattern pop up now and again on the web and mobile apps. It's a "rainbow" pattern across the top about 5 pixels high. For a great example, check out gowalla.com. Anyone have any ...
6
votes
2answers
6k views

What are the branches of Graphic Design

Does anyone know what is the full-branch of Graphic Design and the title for the person doing it. Graphic Design |- Web Design - Web Designer |- Illustration - Illustrator |- Photo Manipulation - ...
2
votes
4answers
180 views

Are there any sites out there that have reviews of well designed sites?

I'm just getting started learning design, so I'd love to find a good website that has critiques of "modern" sites. In every book I've seen, screenshots are all taken from very basic sites. I'm ...
16
votes
2answers
753 views

What to do if your website design got stolen?

Let say your website design got stolen. You saw your design being used from a different site or company. The only difference from your design is the logo and some images. What actions can you do to ...
-2
votes
1answer
261 views

Photoshop Image Slicing For Web Design

I have a webpage designed in Photoshop. But the primary background image is designed little different than the usual way. Large image. I need to keep the texture and use the background in ...
2
votes
5answers
553 views

Looking for a tool to annotate the Web page mockups I am given with sizing info before I craft HTML/CSS for them

I usually get Web page designs that I have to craft HTML/CSS for. At the moment I use tools such as OS X's own Preview to size up various parts of the designs I get in order to extract widths and ...
5
votes
5answers
1k views

Tasteful Alternative to Marquee

So a client of mine is making repeated requests for things that were "cool" when her website originally launched in the late nineties. One feature is a scrolling marquee that just says "welcome to ...
2
votes
2answers
105 views

Fonts for styling a blog that includes lots of code samples

I'm trying to style a personal site that includes many code listings, with text commentary; many of the code samples are written in the Python language, so they look best a fixed-width font. There ...
0
votes
2answers
689 views

How To Achieve This Type of Page Border

I'm taking this website as an example: BuddyMiller.com Is that border that looks like a nice persian rug, surrounding the page, something I would get from a template online (I've been searching ...
4
votes
3answers
117 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
6answers
11k views

how to add one smart object in multiple files in photoshop?

I know I can do multiple iterations of the same Smart Object within the SAME document and have it change all instances, but what about Smart Objects placed across DIFFERENT documents? That would be ...
6
votes
3answers
331 views

How should I add a realistic shadow to this?

I'm working on a mockup of a jQuery slider which can be found here. Now, I'm not the best graphic designer by any stretch of the imagination, and I can't seem to be able to get a realistic looking ...
4
votes
2answers
874 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 ...
1
vote
2answers
797 views

Creating Rolodex-Style Flipping Numbers Sprite in Photoshop?

So Apple recently had a countdown to their 1 billionth app download and it used a rolodex flipping type of effect. This actually turned out to be running on a sprite image which is composed of ...
4
votes
7answers
7k views

Testing if a BG will Repeat Tile Properly in Photoshop?

I am frequently working to create background textures in Photoshop to be used on the web. Unfortunately I usually have to guess, or just use freebies from other websites. I would like to build my ...
-1
votes
1answer
531 views

Create a cloud using filter and then have that be transparent in parts so

I have been reading, and following tutorials for about 8 hours now. My head hurts. I'm frustrated and it's late :) What I originally did with great success was have the color green and put a layer ...
-1
votes
1answer
156 views

Screenshots on Mac Monitor Widget [closed]

This may be an odd question. I can't bring up an example now that I'm looking for it, but often, I have seen software displayed on a Mac monitor on a site in a screenshot. When you click on the ...
2
votes
6answers
346 views

Is there a name for buttons with a thick shadow underneath?

I have been seeing a lot of these buttons lately. I think it's a recent trend. I would just like to know the name for it so I can explore them further. In this sprite image, the buttons on the bottom ...