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)

1
vote
2answers
4k views

How do I save svg FROM a website code?

I need to work with a logo from this website (in the top left corner): http://takiedela.ru/ Here is the piece of code I copied from the page: <svg viewBox="0 0 215 50" height="50" width="215" ...
1
vote
1answer
409 views

How do you take into account display brightness for end-users?

This website uses a tiled grey background that looks good on brighter screens, but too dark for 'standard' Internet brightness/contrast. The less bright one is obviously more muted and the colours ...
6
votes
3answers
191 views

How to communicate a 3 step process clearly and concisely?

I have the following section in our website, and now when I look at it, I feel it looks unprofessional, and a bit unclear. I tried to break the "How It Works" section into 3, with the second section ...
15
votes
4answers
2k views

Do SVG images look better scaled down than a high resolution png, jpg or gif?

I know that if you want to scale-up an image, then a SVG is a wise choice. However, my situation is that I have icons that I want users to be able to upload via a CMS. SVGs are just that bit ...
0
votes
0answers
29 views

Web application design & development process in detail, how do the professionals do it? [duplicate]

I’ve been learning coding for about 2 years now and I’m also interested in the visual design of web applications. I’ve learned Photoshop over the past month. When there needs to be a change to the ...
1
vote
0answers
42 views

Any good articles / books on achieving a child related but not childish feel for a website? [closed]

I am creating a website for my new business, a children's day nursery. We need to convey several things, 1. we are professional, 2. humanity, warmth and care, 3. children as the core of the site. I ...
5
votes
1answer
795 views

CSS snap point design guidelines

I'm creating a new personal site and am considering using CSS's scroll snap module as my primary navigation. Essentially this allows the web page to "snap" to certain locations based on element's ...
7
votes
5answers
4k 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 ...
27
votes
5answers
3k views

What is meant by “busy”?

What do web developers mean when they think something will make their site look "busy"? What gives this feel of busy-ness?
-5
votes
1answer
78 views

Examples of a $5000 website. (For a guide on pricing) [closed]

I realize this may sound like a strange question (and hopefully relevant for this site). I am starting up freelancing and am unsure about what I should charge for various jobs. Would other ...
-1
votes
3answers
79 views

How to pass website design to web developer? [duplicate]

Is there a way to communicate with web designer not using the PhotoShop on both sides? It is too expensive. When hand writing annotations will be always incomplete, buggy and time-expensive. May be ...
2
votes
3answers
173 views

How to properly set the css leading

I have a situation trying to figured it out how o properly use and set the css leading when we have something like this: Even if the line-height is the same, the first 2 lines look pretty far away ...
0
votes
2answers
765 views

Is Photoshop worth the cost over alternatives? [closed]

I'm trying to figure out if I should buy into the whole "Photoshop" and "Adobe way". I understand how to use the program quite well, and my trial is coming to an end fairly soon, I don't really know ...
1
vote
1answer
22 views

Should target user segment (based on income) affect your designs?

I am at an impass with a client and I also don't have the answer so I would really appreciate your thoughts and if possible, proof like research papers etc. My client targets user segments B and C. ...
0
votes
2answers
75 views

Have a Design Concept — How to iterate it into multiple breakpoints for Developers?

I'm a designer at an agency that primarily does "PSD to HTML" web development. I know that some can argue it's not ideal, but within my agency this is how it works because most layouts need to be ...
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 ...
1
vote
1answer
70 views

Where to place text labels in custom color picker

I created a color picker for a website, and I am having one problem regarding the layout of some text. Above the color picker, there will be a "New Color", and "Original Color". I'm having a hard ...
6
votes
5answers
28k views

Different sizes/dimensions on export & save as web in Illustrator CS5

I have a file which is 1020px X 200px Artboard/Document dimensions and the drawings coves the whole artboard as follows. When I "Export" the file as "png" (File>Export) it's dimensions change to ...
2
votes
2answers
745 views

How to not make my website have a “1990's” look

I recently launched a comics website, www.hittingtreeswithsticks.com, which I created from scratch. I created my own design because I wanted to keep it unique, and used no templates. Unfortunately, ...
1
vote
1answer
57 views

What causes pixelation, blurred graphics on a web banner?

in the attached image, you can see pixlelation/distortion mainly on the red and blue text and red boxes. What causes this and how can I fix it? Thanks
0
votes
1answer
37 views

Photoshop font size smaller than it should be

I have a PSD at 72 dpi, for a web interface. The developers implemented everything based on the PSD, including font sizes, but font sizes were an issue. I'm having a hard time coming up with an ...
0
votes
2answers
126 views

Web Site Page Export

