Questions tagged [website-design]

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 here on GD.SE.

Filter by
Sorted by
Tagged with
51
votes
4answers
136k views

Is it mandatory to keep images at 72DPI for web design?

I have been designing web banners for more than a year but never considered the DPI. I was using the default 72DPI, but now I want to know is it necessary to create web designs in 72DPI? What if we ...
27
votes
3answers
27k 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 ...
22
votes
5answers
39k views

Charging an Intellectual Property transfer fee for design work

So, you've finished a design job (eg. a logo design) and the client asks for your IP surrounding the logo, eg copyright, original artwork files, notes, sketches, all of that stuff that went into ...
43
votes
13answers
3k views

What web graphics formats to use?

Web sites can contain JPEG, GIF,PNG, SVG format graphics. Which ones should be used, and when?
30
votes
11answers
44k views

What DPI should be used for what situations?

I've been seeing the word 'DPI' pop up quite a lot when I export my work out in Photoshop and Illustrator. While I know that DPI stands for 'dots per inch', and that if you have too low of a DPI on an ...
15
votes
8answers
43k views

Where can I get images for commercial use?

I am running a web site design service for local small business owner. I want avoid legal issues on the images I use. Usually, the images found on Flickr are forbidden for commercial use. Where would ...
30
votes
3answers
62k 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 ...
24
votes
4answers
1k views

How to hire a graphic designer?

I am developing the backend for a website. I always had the trouble of making an attractive design for my websites and have never hired any graphic designer yet. I have no logo nor web template. What ...
15
votes
5answers
5k views

Which is a better design pricing model?

I'm curious which pricing model other feel best fits freelance design, in what situations, and why. I am not seeking dollar values. There are a few basic pricing models a freelancer can use: Time-...
32
votes
5answers
12k views

What are the steps in designing a website?

Calling all Web Designers :) I am starting to make a website for a small business in my hometown and it will be my first proper project. I have made sites in the past, which I have done for leisure. ...
34
votes
3answers
3k views

How can I improve my color selection skill?

I'm a web developer, started to become a web designer. However, I think my understanding of colors is not practical yet. There are tools out there that can give you color harmonies, and more stuff, ...
22
votes
8answers
6k 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 ...
70
votes
4answers
297k views

Helvetica Neue Equivalent on Google Fonts?

Does anybody know a font on Google Fonts that is very similar to Helvetica Neue?
32
votes
13answers
5k views

Do web designers need to know how to code?

As a web developer, both front-end and back end architect, I work with many different designers and sometimes find it frustrating working with design comps where no thought was put into how to ...
6
votes
1answer
1k views

Coming from a programming background, where should I start to learn web design?

I'm a web developer mainly working in front end developing. My main fields are HTML5, CSS3 and Flash ActionScript 3.0. Here in Iran, teamwork means nothing for most of the people, but I think it's ...
13
votes
4answers
105k views

How do I get my vector logos to look super sharp on the web?

I do a lot of work with Illustrator, but I've never been super happy with how my work looks on our website. I've tried various techniques - saving from Illustrator, and opening in Photoshop and saving ...
20
votes
5answers
12k 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 "Material design". Can somebody explain the difference ...
4
votes
2answers
505 views

Whose persona should I consider while designing my portfolio?

Recently I came to know about Personas and how to implement them. I read few design processes and came to know how to execute it. Through my learning I found two kind of personas i.e. 1. Persona of ...
52
votes
8answers
16k views

Designing around an awful logo

I'm looking for some opinions on how to approach an interesting problem I've encounted. I dabble in UX/graphic design, specifically for the web. Mostly static sites. I do this all on my own time as ...
12
votes
3answers
9k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
11
votes
8answers
18k 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?
27
votes
10answers
20k views

Do web frameworks such as Bootstrap or HTML5 boilerplate offer anything to a designer (not developer)?

Note, this is about design much more than development. I build sites from scratch with completely hand written CSS and HTML. I've known about pre-build css templates such as Bootstrap or HTML5 ...
11
votes
5answers
25k 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 ...
8
votes
1answer
655 views

Web colors: how to compensate for differences in monitors

This question has to do with color in the context of web pages. Computer monitors and mobile screens can vary a lot in their color rendering, meaning that a given color on one monitor can look much ...
100
votes
11answers
348k 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 ...
22
votes
4answers
20k views

Given a color scheme, how do I apply to website design?

Just so there is something concrete to discuss, say I have this color scheme: Source There are many articles about how to pick a coherent color scheme based on complementary colors, monochromatic ...
10
votes
5answers
3k views

What makes a design professional?

Can anyone define why something might not look "professional"? What differentiates between professional/unprofessional designs? I have clients who have said my design does not look very ...
15
votes
5answers
26k views

What should I do regarding color profile when designing for the web?

