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

Is it a bad idea to use a svg as a background image for a website file size wise?

I need to save out some images for a website project at work. These images will span the full background of the site using background-cover. I first thought that svg would be the correct choice but I ...
0
votes
1answer
28 views

Forcing decimal guide with Photoshop

I'm trying to create a Bootstrap grid. But on 1170 width, each column is 97.5 wide, so I will need to create decimal guides. But when I add a guide with the "add new guide" tool, it always round up ...
5
votes
4answers
16k 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 ...
0
votes
1answer
25 views

It's time for wordpress but I have no figure in my head [closed]

Long story short. I designed a logo for a client's site and he is onboard with it. He just asked me how much would it cost if I could customise his wordpress site for him in terms of theme and ...
0
votes
0answers
159 views

Material design - Data tables [migrated]

I'm trying to design website using Google's material design guidelines. On desktop, my site is basically navigation drawer (on the left), header (app bar) and the content area. All what I want to ...
1
vote
5answers
437 views

Two logos on a website header

So I have a client right now which is asking me to include a second logo on the website's header. I am no graphic designer but I feel this is so wrong. The second logo is for one of the projects the ...
1
vote
3answers
2k views

Website header graphics size and format

I am making some graphics for a website header. I will be drawing them in Adobe Illustrator. How large should I make them so that they do not end up blurry and how should I save them? Any ...
2
votes
2answers
817 views

Why are my elements moved after being exported to svg

I'm quite new to Adobe Illustrator, but used to PS. I wanted to experiment with Illustrator to create SVGs that can than be manipulated with JavaScript. I created some kind of background-layer and ...
0
votes
0answers
20 views

Are there any great free resources to learn how to design with? [duplicate]

I'm a web application developer. I'm full stack. In fact, I also do a lot of server administration; really I do it all. Very frequently I get clients with no design in mind, and no designer picked ...
4
votes
2answers
85 views

Efficient workflows for handing off designs to developers

I work as a UX/UI designer for my company's web sites. After I make the designs, I send the mockups to web developers, who implement them. It's a little more collaborative than that, but that's ...
2
votes
2answers
303 views

My designs are dull [on hold]

I'm learning web design. When I design a page I ask my friends to tell me their opinions about it and I always get the same answer: it's dull and boring. They say my designs are nice but very dull, ...
-5
votes
3answers
70 views

Meaning of Responsive web design

Many graphics and web design companies ask for the knowledge of responsive web design. What is responsive web design actually is and what are the tools someone should know to create and design ...
0
votes
0answers
19 views

A clean way to display multiple date ranges with time on a web page [closed]

I have to display two date ranges including the times at tghe within a web app but it's looking pretty ugly. I can't think of a cleaner way to display them. Any ideas?
2
votes
2answers
63 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 ...
9
votes
3answers
824 views

What to do when a client is not managing the project and costing you time / money

I've been a freelance designer for about 7 years, but more recently have been functioning more as an agency with private project and a few staff....I wanted to get some advice on some issues that keep ...
1
vote
1answer
66 views

Illustrator PNG w/ transparency Export - White Outline in Web when not 100%?

I created a vector graphic in Illustrator CC and used "Save for Web" to create a transparent PNG of it. When rendered on my site, though, it adds a faint light outline around the gray circle in the ...
-1
votes
1answer
81 views

What is wrong with writing light gray text over a lighter gray or white background? [closed]

What is all about writing with light gray over lighter gray or over white? if you look in the two examples I carried you will notice that is very hard to read, light gray or lighter color !! what is ...
-1
votes
3answers
565 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 ...
10
votes
9answers
17k 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 ...
0
votes
1answer
47 views

Where can I get flat images for a website? [closed]

I'm building a new website but am finding a lack of minimalistic images and clipart. This is a very general question but are there any good sites to find minimal, flat, simple, etc. images? I have ...
3
votes
1answer
868 views

Arabic website - design for right to left languages

I am working on a website in multiple languages, one of them is Arabic. Which makes things more fun .. As you know, in arabic and other similar languages the text goes the other way, from right to ...
1
vote
3answers
102 views

Does Google provide material design resources?

Does Google provide Material Design building blocks for designers (i.e. ready to use components as psd files)? I haven't found any in the specs.
1
vote
4answers
29k 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
1answer
61 views

Resize embedded images in Illustrator

Hello I have received an illustrator file from a graphic designer which is nearly a gigabyte large. It has a lot of high resolution tiff files embedded which are overkill for the needed quality, and ...
-2
votes
1answer
43 views

