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
2answers
3k 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
932 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 ...
12
votes
2answers
8k 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
248 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
111 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
665 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
2k 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
295 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
130 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
475 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
431 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
729 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
45 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
495 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
107 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
130 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
4k 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
180 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
245 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
218 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
118 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
3answers
378 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
305 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 ...
4
votes
3answers
6k 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
158 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
97 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
517 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 ...
4
votes
5answers
19k 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
697 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
1answer
130 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 ...
-1
votes
2answers
185 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
vote
1answer
842 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
299 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
3answers
1k 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
161 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
167 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
899 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.
1
vote
4answers
350 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.
1
vote
4answers
140 views

What type of graphics style is used in the WP Bones website?

I'm trying to design a couple of graphics and a header image for my website . I came across the "Bones" website and really liked their style of graphics for the clouds and background sky. The ...
6
votes
4answers
609 views

Titles and Menu items in lowercase, uppercase, serif or sans serif?

Im building a new wordpress website and need some input. The question is - should i use lower or uppercase - serif or sans-serif for my post titles, widget titles and menu items? Which is the best in ...
1
vote
2answers
883 views

Bootstrap buttons - text hard to read?

Is it just me, or does the text on the Bootstrap buttons hard to read: I feel that the text is way too small for the size of the button and the letters are too close to each other, making them ...
1
vote
1answer
57 views

Where should be put a feedback box on a website? [closed]

Is there a special place where to be this kind of section? I have a task to integrate a "feedback box" and I have no idea... Thanks!
9
votes
4answers
372 views

Critique: Tritium website design

In follow up to this question: Critique: Tritium software logo design. For reviewing the website code (performance, bugs, related user experience), please visit the sister question on Code Review. ...
-1
votes
1answer
83 views

where should I get Images for website? [duplicate]

I'm working on a PSD mockup for a website. I'm really getting hard time searching the right images for slider and related stuff. I looked through stock images and they are expensive! What is the ...
1
vote
2answers
1k views

How do I make a style guide template?

I'm creating a website and I'm in the branding and styling stage where I'm picking a color scheme, font combinations, etc. I want to create a very basic Style Guide to show to my clients for ...
-1
votes
3answers
112 views

How is mozilla.org homepage design acheived? [closed]

https://www.mozilla.org/en-US/ Can anyone comment how the below is acheived? 1) the sliding image album in the homepage 2) Shadow behind thumbnails in https://www.mozilla.org/en-US/products/ If it ...
21
votes
9answers
9k views

How to answer the ever-present 'make the logo bigger'?

Just like most of us, I regularly face the client desire to 'make the logo bigger'. Especially in web designs, clients want to inflate their logos to ridiculous sizes. How do I effectively counter ...
0
votes
2answers
794 views

Do browsers really only display images at 72 pixels per inch? [duplicate]

In the book HTML and CSS, I came across the following quote: The web browsers on most desktop computers display images at a resolution of 72 pixels per inch (ppi). So is it really useless to ...
0
votes
4answers
420 views

Critique : Feedback for portfolio website design

I'm in the early years of an aspiring web/graphic designer. The two main intentions behind creating this website were: To get some practice Use it as an online portfolio while hunting for jobs ...
4
votes
4answers
466 views

What does a tagline in a website header communicate by being there?

A client is asking to include a tagline in the header of their website, they are a premium agency. I lean away from this because what ever I do to try to include it, seems to take away from the ...