I have read this article by Doug Avery where he explains how to disable Color Management in Adobe Photoshop and the follow-up article in response to the uproar of the commenters arguing against it and ...
17
votes
2answers
9k views

How to make a color appear the same on different backgrounds?

Background on color perception: Due to the nature of the human eye and visual processing by the brain, there's an optical illusion that the same color will look different depending on the background. ...
3
votes
5answers
38k views

What's the width to mockup websites for desktop and mobile now?

Recently, I was practicing web design beyond code things. But after I opened Sketch and just started to make a rectangle of my site, I got stuck. What width should I use? I'd search for the ...
9
votes
13answers
1k views

Why do people keep telling me my site looks awful?

I've developed a website, and recently was looking for a job. Practically all interviewers, after taking a quick glimpse at it, told me my site was designed awfully (but liked the concept). I should ...
7
votes
9answers
3k views

Tools for *lossy* PNG compression?

I'm trying more and more to get by sans PhotoShop for my personal/freelance work. I do primarily web work these days and don't do enough side gigs to justify keeping up with the Creative Suite beast. ...
5
votes
8answers
3k views

Is there graphic design software made for beginners, suitable for designing websites?

I'm teaching web development to beginners, and it would be useful to show them the basics in design, meaning using a graphic design package to come up with a layout, before turning it into code. To ...
1
vote
5answers
20k views

How to save a sharp logo for my website

I'm pretty new to photoshop and illustrator and trying to create a simple text-based logo to use on my web site, for example: http://codepen.io/d3wannabe/pen/BWrbZa You get wildly different versions ...
1
vote
2answers
6k views

How to create a speckled/pixelated background?

How would I replicate this speckled/pixelated background effect? You might need to zoom in to see the effect fully.
61
votes
17answers
311k views

Web Safe Alternative to Myriad Pro Font?

Are there any fonts that I can use in my font stack that are more or less similar to Myriad Pro and web safe?
34
votes
7answers
63k views

Favicon best practices regarding size and format

I'm busy on a WordPress site and have come to the stage to add the finishing touch, being the favicon. I'm primarily a developer so graphics and icons aren't my strongest point. What are the best ...
13
votes
10answers
32k views

Good color palette, usable for the color blind.

I'm designing a chart right now, that will slowly have more items added to it. I'd like to create an list/order of colors for the items, that will be most usable for the color blind to differentiate ...
9
votes
3answers
1k views

What are some common mistakes that a designer can make when designing for web, and how can they be avoided?

What are some common mistakes to avoid while designing? I know color, text and images play a major part in designing, but there are so many other things that we need to take care of! I don't know ...
23
votes
2answers
39k views

When should I use SVG or SVGZ for my web graphics?

From my understanding, The SVGZ is a compressed file type of an SVG. I love using SVG images and have had a lot of experience with them. All of the times I used them I have never had a graphic that ...
7
votes
5answers
6k 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 ...
11
votes
4answers
17k views

Responsive web design is based on screen resolution or screen size?

For mobile devices the resolution is actually big, only screen size is small. based on that: For websites design, do we target screen resolution (e.g 1920x1080)? And for mobile apps. do we target ...
4
votes
9answers
2k views

What is the best program for image optimizing for the web?

What programs besides Photoshop are good for saving and optimizing images for web?
5
votes
7answers
1k views

Modern design - What's that?

I am working on redesigning my website and iterating through fivesecondtests. The overall feedback is improving but no matter what I change, several people have mentionned that my designs look "...
4
votes
2answers
6k views

How to “draw” pointed corner drop shadows in Adobe Illustrator CS5

I have this image which I want to re-draw/reverse engineered so that I can use it at different sizes as resizing it cause it to look bad. But I can't seem to figure out how to do it. The drop shadows ...
13
votes
1answer
2k views

How can a design be balanced and yet have a focal point?

The concept of a focal point seems to be a fundamental one in web design, yet doesn't a focal point mean a page cannot be balanced? Surely by definition a focal point means that the page's 'weight' ...
6
votes
3answers
2k views

Designing interesting looking websites in greyscale, minimal tones

I know a business that wanted a website to match their brand, and it would seem that they are allergic to colour. I think designs in greyscale can look amazing, especially in print, but it feels near ...
3
votes
2answers
5k views

When creating PDF from an image, what determines the screen dimensions when viewed at 100%?

I would like to use pdf for ease of use and annotations when creating previews of my screen designs. However, no matter how I create my pdf, I can't seem to figure out what determines the 100% view of ...
37
votes
10answers
12k 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 ...
27
votes
9answers
20k views

Alternative to Lorem Ipsum (dummy text) for websites

Lorem Ipsum has been the known default for dummy text. Per a search the last discussion in regards to alternatives is two years old. I thought I would post a new thread on this topic. So, what are ...

1
2 3 4 5