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)

6
votes
2answers
3k 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 ...
9
votes
3answers
6k 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
285 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
127 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 ...
6
votes
4answers
5k 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
306 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
811 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
494 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
979 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 ...
4
votes
5answers
12k 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 ...
-2
votes
1answer
179 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
490 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 ...
7
votes
4answers
19k 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
133 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
3k 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
178 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 ...
14
votes
2answers
588 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
240 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
439 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
865 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
99 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
614 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
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
6answers
9k 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
294 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
587 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
633 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
5k 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
435 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
153 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
270 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 ...
-2
votes
3answers
197 views

Where can I find Web Designers interested in improving their portfolio? [duplicate]

Possible Duplicate: How to hire a graphic designer? I am a recent software engineer graduate and am interested in building a web service app for portfolio reasons. I would require a graphic ...
9
votes
8answers
15k views

Where can I get images for commercial use?

I am running a web site design service for local small business owner. I want avoid legal issues on the images I use. Usually, the images found on Flickr are forbidden for commercial use. Where would ...
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 ...
0
votes
1answer
114 views

Who are the main exponents (and books) on Design Strategy?

At my web shop we have been studying Content Strategy to implement it and raise the business value of our web development service/product. Upon modelling our business process I stumbled upon what ...
1
vote
2answers
388 views

Can't find easing options in Adobe Edge

I just downloaded the adobe edge preview a few hours ago. I can't seem to find the options for easing effects on transitions on the timeline. I click the transition, but the properties panel just ...
0
votes
1answer
3k views

How to apply border on the right and bottom only?

I use 'Round Rectangle Tool' to create a rounded rectangle shape. I want to apply dark gray border on the right and bottom of a rectangle shape (layer). What is the solution to do this? I have tried ...
1
vote
2answers
5k views

Remove bottom corners when using 'Round Rectangle Tool'?

I use a 'Round Rectangle Tool' to create navigation bar (for website).. How to remove two rounded corners at the bottom? Once it has been removed then I can apply some style from blending options. ...
4
votes
4answers
4k views

Google Web Fonts or Typekit?

As a graphic designer, I do website designs, but not the development. Someone asked me today if I know about Typekit, and I hadn't heard of it so I googled it, and it seemed pretty much like a paid ...
1
vote
2answers
375 views

How much should a computer science undergrad charge for web design/development services, when just starting out? [duplicate]

Possible Duplicate: What price should I charge for design services? I'm a computer science undergraduate and have recently successfully applied for a web-design job but have a few ...
0
votes
1answer
284 views

Design tips for a web design by a beginning developer

I'm currently in the process of making a design for a web application. Although I'm very interested in design, I'm actually a programmer, and I don't have a lot of experience with design. That's why ...
0
votes
1answer
287 views

Recommendations for design process books [duplicate]

Possible Duplicate: Tips and sources for beginning designers I am interested in user centred design. I practice web design, but I think the design process in general is useful from all ...
3
votes
3answers
18k views

How to resize an EPS file in Illustrator to fit a pixel size?

I'm very new to Illustrator. Having used Photoshop all my life, vector art is something very new to me. I have this company logo in EPS format. I want to use AI to resize the image to a certain pixel ...
2
votes
2answers
278 views

Legally use UI design of iOS platform as website design

I'm creating a web page which has an inherent link to smart phones, and therefore I would like to mimic the design of the iOS and/or Android platform in the website. In the case of the iOS platform, ...
0
votes
2answers
317 views

What is the layout style for sites like GrooveShark called?

I don't need to know the artistic style but instead the style name for single page application like webpages. They have dynamic height and width with no scrolling.
1
vote
1answer
448 views

How do I breakdown a PSD Background To Tileable layered elements

I'd like to create a scaleable multi-resolution web effect similar to iBooks and started by building on this tutorial. The problem is with the background image: As you can see it has two masks on ...
1
vote
1answer
134 views

How to lay-out a list of links so the intended reading order is apparent?

I have a site (no CMS platform) that has a list with links. The list consists of 14 links, each referring to a pdf file. If someone wants to read the content of these files, they must follow a certain ...
2
votes
3answers
781 views

What are examples of web apps with clean, text-based layouts?

I'm in the process of redesigning a web app with a very simple layout, set mostly by text (similar to Google in both aesthetics and functionality). Do you know any examples of web apps with such ...