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)

2
votes
2answers
8k views

saving a logo illustrator for web with transparent background

I have a simple b/w logo in illustrator, and want to save this for web use. I am new to web, just savvy in print :(... what is the easiest way to save this file with a transparent background so that ...
2
votes
2answers
413 views

Where can i download banner/slider/header landscape background images? [closed]

I've looked all over google , and i can't find any images that would fit right. I'm looking for something like this http://wrapbootstrap.com/preview/WB02634G3 or http://unslider.com/. I really hope ...
4
votes
4answers
459 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
370 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) ...
6
votes
1answer
230 views

What are some techniques in designing around a colorful logo?

I usually have to make websites based around logos that are very colorful (4-5 colors). Let's say the colors of the logo is similar to the logos of Chrome, eBay, Joomla, MSN. What are some of the ...
4
votes
2answers
990 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 ...
0
votes
1answer
56 views

Margins between varied size elements (heading, input, and button)

I have to design a page with two button choices separated by horizontal rule. The first group has a heading, text input and a button all on new lines. The group after the horizontal rule has a ...
4
votes
1answer
3k 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 ...
3
votes
4answers
272 views

Why link a portfolio site to external services?

In regards to external services (Dribbble, Behance, and Deviant) what is the purpose of having a portfolio website but you link all your images externally and take a viewer away from the main site and ...
8
votes
4answers
186 views

AIGA - Worth it for web designers?

I haven't been to an AIGA event in a few years, and I've only been to a handful between the VT AIGA and Philly AIGA. What I remember between the two were they seemed great for students, and maybe ...
4
votes
2answers
764 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 ...
3
votes
1answer
277 views

Appropriate Button Color for Dark Background

What is a good color to use for a button that will be put on an HTML page that uses this dark background color: #404040 ? I looked at various shades using Adobe's Kuler of the above mentioned ...
4
votes
2answers
197 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 ...
6
votes
1answer
249 views

What's the name of this staggered portfolio style?

I've been trying to figure out the name of this portfolio style. Is it as simple as Staggered? I'm attempting to do something similar, but I have no idea what the style is called. I've searched ...
2
votes
6answers
942 views

Working with color palettes

I have read some articles about web design, all of them recommend to choose a color palette first. I know colors are most important thing for professional web look. COLOURlovers, a web for color ...
2
votes
1answer
150 views

How can I evoke the style of Impressionism in a web design?

Design of almost all sites on the web is sharp. How can I create a good web page where tabs, buttons, and other UI elements mimic the style of impressionism? I find common themes of impressionism to ...
10
votes
3answers
621 views

How do I work with a logo that has what seems like too many colors?

The company I'm designing a site for has an logo that I must work with. All of my ideas for standard color palettes and layouts are challenged by this logo.. Most [good looking] logos I've worked with ...
5
votes
2answers
6k 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
3answers
1k views

How to measure sizes and distances from parts of an image file?

