Questions tagged [white-space]

Questions about white or negative space in a design. White space is the portion of a page left unmarked: margins, gutters, and space between columns, lines of type, graphics, figures, or objects drawn or depicted.

Filter by
Sorted by
Tagged with
38
votes
8answers
4k views

How can I convince a stubborn client that white space is absolutely necessary?

We have all been there: you show a client your design and they say "look at all that unused space, we can go ahead and make the text bigger, in fact let me give you more copy. We need to make use of ...
12
votes
4answers
6k 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 ...
11
votes
3answers
4k views

How to determine or calculate the correct amount of whitespace around a logo?

Is there a specified way to calculate the whitespace around a logo? I have searched a lot but all I found is something like using the first word of the brand name to determine the whitespace.
10
votes
3answers
732 views

How can I place the product on a social media post better?

(The Logo in corner and product label is hidden for privacy reasons) When I finalized the design, I got the feedback that the product (the grey thing in bottom left) isn't fitting well. (Image 1). So ...
10
votes
3answers
3k views

What is the term for the opposite of “bleed” in printing?

Bleed is the word used to describe the region that extends beyond the edges of, let's say, a rectangle. What is the word used to describe the region that converges towards the center of the rectangle?...
10
votes
2answers
2k views

Is there a general rule regarding font spacing?

Lately I've been looking into designing my own font. As practice I did some small family jobs, like I had created this design with 3 letters, the whole thing was pretty much a "custom font". I was ...
10
votes
3answers
535 views

How are the spaces done in France for ? ! : ; « » in a real-life work-flow?

I have learnt what the spaces need to be in front of ? ! ; » and after « in French texts, namely thin spaces (1/8em). I got that from this question and its answers: Principles of Typography for ...
8
votes
4answers
709 views

Double space acceptable after period before abbreviated title?

It seems accepted amongst typographers that the double space after a period is a dated artifact of monospace typewriters, but is it acceptable to use a double space in between sentences like: I ...
8
votes
2answers
1k views

How Should One Modulate White Space?

How should one modulate white space within an image, poster, or a logo? Some people say that there should be a certain amount of white space available within an image to make it appealing, while ...
7
votes
2answers
11k views

how to trim an image in Gimp [closed]

I wanna trim all white spaces surrounding an image's content using Gimp. Is there some straightforward method, or any trick?
7
votes
1answer
2k views

Symbols “degrees” and “degrees centigrade”: proper spacing