I am creating a web site. I originally had it set up in layer comps for different pages. I need to be able to export a PDF of the entire site, but with each page being correctly cropped (not all the ...
3
votes
9answers
6k views

Capture clean Retina screenshot of web page without post production

How can I take a screenshot of a web page on a MacBook Pro with Retina Display (rMBP) that: Is at a reproducible size Looks sharp on Retina displays Without any browser chrome / accouterments ...
0
votes
3answers
57 views

Saving Images for web and print use

I am editing multiple jobs in Lightroom. I will be uploading all to my blog and I might also need to print some of them (not sure which ones) in the future. I dont want to double save same images for ...
7
votes
1answer
100 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 ...
7
votes
3answers
146 views

Are physical units for web design a good idea?

Coming from a design time pre-digital and musing over the 'pixel' would a physical measurement such as a cm work in web design at some point? Do all devices have a designated ppi (pixel per inch) ...
10
votes
9answers
4k views

I already have LinkedIn, DeviantArt, Dribbble, and Behance. Do I need a personal website?

With the presence of different social networking sites that allow anyone to easily create a web presence, as a graphic designer do I still need a personal website? What is the pros and cons of having ...
-1
votes
2answers
65 views

Is it possible to turn a Sketch file into an actual (eg.) website?

Is it possible to turn a Sketch file into an actual (eg.) website? ( I am really new to all of this so excuse me if this is a stupid question :) ) Thanks in advance!
4
votes
2answers
90 views

Implying the ability to move a slider in my app's menu

Firstly I don't think I'm asking this in the right place, but Graphic design is the art and practice of planning and projecting ideas and experiences with visual and textual content. So my question ...
-1
votes
4answers
2k views

iPad design dimensions

I am designing for iPad (canvas dimensions 768 x 1004) using the attached mock-up resource. However, I was wondering whether I need to factor the lower navigation bar into my design? I was planning on ...
8
votes
5answers
4k views

Is programming a website for mobile first really necessary?

I've read through a number of sources which state mobile first design is almost essential, which I can't deny it does have obvious benefits such as faster load times for mobiles which generally have ...
0
votes
3answers
117 views

What should dpi be when saving artwork for web? [duplicate]

When saving artwork made in Illustrator for web, what should the dpi be when saving it as a JPG or PNG? For example, say I save my artwork at 500px wide, is it better to save it at 72 dpi or 300 dpi?...
12
votes
10answers
4k views

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

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 different direction after I show him ...
7
votes
4answers
3k views

What is the difference between layout and design?

I can't understand what is "design" and what is "layout" in terms of web design. I'm confused between layout and design. Can anybody can help me understand these matters? Thanks for reading my ...
4
votes
4answers
590 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? ...
1
vote
3answers
28k 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 ...
26
votes
6answers
43k views

Favicon Best Practices

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 ...
-1
votes
1answer
29 views

How do I find out why there is a discrepancy between pixel measurement in Photoshop and code? [closed]

I created a design spec in Photoshop that called for 50 px of padding between two rows. When the developer sent me a screenshot of the requested design in code, the 50 px was way too large. What could ...
0
votes
1answer
72 views

How to hide html elements in mobile mode only

I'm working with the following code on my squarepace Pacific template via the html code injection (the code creates a white double lined border around the page): <head> <style> body { ...
2
votes
3answers
119 views

How do I put an image into Illustartor document at its actual size?

I'm creating a new document, choosing Web profile, setting width and height equal to image size. But the image appears half as big as it really is. That is, I need to place image 4 times to fill the ...
0
votes
1answer
81 views

What is the name of vertical, side by side responsive website layout design?

The side-by-side content and page title, style of web layout. An example of this is Melanie Daveid's website. It is beautifully designed, and I am impressed. And I'm really interested in the design, ...
0
votes
1answer
90 views

What is the optimal contrast ratio for best readability?

According to the W3C (and another question on this site), the contrast ratio between body text and text background should be at least 7:1 for good legibility. Google takes this up in their typography ...
5
votes
2answers
10k views

How can I create TRON-like glowing effects in Illustrator?

I am trying to use Illustrator (CS3) to recreate the Tron neon-glow visual style in graphics I plan to use on a website. This page is an excellent example of what I'm trying to do: http://www.disney....
38
votes
13answers
2k views

What web graphics formats to use?

Web sites can contain JPEG, GIF,PNG, SVG format graphics. Which ones should be used, and when?
0
votes
2answers
87 views

Best List lots of Address BUT SIMPLE as well

I am trying to get a clean look yet not give up detail when displaying quite a bit of addresses. Here is the current method using toggling: But from a user looking at this, they can't tell which ...
8
votes
7answers
12k views

Testing if a BG will Repeat Tile Properly in Photoshop?

I am frequently working to create background textures in Photoshop to be used on the web. Unfortunately I usually have to guess, or just use freebies from other websites. I would like to build my ...
3
votes
2answers
129 views

What search terms can help me find “progressive reveal” campaigns?

not sure what this is called. Tried a bit of googling but didn't find what I was looking for. I'm designing a website on which we will be revealing a list item every week. The website is launching ...
0
votes
5answers
2k views

Recommended font size and font family for website content

What font size and family is recommended for a web site's content to make it more readable for the readers or visitors?
0
votes
3answers
72 views

Logo formats for a web site and digital photographs and using for print [duplicate]

Someone is designing a logo for me. I need to use it for a web site, as a watermark on digital photograph as well for printing on photos, business cards, etc. What formats should I confirm for all ...
1
vote
6answers
28k views

Can anyone suggest an alternative to Copperplate Gothic for web use?

Designer sent comps for a site using copperplate, I was wondering if anyone could suggest a good alternative that exists either on google fonts or as a font squirrel kit (preferably the former). ...