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)

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, ...
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 ...
6
votes
7answers
12k views

Trebuchet MS web font alternatives

I have a fairly dated site that uses Trebuchet MS font in Latin and Cyrillic scripts. If I understand correctly, once (a decade ago) this font was available on like 95-99% of computers used for web ...
12
votes
9answers
2k views

How can I start to learn web development?

I'm very interested in learning web development and have learned some basics regarding HTML and CSS a few years back from W3Schools, but I never learned how to develop websites that are up to today's ...
1
vote
2answers
160 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 ...
42
votes
7answers
106k views

Is there a free 'Helvetica Neue' alternative?

Does anyone know any other fonts similar to Helvetica Neue (free for commercial use)? I'm working on a big website project where 'Helvetica Neue' is used heavily. I need a font that looks almost the ...
0
votes
2answers
54 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 ...
1
vote
1answer
324 views

Planning to use different size images across different devices

The current framework I use to design webpages currently doesn't do anything to optimize images across different devices. As I see it, their are four types: mobile, tablet, desktop PC and large ...
0
votes
1answer
303 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 ...
5
votes
4answers
649 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 ...
1
vote
3answers
394 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 ...
2
votes
1answer
67 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 ...
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 ...
0
votes
3answers
186 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 ...
2
votes
1answer
46 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 ...
5
votes
4answers
9k views

When I export an image from Illustrator, why is it a slightly different color in the exported image?

I have a web design layout in AI that I'm trying to slice up into HTML/CSS. I'm having trouble keeping the colors the same in the exported files as they are in Illustrator. When I open it up in ...
2
votes
6answers
424 views

Is a poorly designed website better than no website for a commercial enterprise?

For businesses, a website is a channel of communication. For all except web-based businesses, it's not the only channel of communication available. Given that anyone could make a DIY website for next ...
0
votes
1answer
117 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 ...
2
votes
5answers
139 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 ...
10
votes
5answers
697 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
2answers
133 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 ...
3
votes
1answer
139 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? ...
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 ...
5
votes
3answers
291 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
87 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
660 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 ...
7
votes
5answers
16k views

How can I make my Photoshop text appear like it does on the web?

Do I really have to design everything in Photoshop with anti-aliasing set to "none"? I'm sure there is a better way. I'd like to have a setting so that when picking a basic web-safe (such as ...
36
votes
4answers
168k views

Helvetica Neue Equivalent on Google Fonts?

Does anybody know a font on Google Fonts that is very similar to Helvetica Neue?
-2
votes
1answer
74 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 ...
31
votes
7answers
2k views

Should web designers make a free mockup?

I have some potential clients that ask to see something before accept the work. Now, should I make, for example, a free mockup or It's better to find another client?
1
vote
1answer
98 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 ...
4
votes
4answers
304 views

Resources on producing responsive design wireframes and artwork, for graphics designers

We're developers who partner up with a graphic design studio for our project artworks. Some times they even bring in the clients themselves and we both cooperate to get a development project done. ...
5
votes
1answer
160 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 ...
-1
votes
2answers
226 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 ...
6
votes
3answers
435 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 ...
5
votes
1answer
245 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 ...
1
vote
0answers
39 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
0answers
21 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: - ...
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 ...
2
votes
1answer
62 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
74 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 ...
-2
votes
1answer
219 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 ...
8
votes
7answers
7k views

Is there a visual web editor based on bootstrap?

Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the ...
7
votes
8answers
15k views

Designing A Website from Scratch – Illustrator or Photoshop?

If I'm designing a website from scratch and I intend to slice it and code it up in Adobe Dreamweaver later, should I create the design of the website in Illustrator or Photoshop? Why?
2
votes
1answer
128 views

How can I make a white background area appear raised against a white background?

When working with dark themes, it's easy to make areas appears to be raised or sunken by changing the background color of the raised or sunken area slightly, and by adding borders to the top and ...
0
votes
3answers
158 views

Rapid web development tools and choosing color palettes

Recently I have started creating website designs. I found out that the way I do it is very unproductive and takes forever to finish. I tried drawing it on paper, then doing it in HTML/CSS, but found ...
2
votes
1answer
55 views

Is there a good source for ANSI character sets for typography testing in web design?

Since clients like to see a visual example of typography I am looking for a way to test and display fonts chosen by client's that will include a full master list of all possible ANSI character sets ...
1
vote
3answers
2k 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
5answers
174 views

Design software that allows reuse of common elements, like the DRY principal of programming

Often when I am designing for the web (be it mocks, or full spreads of websites) I have many repeating elements throughout my document. I am looking to follow the Don't Repeat Yourself (DRY) ...
1
vote
2answers
1k views

How to save logo for web from Illustrator (logo looks pixelated after uploading)

Every time I try saving my logo from Illustrator, it comes out blurry. The logo was done in Illustrator (as a vector file). I tried tracing the outline, rasterizing, saving in all types of ...