For mathematical and physical units, usually there is a thin space between the number and the unit, in the LaTeX syntax for example $1008\,\mathrm{kPa}$. However, I feel that angular degrees (e.g. $...
7
votes
1answer
167 views

What principles of whitespace were used in this email?

I received this beautiful email from Skillshare and thought that their white space was done well. Below is the bottom of that email which has the copy. The top has an image, part of which is encased ...
5
votes
3answers
293 views

Usage of blank space in trade banner and text-positioning

and thanks for your continued feedback on my trade banner that I am creating for my friend pro-bono. I've consolidated all the feedback from to create the below: Stucturing information on this trade ...
5
votes
5answers
4k views

Remove extra space in front of the text without outlining it? [Illustrator]

Did anyone figure it out on how to remove that little extra space in front of the text?
5
votes
2answers
453 views

A question about the readability of hanging indents in print

Large amounts of copy are way more readable for me when the paragraphs are divided by hanging indents (instead of standard first-line indentation). I'm not really sure why, but it's way easier on my ...
5
votes
1answer
78 views

Rule for leaving some particular amount of the white space on the bottom of the page. UX

Is there any rule for leaving some particular amount of the white space on the bottom of the page? Or having the footer with a specific size? Especially for allowing users scrolling text of the ...
4
votes
1answer
3k views

Illustrator: white space around logo when exporting as JPG

I've created a logo in Illustrator, and before I export it, the spacing looks fine. See below: But then, once I export it, it doesn't keep the spacing around the letters I want (the right side of the ...
4
votes
4answers
185 views

Tips for Magazine Cover?

School artistic magazine, done in Inkscape. Not sure about the readability of the entirety, nor about the colors for the text. Any tips would be great. Also, someone told me that all that ...
4
votes
2answers
198 views

Spending too much time on “design rules”

I'm a web developer however I've recently discovered my passion for design. I'm currently working on a landing page for a client of mine (model/actor). I have all the content on the page and created ...
4
votes
2answers
194 views

Fluid shape resize in Illustrator, Photoshop or InDesign

Is it possible to resize a group of shapes and keep the distance locked between them? I've tried this in Photoshop, Illustrator, InDesign, Muse, Sketch but with no success. Maybe there is a plugin for ...
4
votes
2answers
645 views

About “This page is left blank intentionally”

I have sometimes seen that when the 'half title' page of a book (the page that goes before the title page) is left in blank (which is one of the possible alternatives), a message such as 'This page is ...
4
votes
2answers
204 views

How to achieve better consistency with stock / vendor photos taken from different distances?

I'm working on an e-commerce site and one problem I face is having to deal with furniture vendors and the way they shoot their photos. Some shoot products photos up close and others from far back. ...
4
votes
1answer
240 views

When and why did spaces around an em dash originally appear?

Today, the usage of spaces around an em dash in English depends on the publisher's style. But in scanned old books, I find only unspaced em-dashes—similar to this one. (Moreover, in printing, the em ...
3
votes
3answers
451 views

Should I place the border above or below header to separate sections?

If the content is split into several sections, and each section has a header, should I put border below or above the header? The “border below” approach seems prevalent (see Google, Wikipedia) but “...
3
votes
5answers
13k views

Illustrator: extra white space when exporting to PNG

I've created a PNG version of a document that I made in Illustrator. The PNG seems to have a couple inches of white space next to it. I have checked for artifacts to the side of the doc. Nothing I don'...
3
votes
1answer
2k views

When should I use a condensed font?

I was advised to post this question from User Experience (UX) to this site instead. Assuming I always have enough space to write what I need to write, and I never get into a position like https://ux....
3
votes
2answers
626 views

How can I make this footer “more corporate”?

I created a footer for a dental lab. I was trying to keep it warm and inviting, but now being told it "looks too casual" or "looks too simple". I heard the blues and grays are "too subtle" So before ...
3
votes
2answers
360 views

client logo - large dropshadow and awkward angle - looks terrible on any media, any guidance?

I am reluctant to post the actual logo for risk of repercussions, but I have taken away any identifiable features, leaving the "problem" parts. Here is the logo on a white background: It looks awful ...
3
votes
2answers
203 views

Dealing with narrow form fields

When I put a form into a main content area, I often find it looks awkward. In a typical content area of between 600-700px (like on this site), how wide should your form fields be? Contact forms or ...
3
votes
1answer
3k views

InDesign: how to adjust table spacing

Is there a way to define how big the distance betweeen text and table grids in InDesign is? Right now my table looks kind of crammed with the text so close to its cell borders.
3
votes
2answers
64 views

Categorizing whitespace: passive vs. micro / active vs. macro

I've been reading about whitespace and there are mainly two ways of categorizing whitespace. Passive and active Micro and macro To me passive/micro sound similar and active/macro sound similar. Can ...
2
votes
1answer
308 views

How to Take the Edge Off Mandatory Double-Spacing

I'm a student who's into graphic design. I try to make everything I turn in look nice, and usually succeed. One of the only times I feel stuck with a design that I don't like is when I have to double-...
2
votes
2answers
119 views

How do magazines and newspapers allocate ad space to perfectly fill each issue?

Magazines and newspapers have ads of different sizes and different issues of the same publication don't always have the exact same template each issue, so I assume they layout the different sections ...
2
votes
1answer
435 views

How can I export an Illustrator JPEG - PNG while keeping the whitespace?

I created a logo in illustrator for a client. When I export it and save it as a JPEG the image is clear but the artboard gets cut of. It only saves the logo itself, there is no white space. How can I ...
2
votes
2answers
252 views

Which fonts profit from double line spacing?

When writing academic papers, whether the paper is to be read on screen or in print, a font size of 10 to 12 pt at double line spacing is a common request. When printed, white copy paper (A4 or US ...
2
votes
1answer
495 views

How to create equal border size around objects for after cutting out

I'm creating a quick design for some vouchers in Inkscape to be printed on a sheet of paper and cut out. I want to leave some space around the voucher design, to give a nice white border after cutting....
2
votes
4answers
3k views

Why Bootstrap's grid gutters in the middle are twice as large as on the edges?

The Grid System of the popular Bootstrap Framework creates column grid where the gap in the middle between columns is twice as large as the edge margins: http://jsbin.com/baxunex/edit?html,css,output ...
2
votes
2answers
14k views

How do I horizontally distribute text with equal spacing?

How do I horizontally distribute text in Illustrator so that it has equal spacing between the words? When I use the horizontal distribution tool it doesn't give equal spacing between words.
2
votes
2answers
68 views

How do you invert the colors in a stencil drawing so that the result looks otherwise identical to the original?

I have a stencil image of Karl Marx. The subject is mostly white on a black background. However, I would like to create another version of it where the subject is black on a white background. I ...
2
votes
1answer
98 views

White space around vector portrait 12 x 18 inch' rule(s)? Best practices?

I'm doing a poster series around vector portraits and I have two elements on the page. a. Portrait / Head + Neck b. { just below } a small centered logo connected to a box with a persons name. What ...
2
votes
0answers
96 views

Should headings divide space unequally and be close to the border?

This is a chapter heading of an ebook style of LaTeX, and it divides space unequally. Small phone screen doesn't mean it need to be close to the top border to make the reading flow rushy, does it?
1
vote
2answers
8k views

SVG file excessive white space

I've created a vector using Adobe Illustrator CS5. The actual size is supposedly 30x30 px. For some reason, whenever I save it as an SVG file. It produces a file that is not 30x30 px. My vector is in ...
1
vote
1answer
979 views

Critique: Best use of typographic space and negative space in this design?

Which design better uses space and is more appealing? I'm new to this community so please if this is the wrong place to ask this type of question direct me to the correct one. Thanks. Design 1: ...
1
vote
1answer
305 views

Multiple whitespace characters in XML for InDesign

I want to use an InDesign workflow where my editor types into an XML document, and I link elements of that document to frames in my layout. Unfortunately, some of our content employs monospace text ...
1
vote
2answers
68 views

Handling whitespace at points where shapes interconnect/overlap

I'm helping a friend out with a bird logo and I'm new to Illustrator. I need to increase the whitespace around the points where the wings intersect with the body ellipse, without changing the wing ...
1
vote
2answers
127 views

Use of a hamburger menu for minimalist design on desktop website? [closed]

Here is a link to my website. My aim was to have a "minimalist" interface, with large font and lots of blank space. The idea was coming from the fact that I personally feel more like reading a webpage ...
1
vote
3answers
6k views

Trimming AI file white space

I am using an old, old CS2 version of illustrator and have designed my art (about 2" x 3" in size) on an 8.5" x 11" page in AI. How do I reduce all the white space around my design so that when I ...
1
vote
1answer
798 views

In a flowing layout design in InDesign how I might full fill the spaces left at the end of the pages?

As you can see at the left, there is a lot of white space at the bottom of the page 1. My boss doesn't like it and forces designers to put "enters" (new lines) between the paragraphs in order to full ...
1
vote
1answer
76 views

How to change inflexible leading in indesign?

I've been trying to change the space between the lines of the paragraph in this text. I've tried using the leading, space before, and space after buttons. All had the same result. As you can see the ...
0
votes
2answers
6k views

Photoshop. How to remove all white space, background + unenclosed space [duplicate]

Hi everyone here a problem I have, basically I want to remove all white from this image so I can paint beneath the illustration. When I remove the white using magic eraser or the magic wand I'm ...