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
4answers
114 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
197 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
133 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
401 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
406 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
99 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
216 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
434 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
334 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
77 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
214 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
220 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
340 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
491 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 ...
8
votes
9answers
5k 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
280 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
1k 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
145 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
889 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
1k 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
1k 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
225 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
214 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
120 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
324 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 ...
13
votes
7answers
3k 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
85 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 ...
7
votes
4answers
2k views

Which is a better design pricing model?

I'm curious which pricing model other feel best fits freelance design, in what situations, and why. I am not seeking dollar values. There are a few basic pricing models a freelancer can use: ...
4
votes
4answers
785 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 ...
1
vote
2answers
2k views

Simple Line Fading Away At Both Ends

I am not much of a designer. Looks like a very basic thing to do but i don't know how to do it. I just want to create a line that is blurred from the ends and have this shade at the bottom of it. Its ...
3
votes
5answers
687 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 ...
1
vote
1answer
84 views

Why does photoshop import every third frame of a gif?

I have a 90 frame gif and if I file-import-videoframes-to-layers it will make 30 layers and the .gif will end up flashing too much. Any ideas?
0
votes
1answer
319 views

Why are my elements moved after being exported to svg

I'm quite new to Adobe Illustrator, but used to PS. I wanted to experiment with Illustrator to create SVGs that can than be manipulated with JavaScript. I created some kind of background-layer and ...
3
votes
7answers
5k views

What is the exact role/relationship of photoshop in web design?

I'm confused about the relationship of Photoshop (and any other image processing software) in web designing. I can see countless tutorials anywhere teaching on how to make web layouts from scratch, ...
6
votes
5answers
4k views

Is there a visual web editor based on bootstrap?

Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the ...
1
vote
4answers
376 views

Twitter bootstrap prepended and appended input text

we are working on a css framework for our app, having made the prototype with twitter bootstrap, we started by designing the elements of bootstrap we had used. One of them was prepended and appended ...
3
votes
2answers
342 views

How can I make this footer “more corporate”?

I created a footer for a dental lab. I was trying to keep it warm and inviting, but now being told it "looks too casual" or "looks too simple". I heard the blues and grays are "too subtle" So before ...
0
votes
1answer
1k views

Size in mm of website mock up using InDesign

I want to create my website mock up using InDesign. Based on a finished website resolution of 1024 x 768 what size should I create my pages in InDesign (in mm). Thanks
3
votes
1answer
3k views

Best image dimensions for downloadable wallpaper, for PC, HD, mobile and tablet?

Let's say I wanna make a website that would allow a user to download a wallpaper in sizes for PC, HD, mobile and tablet. What are the top used / best image dimensions I should host?
16
votes
2answers
340 views

What is the effect of ligatures in web, regarding SEO

All designers love ligatures but vanilla web typography just sucks. I heard of smartypants that solves many of thoses issues, bringing sexy quotes, gorgeous ampersands and all. It's just perfect, ...
4
votes
1answer
168 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 ...
2
votes
1answer
153 views

Any good example of electric waves incorporated in a web design?

The client I work with has undergone an internal branding exercise. The result is that all of their documentation standards have been updated to include a common header. The header contains a black ...
2
votes
1answer
86 views

Where to start when styling widgets for an app?

I'd like to improve the visual appearance of these widgets. What tools are available to help me? I am in need of advice on how to make widgets I create look and feel professional. I am no artist ...
1
vote
2answers
156 views

How can I make these links more obvious to click on?

Currently working on a redesign for a dental laboratory. While testing the home page with a user, they never clicked on the links in the subnavigation. They clicked on the larger buttons in the links ...
1
vote
2answers
166 views

Rotated tiling background

How do I rotate the this image by 30 degrees but still have it be tileable? http://i.imgur.com/OXQ8cD4.png
4
votes
5answers
203 views

What is a quick and concise way to explain online font licensing to a customer?

Customers are usually proud of their (offline) identities. As webdesigner, I regularly find myself having to explain that I can't legally use their licensed font in their webdesign. When I do, it ...
0
votes
4answers
259 views

Instructions to give a print designer looking to use non-system fonts for websites

So we often run into print designers who choose all these crazy fonts that don't look good for the web. As a backend web programmer, what do I tell print designers to help them select non-system ...
0
votes
2answers
1k views

How do I use a vector graphic to cut an image in Fireworks?

I am designing a website with Adobe Fireworks and I want to have a design where I have divs with rounded corners. Inside those divs I want to have an image that gets cut (rounded) by the containing ...