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

learn more… | top users | synonyms (2)

2
votes
2answers
4k 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
2k 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
274 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
200 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
580 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
350 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 ...
10
votes
4answers
324 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
533 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
2k 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
45 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
327 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
150 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
165 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
110 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
95 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
184 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
121 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
1k 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
98 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
955 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
2k 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, ...
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) ...
7
votes
2answers
170 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
101 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 ...
5
votes
5answers
295 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
325 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
22k 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
76 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
159 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
361 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 ...
9
votes
3answers
219 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 ...
1
vote
1answer
71 views

Taking consideration for advertisements in web design

Can't argue that advertisements are an extra means of a web site generating income but should web designers take advertisements into consideration when laying out the pixels for a site? Should this ...
1
vote
1answer
186 views

Which colours should be chosen to match a metro theme and be easily readable?

I am colourblind, which makes choosing the colours of my website very hard (often I choose colours that appeal to me, yet look awful to everyone else). I have recently begun a new website (image ...
0
votes
2answers
165 views

Recommended grid systems or layouts for large display and responsive designs

I've been working with 960 layout for years – but was wondering if there are other grid systems that are strongly supported by the design and development community and also have blank or starter pages ...
2
votes
2answers
306 views

How can I manually create a pixel perfect image sprite?

I want to use one of the Adobe Creative Suite 5 programs to create an image sprite of all the small icons and images on my webpages. I've done it a number of times before in Photoshop but can't ...
7
votes
4answers
428 views

reasoning behind black and white color scheme of perfume sites

In preparation for an upcoming project, I've been looking over a lot of different sites for high end perfumes and/or high fashion. Noticed that most of them (at least the perfume ones) have almost ...
7
votes
9answers
3k views

How to present web design mockups to a client?

I'm working on a website redesign project. I will need to present a few different mockups to the client for review. Besides sending images in an email, what is a typical way of presenting mockups to a ...
1
vote
1answer
164 views

Save for Web with Layer Mask

I have an image which has a layer mask so that the image fades to transparent. However when I try to export the image (Save for Web) as a PNG the layer mask is lost. What am I doing wrong? Can this be ...
1
vote
5answers
838 views

Width and height pixels reduction with specific height and width

I am trying to reduce the pixels of an image for the web, but it looks very bad (for exam). 3200X1200 pixels is the original size of the image, but I would like to convert it to 530x411 for my web ...
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 ...
5
votes
3answers
664 views

Advice for creating a fluid and responsive graphic

So I'm creating an entirely responsive website, with the aim of using as few media queries and magic numbers as possible. I've found after a number of attempts, that using the content to create the ...
6
votes
3answers
792 views

How to give a site a mockup look?

Edit to clarify Thank you for the existing answers. I am afraid that you misunderstood my question. I don't want to create mockups (I have some, but they are not suited for my current purpose). I want ...
8
votes
5answers
944 views

Are graphic designers for web supposed to know JavaScript?

If you were to hire a graphic designer to pretty up your web pages, would you hire him/her if the person has no experience in JavaScript but has a very good understanding of HTML and CSS? How ...
2
votes
2answers
161 views

Need some font suggestions, please

I have two separate but related needs. First, the website. It is almost mostly forms (data entry) and tables. For many of the tables, I need a narrow or condensed font. I'm currently using OpenSans ...
10
votes
4answers
2k views

Styling clean flat-design buttons so they show affordance, and look 'well designed'

I started a tiny CSS framework recently. (http://minfwk.com if anyone's interested) I quickly banged out an initial design for some buttons. After asking for feedback on UX StackExchange (and ...
4
votes
2answers
187 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. ...
0
votes
2answers
115 views

How should I lay out a page made of only a small amount of text?

I'm making a website that only has text, and a small amount. What would be a good layout for it? Should I put the text in the top left? Center screen? Somewhere else? The site is a download ...
2
votes
1answer
196 views

What are key elements that define a design as vintage?

Curious to know what key elements out there that some use or see that defines a design as vintage. I know some would consider vintage by the typography or pattern used in the design but what are ...
9
votes
7answers
1k views

Alternative to Lorem Ipsum (dummy text) for websites

Lorem Ipsum has been the known default for dummy text. Per a search the last discussion in regards to alternatives is two years old. I thought I would post a new thread on this topic. So, what are ...
0
votes
1answer
74 views

Estimate number of characters to truncate

In website I am implementing I found that the maximum number of characters that I can display in a certain sidebar div is 17 M (uppercase M) plus the elipses. So that is the maximum I setup the code ...