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)

7
votes
8answers
1k views

How do you present interactive webdesign?

The interactivity becomes more and more presents in our design for the web, but has anyone found a good way to presents the interactivity to the client ? I talk mainly about the small animations like ...
3
votes
3answers
144 views

Does the typographic baseline grid manage images and other elements as well?

Since we build a baseline grid to rule our copy on the web, on articles I read, it's not clear if we should use this base line for giving spaces to other elements of the web as well, such as images ...
2
votes
5answers
147 views

Fixed size image on screens and paper?

I'm looking for an image format (I guess) that can be used for web images as well as for printing (on paper) directly from any platform/browser so that the images have the exact same sizes on paper ...
0
votes
1answer
104 views

What should I learn to become a web design expert? I am from engineering background [duplicate]

I'm a computer science graduate having a passion for web design. Almost two years ago, I started learning web design. I designed few websites as well. Every day I try to improve my designing skills a ...
1
vote
2answers
148 views

What should the dimensions be for a “coming soon” page?

Are there are standard dimensions for a coming soon page? I tried to google it and search for an answer on here but I didn't find any satisfactory answers. I mostly saw the dimensions recommended to ...
1
vote
2answers
101 views

What should interaction between a UI Designer and a front end developer look like?

How should I write the guidelines for the design (colors, dimensions .etc) for the front end developer to use? At the moment I just create an overlay on top of my design and write notes in that ...
3
votes
1answer
881 views

Arabic website - design for right to left languages

I am working on a website in multiple languages, one of them is Arabic. Which makes things more fun .. As you know, in arabic and other similar languages the text goes the other way, from right to ...
1
vote
1answer
88 views

Is it possible to hide part of an adaptive web design on smaller screens?

This is the News page of my firs adaptive website. The full height is shown (the scroll-down part is also included). The terracotta sections on the horizontal line are for placing news feed ...
1
vote
1answer
109 views

Creating a Build-Your-Own Color Picker to go with Website?

I am trying to create a build-your-own type of color picker based upon the brochure image below: Basically I want to create a color changer that will allow a user to select each different ...
1
vote
5answers
446 views

Two logos on a website header

So I have a client right now which is asking me to include a second logo on the website's header. I am no graphic designer but I feel this is so wrong. The second logo is for one of the projects the ...
1
vote
3answers
568 views

Designing properly for the web - grids for bootstrap and preparing files in photoshop

I have graphic design skills but never designed anything from scratch for the web (except using wordpress templates). I have a lot of experience in Photoshop but not a lot in web. I want to start a ...
3
votes
2answers
123 views

When trying to achieve the “ideal” letter count per line how do you balance container size and font size?

