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
6answers
149 views

How can I quickly design websites without being too detached from the actual web platform?

The reason why I'm asking is because while tools like Photoshop and Sketch are great at building mockups, they are very far from the reality of how the web will look and feel. The fonts they render ...
0
votes
3answers
64 views

Are there any good practices for designing web pages with a possibility of a very large amount of info? [closed]

I'm building a user profile page that sometimes displays huge amounts of text (depending on how much the user has created). It's basically a bibliography. Are there any techniques or good practices ...
11
votes
10answers
4k views

Which should be designed first: logo or website?

I am about to ask someone to create a website design for me but I am not sure if the website should drive the logo design or the logo drive the website design. Should I have a logo design first or ...
1
vote
4answers
92 views

Icon/Glyph Suggestions to represent “Manufacturer Information”

I'm working on making an ecommerce site responsive, and as part of that, I'm replacing text in several tabs with appropriate icons when viewed on a small screen. One specific tab I'm struggling to ...
1
vote
1answer
34 views

Two menu responsive design problem

I have two navigation menus, a sidebar menu and the main menu. Here is how it looks like on large screen devices: And here is how it looks like on tablets and mobile devices: As you can see, ...
0
votes
0answers
55 views

Vector images/Infographics created in coreldraw does not look clear and sharp

I am building a basic site for my self using word press.I am creating some basic images using coreldraw 7 ( mostly basic shapes,like rectangular banners and stuff),however when i upload it on the site ...
7
votes
2answers
165 views

Is there a specific term for horizontal gutters?

Context My team is working on a responsive website and we allow the user to configure some of the properties of the page, including the spaces between the grid "cells". We had a conversation about the ...
4
votes
5answers
522 views

How to optimize images to improve pagespeeds / webpage loading times?

This is almost a StackOverflow question, however it's completely related to Photoshop and other tools. With every Pagespeed test I do for all my website I get the comment "Optimize images by lossless ...
13
votes
6answers
2k views

Which modern software is a decent successor / replacement for Fireworks?

Just to give a little context, I have a background as a design-savvy developer (not a developer-savvy designer). I worked at an agency many years ago. I've been out of the design game for about 3 ...
5
votes
2answers
230 views

How to create a consistent style across stock images for a website?

I am currently applying changes to this site. Becky, my customer, demands that the images be changed so that the image content will also be compatible with each other. I tried using icons and vector ...
2
votes
1answer
128 views

How can I visually compare OSX fonts with my primary webfont choice to determine fallbacks without an OSX device?

How can a freelance web designer who doesn't own a Mac visually identify and compare fonts similar to their primary webfont choice, that are present on most OSX devices? I need to define a fallback ...
3
votes
1answer
566 views

What makes a good header/background video?

Many sites I come across use video to show off their work, what they stand for, or more about the culture of the company. These videos are sometimes behind other elements taking up much of the page ...
1
vote
1answer
58 views

InDesign Data Merge with hyperlinks [closed]

I want to run a data merge with text and photos and I want to be able to hyperlink the photo to a website. I have about 400 entries with the data merge that will each be on a separate page but I can't ...
0
votes
1answer
76 views

Evaluate a Good Web Design [closed]

How to evaluate a good web design. Is there any pre-defined ways to measure someones Design. I understand the Analytics can be used to evaluate, still looking for any other open solutions. For ...
0
votes
0answers
32 views

What is differents between mock up and phototype [duplicate]

What is the difference between mock up and photo type, where to get it?
3
votes
3answers
98 views

Critique: How to make a better visual distinction between content and options in a post?