I have this image sprite containing many small icons. I don't know the accurate size, height and width of each icon and it's too difficult for me to find it manually with my current tools (I am using ...
2
votes
2answers
8k views

Use vector image to cut shape in another layer/shape

I am currently trying to make some rounded social icons for my website. I managed to fine a blog online which supplies some vector cutouts of some of the popular site logos I need. What I want to ...
3
votes
3answers
6k views

What programs can I use to create an animation for web?

I have never created animations, but I want to make one for my website's home page. Basically what I have is an image where each chakra of human body is shown with its name. I want to show how the ...
4
votes
1answer
407 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 ...
3
votes
2answers
232 views

Website Style Guide Creation

I'm working for a client that requires me to create website style guides from detailed photoshop mockups of the already designed website. These style guides are then passed on to the actual developers ...
3
votes
4answers
798 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 ...
4
votes
3answers
604 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 ...
13
votes
5answers
663 views

Where can I go to recieve feedback on web design projects?

Are there are any web design forums where designers can submit their work to receive feedback and advice? I am looking for a place that I can seek advice on how to improve my designs.
3
votes
2answers
585 views

Site Design Complementary Colors vs Analogous Colors

I am finding various resources on what is more accepted to use a website design color scheme, complementary colors such as red/green or blue/orange or analogous colors such as green/yellow or ...
6
votes
4answers
3k views

What is the ideal number of font sizes to use for a website?

I'd like to know how many font sizes can you use for a website. Someone said to me it's better not to use more than 3 different font sizes (e.g. 16px for heading, 11px for text and 13 px for smaller ...
2
votes
0answers
50 views

Improving design skills [duplicate]

I've been practicing front-end web design for almost 4 months now (and by that I mean design, HTML, CSS, and JavaScript). I've found that I excel in terms of writing code and markup, but my design ...
3
votes
3answers
413 views

Is there a simpler solution than Photoshop for web development?

During web development it's only really necessary to chop, crop, extract layers and save as PNGs, etc. A web developer will only use a tiny fraction of a tool like Photoshop. Photoshop as a tool for ...
4
votes
2answers
175 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 ...
1
vote
1answer
216 views

Adding curved drop shadows using Gimp

I was going through a few website designs and I really liked this pointed corner drop shadow: How can I add similar shadow effect using The Gimp or simple CSS?
3
votes
2answers
118 views

How to prevent inconsistencies when designing new icons for a pack

I am currently using the Entypo icon pack for the design of my website. Unfortunately it's missing some icons I want. I am willing to create them but I'm afraid to create inconsistencies because I ...
0
votes
1answer
104 views

What are the icons used in the Study Room website?

I want to understand how the icons used in Study room' whiteboard were inserted. To see what I mean, navigate to the site, click Create button and then Join button on the animation. If you observe ...
1
vote
2answers
232 views

Blending a drop shadow seamlessly

I need to apply shadow to an overarching border, however so far I've created the shadow with CSS, and since the overarching border is formed by two boxes, the shadow overlaps. My solution to this is ...
1
vote
3answers
141 views

What's the name for images like these?

I'm trying to figure out the name for, or a collection of, the kinds of images that "fade-into" a solid color. For example, twitter has this image: This allows them to add a background image that ...
2
votes
4answers
2k views

How can I create interactive animations without Flash? [closed]

I have a client inquiring about the following image having the gears rotate constantly, and also have mouse over interaction shown by the one gear and text being darker. How would one go about ...
7
votes
2answers
103 views

How to address a flaw in a client project

In a large company environment client projects are delegated to teams. That said, if your team is completing a website for a client and you happen to run across a large design and code issue but your ...
1
vote
2answers
3k views

Expression Design: Why is my image blurry?

I'm trying to create a web icon using expression design. Its 45x45 pixels in size, and I've set the PPI to 96, exporting to .PNG with Antialias & Transparency. It doesn't look crisp when I look ...
6
votes
4answers
3k views

Responsive web site mockup tools

I've always done web mockups in Photoshop, recently I switched to Illustrator because I thought it could speed up my work flow (And it did!) As I design more and more for responsive web sites though, ...
4
votes
4answers
127 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) ...
7
votes
2answers
207 views

Is there a graphic design specification system?

Is there a commonly used design specification system to present a graphic design to a customer before we start the implementation? My challenge is specifically on mailings (PDF A4, html sent per ...
1
vote
1answer
157 views

How to Compare a Dot (used in printing) with a Pixel (used in websites)?

I am a web developer but I am noob in designing. I have an html page of size 640 pixel * 800 pixel. I have converted this html page to pdf using wkhtmltopdf. But my boss is saying that we need to ...
6
votes
5answers
472 views

How you can rework logo to fit favicon of browser - 16x16px?

Let's say, I have a logo of website, with size 120x50px. Favicon should be 16x16px to be supported by major browsers. How it is possible to rework some image, making it smaller nearly in 10 times, ...
6
votes
3answers
448 views

How can I take my graphic design to the next level?

I'm a full-time professional designer in the early middle of my career -- I have been working as a designer full-time for 15 years. I create lots of work that I am very proud of. However, when I look ...
1
vote
1answer
24k views

What is the default dimension for a user's Twitter's Background image?

What are the default dimensions for a Twitter User's Background image? If I want to upload my own image for my Twitter account's Background image, what should its default dimensions be, as per ...
1
vote
2answers
126 views

Trim image by color

I have an image: I need this image for a webpage background. As you see, it has lots of useless pixels around the blurred element which could be replaced with CSS. The image given to me is JPG, I ...
2
votes
1answer
242 views

How can I give a uniform feel to a gallery of pictures?

I'm designing a page with a lot of beautiful pictures of different places. I'm wondering how I can use some sort of filter on the pictures or how to format the container to give the page a consistent ...
4
votes
2answers
476 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 ...
11
votes
3answers
363 views

How should you web design with foreign typography

Some web design and development projects client's will request capabilities for a foreign translation in their site. How can you account for this and what are some good practices for content ...