Photoshop multiple layers blending - save for web

Through photoshop web template i found one interesting problem with multiple layers blending. In the picture you can see screenshot of layout. Of course color is not part of it, just without color ...
0
votes
0answers
37 views

Sketch App: How to export with layout grids? [on hold]

I have recently downloaded the Sketch app and I have been trying to figure out how to export to PDF with the included layout grids drawn on the design. I wanted to reach out to experienced Sketch app ...
45
votes
9answers
121k 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 ...
2
votes
2answers
220 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 ...
2
votes
1answer
59 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
0answers
31 views

Illustrator, Files appear pixelated when it's saved to web

I'm hoping I may be able to find someone who may be able to help with illustrator. I'm currently trying to create a header for a blog, although every time i save to web, the image appears pixelated. ...
4
votes
1answer
74 views

Images or functioning websites for portfolio?

I am new web designer, should I include images or functioning websites in my portfolio? All of my designs are personal projects that I have designed and built using html, css and javascript. By ...
0
votes
0answers
59 views

Alternative to Pristina Font? [closed]

I'm looking for an alternative to the Pristina font: I'm looking for either a Web Font or an installable font. Free would be great, but also potentially willing to pay. Eventual use is updating ...
1
vote
1answer
22 views

What does the Dreamweaver grid layout refer to, and what is the standard?

I saw that in Dreamweaver, as well as in .psd, designers use guides to separate the page layout in 'grids'. I suppose this is tied to the idea of responsive web design, but I want to know why a ...
5
votes
6answers
710 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 ...
1
vote
1answer
73 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
2answers
805 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 ...
1
vote
1answer
87 views

How to select a font color to go on a very busy background?

I'm a developer and don't have much design experience. I'm creating a landing page for a project I'm working on. I want to use the below image as the background for my landing page. As you can see ...
0
votes
3answers
111 views

Blurry vector graphics in web

I'm using illustrator and I have a graphic that is 22 pixels by 22 pixels. I export it as a png with 72 resolution, and it constantly comes up blurry. Is it just because it's too small? On my mac it ...
1
vote
2answers
90 views

What's the name for a “multi page scrolling webpage?”

A lot of tech companies have a websites with the following UI features: a homepage containing several discrete "slides" stacked vertically you can scroll vertically through the slides or, (in some ...
6
votes
3answers
240 views

How do you deal with amends from a client?

I'm a web designer currently working with a very demanding client. I presented them with designs back in May and I'm still working through amends with them. They are making changes to everything and ...
0
votes
2answers
85 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 ...
1
vote
3answers
209 views

Hero Banner - Responsive Design [closed]

Is there a "best-pattern" for responsive banners? I see this one all over the place: ...in fact, I haven't seen much else on responsive websites. Essentially, the common theme seems to be a ...
4
votes
5answers
636 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 ...
0
votes
1answer
33 views

Exporting multiple web design views or phone app views into phone wrappers?

I am using Illustrator CC to design web sites and mobile apps. Each view is in its own artboard which means that I get about 20 different artboards in the end. In photoshop I have a phone mockup file ...
1
vote
3answers
96 views

What method to use to create opening animation for webpage

I need advice on what program to use to create an opening animation for a webpage that looks similar to this: http://melaniedaveid.com/ I am most familiar with adobe illustrator and am not familiar ...
0
votes
4answers
152 views

Why use Photoshop for Web Design

Aside from its bitmap effects, can someone tell me why I should use Photoshop for creating website layouts instead of Illustrator? To the best of my knowledge Photoshop was never intended to be used ...
9
votes
3answers
319 views

Should text indent be used on the web?

I thought of adding text indent to my website (-having the first line of paragraphs indented), but first searched a bit, and discovered that many sites do not have any text indent. Why is that? I ...
1
vote
3answers
26k views

What is the default dimension for a user's Twitter's Background image?

What are the default dimensions for a Twitter User's Background image? If I want to upload my own image for my Twitter account's Background image, what should its default dimensions be, as per ...
0
votes
1answer
66 views

Tools and softwares need to learn to be a web and graphics designer [duplicate]

This is my first question here. I am in my academic level. I know html, and a bit of css. I want my career in graphics and web design. As a startup, other than Html and css how many tools and ...
0
votes
3answers
123 views

Image shows blurry in browser at 100%, but not in photoshop!

I came across this site and saw that it had a couple of blurry images. I checked my browser zoom in Firefox and Chrome and they were both 100%. I copied the images to look at them in Photoshop and ...