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)

0
votes
0answers
19 views

Border colors paradigm

What's the border color paradigm (of a div) in CSS 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 ...
1
vote
0answers
25 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
69 views

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

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 ...
2
votes
2answers
109 views
+100

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 ...
0
votes
0answers
28 views

graphic design for web [on hold]

I have been asked by my college administrator to provide a report on which software and hardware the college should purchase to incorporate high resolution graphics and videos on their websites? (pc : ...
2
votes
5answers
249 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 ...
-3
votes
0answers
37 views

Best Photoshop book for programmers

I'm programmer. I create websites using Ruby on Rails and learn Clojure in my spare time. Sometimes I need to apply gradient to div or draw fancy button. I'm looking for book that will teach me basic ...
-3
votes
0answers
61 views

How could the look/feel/design of this website be improved? [closed]

So im a web developer and not so much of a designer so my question is how could the look and design of this web layout be improved simply, yet effectivly? Specifically, I'm looking at color scheme and ...
2
votes
0answers
50 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
1answer
620 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
51 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 ...
6
votes
2answers
248 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
136 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
53 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
67 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 ...
0
votes
2answers
42 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
39 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
66 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
83 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.
5
votes
3answers
44 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 ...
6
votes
1answer
47 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
40 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
112 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
61 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 ...
0
votes
0answers
53 views

techniques/methods/utilities/exercises to practise typography principles

I am a beginner interested in learning typography. What kind of tools are available that would help me layout/experiment easily with various design principles. For example, this site i found immensely ...
4
votes
6answers
40 views

Is it possible to prevent download of images when designing a website?

Say you wish to provide sample high-quality images in your website but also wish to protect them from download, as in you can view them on screen but can't save from the website. Is there a way to do ...
0
votes
2answers
118 views

Logo for website

I am new to web design, what is the best way to save logo for web? I am exporting as png and logo shows up too small on website. Any help is appreciated.
1
vote
2answers
165 views

Rebranding a website to get a professional look

I am a web developer student, and I usually think too much on user experience when it comes to designing websites (colors, interaction, etc.). This concerns me a lot when it comes to the creative ...
1
vote
2answers
84 views

Grid system building methodology for web

For a long time now, I have been using premade grid systems, like foundation grid for instance, which consists a grid of 12 70px columns, and 30 px gutters. But as my design passion seeks the best ...
0
votes
2answers
70 views

Trying to make a picture's background fit with a background that the picture is on

I have a picture on top of a background that is wider than it and the background colors don't match. I tried to use the eye drop but you can still tell it does not blend in. I was wondering if i can ...
1
vote
2answers
82 views

What font would compliment Source Code Pro for better readability?

Please see this example: I use Source Code Pro for my website as main font. While I like the look and feel of the font and I chose it specifically for that, I have the impression, that it does not ...
3
votes
6answers
155 views

Critique: how to visually differentiate similar looking icons of “Test”, “Save”, “Load” & “Download”

I'm Currently working on a mail template builder project. We're using a lot of icons and now I need to make some for our menu bar. As you can see they must represent Test, Save, Load, & Download ...
1
vote
1answer
98 views

How to export .svg file from Adobe Illustrator with shape IDs?

My question is very simple. How to export an SVG file from Adobe Illustrator with shape IDs? When I export as SVG my group names turn to groups with group name as ID, that's the behavior I would ...
0
votes
1answer
97 views

What is the name of twodots design [duplicate]

Hi, I just love this kind of design and I wanna know if exist specific name for this.
0
votes
1answer
51 views

Web Designer vs Visual identity creator

Is The main role of a web designer is to create a full visual identity to a company through his design ? ( to a company that don't have a visual identity )
0
votes
0answers
100 views

Get RGB/Web color values for Avery vinyl colors

I'm doing some basic web-design work pro-bono for a local charity, and I'm trying to match some colors that they use on the side of their vehicles. They use Avery vinyl in two colors and a 3m ...
0
votes
6answers
384 views

Web design what to use Photoshop or Illustrator?

What should i use to design photoshop or illustrator ? There's a correct software or its more a personal choise ?
0
votes
1answer
60 views

How to apply Z-index to a layer in Photoshop?

I am new to Photoshop trying to design a web page and I was wondering is there any way to assign a "z-index" like feature from CSS to a layer to control overlapping between my images?
0
votes
0answers
12 views

Maintaining contrast between background and text [duplicate]

I am working on the home page of a site that I'm building and I'm looking at a minimalistic cover page design. The issue is that the stock image that serves as the background for the page is too ...
0
votes
1answer
66 views

When should we prefer rounded corner rectangle over square corner rectangle? [closed]

I always find myself in a dilemma about whether to choose rounded corners or square corners, for both applications UI & web design. As I read in a couple of articles choose one style of corners ...
0
votes
2answers
52 views

illustrator pencil tool jagged line problem

I used pencil tool, but almost lines are jagged. I checked anti-aliased art work in preference setting, but it can't solve the problem. and I will use the picture for web. (700px * 344px) It is okay ...
-1
votes
1answer
58 views

How to preserve image quality when exporting psd file to jpeg?

my psd file is 9900px by 6600px and I want to export it to jpeg for a website. When I try to export it to jpeg with 72ppi and lower down pixel dimensions to about 1000px by 750px, the image comes out ...
1
vote
1answer
96 views

Font size while designing a web template in photoshop at size 1280px by 1000px

I am fairly new to designing and almost self taught, so please excuse me if my question is downright stupid. I have found that when I design a web page in photoshop, my font size is very small and ...
0
votes
2answers
116 views

Web design critique

I feel like this particular example has a lot of good elements. I think visually the colors work well. I like the logo design. I like the home page. But I am struggling with how to layout the rest of ...
0
votes
2answers
221 views

Material Design headerbar and icons color

I'm trying to design a website using the Material Design guidelines. I've a navbar/headerbar with the logo of my website and some icons. The background color is transparent, showing the background ...
1
vote
2answers
94 views

Can anyone recommend a design book that has a strong pragmatic web orientation?

I've been looking through the site recommendations and other people's posts requesting beginner's design books but have yet to find anything that meets my specific tastes. I'm not looking to make ...
0
votes
3answers
94 views

Does making pictures with bigger dimensions than actually needed enhance their quality?

Clarifications I need the picture for my website, that is, it'll be for online purposes. I'll be using PNG because I need transparency. [EDIT] I need a "JOIN" written on a monochromatic sketch-like ...
0
votes
1answer
163 views

Is Proxima Nova a web safe font?

I've been asked to replace the font we use on the web and mobile apps with Proxima Nova. I wanted to ask the community if any of you know if Promima Nova is a web safe font?. Thanks.
0
votes
0answers
23 views

Why Does SVG Automatically Center Itself?

I recently converted my logo from PNG to SVG. The sizes of the images are identical, however, the SVG version seems to want to automatically center itself. You can view the PNG of my logo at ...
1
vote
4answers
123 views

Will my web site's type in the web browser look exactly as it does in Photoshop?

Are there specific web font guidelines to use in Photoshop files for web design? I am having issues with line spacing and fonts not showing correctly in HTML.