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
2answers
110 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
0answers
37 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 ...
0
votes
1answer
45 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 ...
1
vote
2answers
364 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 ...
5
votes
4answers
909 views

Good sites to find textures online?

I'm always on the lookout for good textures, as they are pretty subtle but can add a lot of life to your site. Recently I found Tileables (http://tileabl.es/) which looks pretty cool. Can you ...
3
votes
2answers
132 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
40 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 ...
0
votes
5answers
152 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 ...
0
votes
1answer
27 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 ...
2
votes
3answers
722 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 "Metro design". Can somebody explain the difference between ...
21
votes
7answers
11k views

Which format is better for saving images intended for websites; PNG or SVG?

When exporting / saving images with a transparent background that are intended for websites, should I save it as PNG or SVG? Why?
3
votes
4answers
418 views

Web Design: Is centering a content section a good idea?

I have a design where the header and footer are 1170px wide. (Standard Twitter Bootstrap 12 column container size.) I have been reading about the ideal width for good readability and discovered that ...
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 ...
1
vote
3answers
101 views

Content as the whole page or just the content area?

This is an opinion question that I go back and forth on every time I start a new project. In most cases, I am designing a website that has some sort of "article" element, whether it be a blog post, ...
4
votes
3answers
234 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 ...
0
votes
2answers
3k views

How to apply border on the right and bottom only?

I use 'Round Rectangle Tool' to create a rounded rectangle shape. I want to apply dark gray border on the right and bottom of a rectangle shape (layer). What is the solution to do this? I have tried ...
-1
votes
2answers
72 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 ...
3
votes
1answer
3k views

Add a hyperlink within Illustrator

Is it possible to add a hyperlink to an object or a layer within Illustrator CS6 for a later SVG export? I know about the possibility to manually edit the exported file and wrap elements with an ...
5
votes
2answers
6k views

Colors to use with black background?

Is using yellow text on a black bg bad as Mike pointed out here? If yes what colors should I use (RGB or hex values)?
2
votes
1answer
88 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 ...
0
votes
0answers
141 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 ...
0
votes
4answers
309 views

Webpage image zooming or quality lose issue on mobile

I'm making a responsive site and my logo loses quality when I'm opening the site on mobile (iPhone, Android) http://kadmos.li/web/ji/stck.html My logo size is 266x68px and I'm not resizing it on any ...
33
votes
13answers
1k views

What web graphics formats to use?

Web sites can contain JPEG, GIF,PNG, SVG format graphics. Which ones should be used, and when?
-1
votes
2answers
98 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 ...
2
votes
5answers
281 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
2answers
582 views

Can After Effects be used for website prototyping?

I know one designer that is a motion graphics guy first, then a UI designer. Recently, produced a website design entirely in After Effects and got my thinking whether that approach can be a viable ...
4
votes
1answer
706 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 ...
8
votes
11answers
6k 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 ...
2
votes
3answers
1k views

Transparency dithering issue when saving for web

I am trying to optimize the graphics for a webdesign, since I am not satisfied with the performance in terms of load-times. The logo is quite big and in PNG24 so I experimented to see how much I could ...
0
votes
0answers
130 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 ...
4
votes
3answers
142 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, ...
4
votes
6answers
58 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 ...
1
vote
0answers
66 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 ...
4
votes
4answers
5k views

Searching for a font that's similar to Lato

I need to find a font just like Lato font that includes a Latin Extended version. I like Lato font but it doesn't include the Latin Extended so I can't type "ş, ğ" etc. characters. Which font are ...
6
votes
1answer
123 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
2answers
88 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
1answer
62 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 ...
0
votes
2answers
70 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 ...
39
votes
16answers
182k views

Web Safe Alternative to Myriad Pro Font?

Is there any font that I can use in my font stack that is more or less similar to Myriad Pro and web safe?
1
vote
4answers
10k views

Photoshop - How to reduce the file size in KB by reducing resolution

I have tried everything I can think of, but when I reduce resolution of graphics, keeping the same dimensions, it has no effect on the size of the file. This makes no sense. I prepare graphics for ...
1
vote
4answers
107 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.
2
votes
6answers
585 views

What are some good ways of presenting web designs to a client?

I'd like to ask you how you manage with presenting webdesign. Usually, I send a jpg file/files to client directly to the mail, but this isn't the best approach. In most cases it does the job, but I've ...
8
votes
10answers
1k views

How can I work with a client that doesn't know what they want?

Hi all the professional out there, I am helping a client/friend with a website design. He is a conceptual thinker. Yet his ideas are always inspirational but not practical. He is always wanting a ...
9
votes
3answers
6k views

Text not very readable on different image backgrounds

I've come here seeking for a bit of design help or advice on how I could possibly improve the following: Like the title says, I'm having a website banner with multiple text displayed on different ...
0
votes
0answers
82 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 ...
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 ...
0
votes
0answers
73 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 ...
1
vote
2answers
106 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 ...
2
votes
1answer
176 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 ...
1
vote
2answers
176 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 ...