I have a design that currently looks something like this: I feel that there should be some sort of visual split between the main content of the post and the options below it (the up and down ...
4
votes
6answers
653 views

Does using Dreamweaver help to produce better aesthetic designs than hardcoding HTML and CSS?

I have some professional web development experience, and I always hard-coded all the HTML and CSS in simple text editors. I don't think the aesthetic appearance of my websites is bad at all, but when ...
20
votes
1answer
1k views

How do I choose a good cover photo for my website?

It's been trendy to have large background images with relatively little text over them for headers and intros to web pages including the start of blog posts. I could give countless examples of this, ...
33
votes
6answers
6k views

What is the purpose of using a very dark color for text instead of a pure black?

I have seen that some web designs implement an almost black font color (hex #001c00) in their designs instead of a pure black color (hex #000). Does the design actually benefit from this or is this ...
1
vote
2answers
182 views

I want to REMOVE the background, not just make it transparent

I want to remove the background of an irregularly shaped image altogether, not just make it transparent. The image's box is overlapping with other stuff and getting in the way. There's got to be a way ...
0
votes
2answers
59 views

Which colors to use besides black & white for colorblind users? [duplicate]

Let's assume we cannot use shapes, textures, or anything else to visually differentiate two elements. We must rely on colors. Which colors, besides black and white, are best to use? We only need to ...
16
votes
5answers
1k views

To which extent is the designer responsible of a responsive design?

Consider the following (idealized) chart. Now, I have worked with colleagues from every side of this spectrum and have learnt that, unfortunately, it tends to be more like this. Most "web ...
5
votes
4answers
720 views

When using fonts in Bootstrap, is it quicker to use the Google Fonts API or to just install the font file on the server?

Normally UX designer, I'm currently also product manager for a range of web tools but my dev skills aren't very strong at all, so forgive me if this is a silly question. We're building a range of ...
27
votes
10answers
5k views

How can a designer explain their work to non-creative people?

One issue I face personally is how can I, as a designer, effectively explain my work to potential clients or people that do not have a creative side. I know how to explain what software or process was ...
0
votes
2answers
82 views

How can I delete border lines from a 2 frame gif in photoshop?

I am creating an animated logo for my web site. It is a simple 2 frame gif. The only difference between the 2 frames is that the first one has a glowing object and the second one doesn't. Here's the ...
0
votes
0answers
20 views

How is this 'one colour' design trend referred to in the design community? [duplicate]

I had thought that the current trend towards 'one colour photos' was being called 'monochrome' but can't seem to find any examples. The attached picture illustrates what I am referring to. The photo ...
2
votes
1answer
70 views

What's the reason of this statement? “Content is usually best served by appearing as far left as reasonably possible” [closed]

I was reading "Ordering Disorder" Grid principles of Web design from Khoi Vinh, in where he mentions that without much explanation. He got a long copy (8 units wide) inside a column of 10 units, in ...
2
votes
1answer
68 views

Generate/Extract for Illustrator?

Is there a way (plugin, add-on, etc) to export assets from Illustrator the way one does with Photoshop Generate? I'm finding myself spending a lot of time meticulously separating everything into many ...
0
votes
1answer
163 views

When designing PSDs for responsive design, how do grids and columns behave?

Ok, so I have this question that has been bugging me for quite a while, I'll try to explain it in detail. I'm designing a regular marketing website, and did the desktop version first using the ...
10
votes
5answers
733 views

How do I handle large paragraphs of centered text?

I've been working on a very simple portfolio website for myself and the template I'm using is center justified for all the text. I have a bit of a blurb about myself and I don't know if this is the ...
0
votes
3answers
400 views

How to save PDF so actual size is the same as artboard size?

I created an artboard that is 1416px wide. I need to handle the PDF to a coder, with it having the same actual size as the website. Yet when I save it as a PDF and he gives it a 100% zoom (chooses ...
5
votes
3answers
400 views

How do I build my webdesign portfolio when all sites I've designed have been taken offline?

This is my first time on this site. Here's the problem. I've been designing since I graduated from college and have been for 4 years. After I graduated, I had my first client, who I grossly ...
1
vote
1answer
113 views

Styling/Layout advice on an Isotope/Masonry website

I am experimenting with a masonry layout web site bringing niche news and cultural information on East Asia to a Western audience. I have chosen a masonry layout for the homepage because the site will ...
0
votes
2answers
1k views

Web & Graphic Design Measurable goals

I am in need of some measurable goals, they have to be measurable by an amount or number. I am a web and graphic designer in a marketing department and I am the only designer. Need to come up with ...
3
votes
1answer
59 views

Fireworks States: Does any other layout tool have an equivalent feature?

I'm dropping Fireworks as my main tool for web layouts. It's just too slow and Adobe isn't supporting it anymore. Is there another tool that can do something similar to Fireworks' states? Photoshop ...
-2
votes
1answer
81 views

Where do I find backgrounds like this? [closed]

I saw this shot uploaded to Dribbble some weeks ago. And I really like the use of the backgrounds. Does anyone know where I can find backgrounds like it? I want ones with something like mountains or ...
5
votes
4answers
2k views

How to tell my boss his webdesign attempts are bad/hopeless?

I'm a web dev. My boss is an outdated physical media designer. We're working together on a relatively huge food delivery web system. He just keep coming with these poor and ugly layout ideas. Clearly ...
1
vote
1answer
107 views

What should I look for when critiquing a design, specifically the design of a website? [closed]

I'm aspiring to be a front end developer and as far as that goes I am pretty comfortable coding for the frontend. I would like to improve my design skills. I would like to know what to look for when ...
-1
votes
2answers
264 views

Recreate a 3D rotating prism effect in a web browser

I'm trying to find a way how to do this 3D Transition when box hover my self. I know when I look to it that it's made using CSS 3D & parallax effects. Is there an already made jQuery plugin or ...
0
votes
2answers
271 views

How to Reduce the size of a .png with in PS for web

I currently have a .png file that is 2042 x 1250 and is 6.1 MB. When I open with photoshop, and do Save As-> PNG 24, and choose the compressed file size of the two options (the other being no ...
0
votes
0answers
22 views

Graphic Design for developer [duplicate]

I'm a experienced developer on C++, Java. Currently I'm developing my site to show my apps and my work. I've seen many beautiful sites of front-end developers, agencies and companies. For example: - ...
1
vote
0answers
40 views

looking for “online book” resources/examples [closed]

I was given an assignment at work to redesign a manual (about 350p), or textbook if you will, for both the print version, and create a web version as well, (to include video and interactive elements). ...
0
votes
3answers
285 views

Exporting a high res logo for web in Illustrator?

I have created a logo in Illustrator that I have used for printing but now need it for a website. How do I convert it so I have a high resolution image for the web? I am not web savvy, it's the first ...
0
votes
0answers
34 views

Better modern backgrounds for web page elements [duplicate]

This post is inspired by banners from Deus Ex. Backgrounds are remarkable and I can see it as a huge potential for the web today. General question is what are the means of achieving something ...
6
votes
3answers
471 views

How to explain “achieving good Usability”

I have a quite hard task right now: I need to explain agencies and graphic designers, how to design a usable website concept and visual design. The goal is to give designers a ...
2
votes
1answer
75 views

The use of punctuation marks on web links

On a web link or address (printed or online version) Case 1) If I have a reference for a link on a web page inside a paragraph, like this same example http://graphicdesign.stackexchange.com. <= ...
0
votes
1answer
82 views

Web page animation vs. adding simple sound

I have a book featured on my website front page and want to arrange links in the pages, so that when a user clicks on the links, they will hear the sound of a turning page, and see a page turn. Is ...
5
votes
1answer
176 views

Does this Chinese font fit in with our brand?

We are about to make the Chinese version of our charity website live but I'm not certain about the font we are using. Our Chinese office say they are happy with the system default but they don't have ...
3
votes
1answer
158 views

Best way to send client designs

I have several design ideas wich I want to send to a client, although the easiest way is to send them an email with the images attached then get feedback and send another email is there an easier way? ...
-2
votes
1answer
273 views

How to custom hexagon shape in Photoshop

I love ask question button style in this site I'm trying create it in photoshop, when I scaling the hexagon shape it looks very bad, as image below. Please anyone give me advice. Thanks in ...