“Anything from 45 to 75 characters is widely regarded as a satisfactory length of line for a single-column page set in a serifed text face in a text size. The 66-character line (counting both ...
0
votes
2answers
110 views

Changing color scheme of calendar icons?

Here's the image I'm working with: I'm wondering if it's possible to automatically change all the images to using a color scheme close to #489fdc. I've tried making changes in Paint.NET and ...
2
votes
4answers
242 views

How should I prepare my fonts to support a Chinese version of my website?

Wondering... Should I first make sure the font I selected for English supports Chinese characters as well, or after selecting any font for English then search for other font for Chinese that matches ...
0
votes
2answers
160 views

Critique: how can make this 3-column dashboard design flatter?

Attached you see my current design of a 3 column dashboard. How can I improve this design in a more "flatter" way? Be warned that I am no designer, so if you have links to tutorials that would also ...
0
votes
2answers
169 views

How to optimize my pictograms for Retina screens?

Surprise when I saved my pictograms for the Web (from Illustrator): They are strictly not as clean as expected => totally blurred. Here's an example from my Retina smartphone: And the initial ...
0
votes
1answer
371 views

Changing Color Scheme Automatically?

Here's my image: I'm wondering if it's possible to automatically change all the images to using a color scheme close to #489fdc. I've tried making changes in Paint.NET and Photoshop, but haven't ...
0
votes
0answers
55 views

Why do photos jump around when exporting from Muse?

My company is trying to slowly move towards digital and we are in the process of learning Adobe Muse as a stepping stone to more legitimate web practices. One issue we continue to encounter is our ...
3
votes
2answers
342 views

Should my website's typography use the same font as my logo?

I am working with a logo that is using ChunkFive Roman. What's the standard web design practices regarding this? Is it good design to use the same font as my logo for primary headers? (also a side ...
-1
votes
1answer
69 views

Web Design, Custom Image changed with drop down selection box?

I am curious to know how those "customize -random product-" objects are built. I assume some sort of flash is involved. There are many websites that allow you to customize shoes, shirts etc, and when ...
5
votes
4answers
407 views

How can I left-align the text in a table of divs so that the rows are evenly distributed?

I'm trying to arrange some names. I changed them out before posting using generatedata.com but the real ones are in alphabetical order from left to right each row. I'm trying to figure out how to get ...
5
votes
5answers
3k views

Best practices for full width browser images?

What are the best practices people follow in respect to images on larger viewports? What size browser should we design for? Meaning how do we deal with high resolution monitors and what % of users ...
0
votes
1answer
39 views

When saving image for Web, outlines change

I have an imagemap with a click and mouseover function on several areas. I edited and saved the images in Photoshop with the option "Save for web". I used PNG-8 with 256 Colors. Performing the ...
0
votes
5answers
273 views

Web mock up to Dev

I was curious what is the process/ workflow for a web project. Specifically if you as a designer created a mockup in a (.psd or .ai), and you need to hand it of to the developer. Do you annotate the ...
8
votes
3answers
1k views

How can I create hand-drawn style graphics for my website?

I am developing a web page for web based application, i am new to web design, so forgive if i have asked very basic question. i want to create icons and embed into my existing png image file. i have ...
9
votes
4answers
7k views

What is the difference between “flat style” and “material design”?

After Windows 8 came out all spoke about "Metro UI" and later about the "Flat design". Now, after Android Lollipop came out all speak about "Material design". Can somebody explain the difference ...
-1
votes
2answers
95 views

Color scheme not working?

I am trying to redesign my site however I am a developer and have no real UX experience beyond a VT 1300 course. I have chosen a color from my logo and created a complementary color scheme using ...
0
votes
2answers
194 views

Using Generate Image Assets to get repeating background from a shape with Photoshop CC

Rephrasing my question for clarity. I have a navigation bar that I've created from a Shape that has a border and a gradient. How can I use Generate Assets, or Extract Assets to get 2nd end caps and ...
0
votes
0answers
731 views

How to make Google Maps in Photoshop?

I'd like to find out how I can create a map similar to these: especially for web design project (in psd file). Do you know how to get that kind of maps? I suppose it can be something like ...
2
votes
1answer
156 views

Is there a rule of thumb or some guidelines for deciding what colour to use for a border?

What's the border color paradigm in terms of color schemes and background color? Some borders look nice on some backgrounds. Is there a rule of thumb when choosing div's border colors in respect to ...
2
votes
1answer
251 views

Adobe Illustrator 'Align to Pixel Grid' Problems

I'm using Adobe Illustrator to produce the UI designs for a complex web app and I need pixel accuracy. However, Illustrator seems to be a bit of a pain when it comes to pixel accuracy as its not doing ...
-1
votes
2answers
154 views

What is the simplest and trendiest styles for a list layout on a website? [closed]

I'm working on a web page design, I have the content as a list view of upcoming events with some details about each event (time/location/description....etc) with 2 links at the top of the list to ...
4
votes
3answers
322 views

Do and don't do with styling <html> and <body> tags

When I look at some CSS style for a web page, I typically first look at styling the <html> and <body> tags and then I look at other sub-elements. The styling of <html> and ...
2
votes
6answers
468 views

Client wants to remove footer on certain pages, should I?

I have a client who insists that we remove the footer from certain pages under the guise of 'the footer will distract people and they will leave the site/not finish the journey'. To me, this sounds ...
5
votes
1answer
265 views

Are zebra stripes on tables more effective than good spacing and visual contrast?

In old forms or webpages I often see a lot of zebra striping used on the tables because the way the table was designed it was difficult to see the rows and columns easily when you want to locate ...
4
votes
2answers
1k views

Should I use Hex or RGBA when designing a website?

I know this has appeared on StackOverflow already: Are there any good reasons for using hex over decimal for RGB colour values in CSS? Use HEX or RGBA But I'd like to ask on here since we're ...
0
votes
0answers
481 views

Rendering Issues with Proxima Nova Web Font

We recently launched a new website (backtothebible.org) designed by an outside company. The site uses Proxima Nova. The font renders great except for a few sizes on PC's. The issue--which is an ...
10
votes
2answers
3k views

What's the best way to animate an illustration for the web?

I have a couple of illustrations done in Illustrator and I am planing to animate it for a website that I am working on, I've heard of Create.js toolkit with flash, but is it the best way to go or is ...
4
votes
3answers
182 views

Making changes to a page that I own, but was made by someone else

When a web designer makes a website, they usually put a small writing at the bottom. It usually says something like "Made by Joe Whatever". Let's say I paid Joe for the website design he made. Now, ...
1
vote
0answers
90 views

Comparing numbers of vastly differing scales

I'm working on a project that looks at the nature of electronic data (bits/bytes, storage) and the exploding nature of data traffic on the internet from 1990 to projected 2016. For one part of this ...
0
votes
2answers
331 views

Photos for non-commercial usage in websites

I want to build a website for a school. can I use photos with non-commercial licence considering that the school will not sell or make any money from these photos? or the school is considered as a ...
1
vote
2answers
588 views

Is it possible to make stroke only shapes in Photoshop without Stroke Path?

I often find myself stroked shapes for buttons etc (kind of like the "Ask Question" button on this site actually). I follow the approach of creating a white shape with a stroke effect, and then ...
1
vote
1answer
188 views

Rollover in Fireworks without slice tool

I want to create an imagemap in Fireworks CS5 on which certain parts shall change when I roll over with the mouse. These parts shall contain links to a new website as well! Since I am using a ...
5
votes
1answer
116 views

Web design for Legal pages: What are some things to keep in mind?

So I have been looking around but cannot find any good advice on how to go about designing a page for legal matters. These pages would clearly state Privacy Policy, Terms of Service, etc. I think ...
1
vote
4answers
216 views

What application do most designers use to design websites?

What's the industry standard application used for designing webpage PSDs? Photoshop? Dreamweaver? This is solely for creating a design in PSD format, not converting to HTML/CSS.
6
votes
3answers
306 views

'This page is under construction' message or no page at all?

From a Design point-of-view, if a page is not ready yet, but the rest of the site is; would it be better to: Have a 'this page is under construction' message, or Not have the page at all, until it ...
7
votes
1answer
437 views

What are the relative advantages of flat design, material design and skeuomorphism?

I've been looking at Google's guidelines for this thing called "material design", and I've been following it some. However, I also see a lot of sites using flat design: Twitter, Codecademy, and Gitter ...
0
votes
0answers
43 views

Creating a great color palette [duplicate]

For a design assignment, I'm looking for a color that goes nicely with #a31366. The problem is that it's a kind of purple/pink that I've never worked with, so I am bummed out at finding what the best ...
2
votes
1answer
307 views

How to create a modern arrow with Photoshop's line tool?

I'm attempting to create a stylized breadcrumb (below) but am botching the arrow. Is there a more precise and 'economical' method of creating this type of arrow? Preferably one where I retain ...
0
votes
0answers
95 views

Dynamically composed icons representing state of content

I am considering a web UI imrpovement. Each icon (large, 128x128px) in flow layout represents a configuration of a certain process, and, to the user, there are a bunch of "important" settings for this ...