Questions about the arrangement and styling of content elements on a page. Ask anything related to laying out print, web and other types of pages.

learn more… | top users | synonyms

6
votes
5answers
2k views

How does one design a children's book?

My dad one day decided to write a children's book, and my wife illustrated it. However, we've had some difficulties in putting the illustrations into a book format. What kinds of things should one ...
0
votes
1answer
21 views

Fill InDesign CS6 layout with data from web service

For our wedding, my wife and I created an Instagram hashtag that our guests tagged their photos with. I wrote a little web app that hit the Instagram API for photos in that hashtag and displayed them ...
1
vote
1answer
74 views

Can I save layers as a template in InDesign CS6?

Is there a way to set up layers without data & style sheets & color in a file and save as a template so that when I open a new document of that particular layout those layers are already ...
0
votes
0answers
21 views

Rule for where to put the larger margin

Below are a couple of pieces that I've designed, and they both have a ledger margin on the top. But in the case of something like a picture frame with a mat, you would never put the larger margin at ...
0
votes
2answers
65 views

How to distribute objects with smaller outer borders?

I created a small flyer and placed four flyers on one DIN A4 page. But it seems to be impossible to distribute the four text frames correctly. In order to be able to cut the flyers the width ...
0
votes
1answer
58 views

What happens to articles in academic journals between acceptance and the printing of the journal issue?

As an academic, when I have an article accepted, months will usually pass between the article being accepted and the journal being printed. Generally halfway through the wait, authors receive an ...
3
votes
2answers
33 views

Inner margin in a classical book layout

I used to think that the inner margin should be smaller than the outer margin in two-sided paper layouts, as in classical book layouts. This is an example of what I mean: This example was taken ...
-1
votes
3answers
1k views

How to format a booklet in Photoshop

I need to create an A5 booklet (by folding A4 sheets), and the only tool at my disposal at the moment is Photoshop, since I haven't got InDesign on the machine that I'm working on right now. What's ...
0
votes
1answer
56 views

How to support the font ITC Avant Garde or replacement for web?

I'm coding the redesign (css+html) for a webapp in India where my artist designied a mockup for me to code. I now wonder how I can adjust a font "ITC Avant Garde" to make it look as close to the ...
0
votes
0answers
29 views

How do you put in percentage based margin to a CSS grid? [migrated]

I'm trying to learn how to build a grid system - and so far this is what I've got. What I want to know is, how would I create actual gaps between the colums? If I put in a margin, everything goes out ...
0
votes
1answer
34 views

Alternative layout options for product tables that have a lot of repetition

I'm working on a print product catalogue where each product has all of its variations listed in tables. I've just encountered a product that has 120 unique sku's, which ends up spreading the table ...
1
vote
2answers
98 views

How to add white-space / padding / margin around the outside of a finished page layout in InDesign?

I am recently working on an InDesign template, however when I export the template as PDF the contents of the page reach to the far left of the page. I want to leave some gap on the left side, center ...
2
votes
2answers
397 views

In Indesign, how do I set the top margin of a page following a page break (chapter)?

So, I have a page, make a hard page break, so that content flows to the next page. I would want the next page/frame following such a hard break to have a top margin of n cm, but not other pages. What ...
1
vote
1answer
71 views

Glossy gift box designing in Illustrator

I have to design a glossy gift box for a client in various sizes. Can I create just one design which the printing company can use for various sizes or should my designs be dimension-specific? Also, ...
15
votes
7answers
13k views

Scribus vs InDesign or Quark: is it a viable alternative?

For someone who has worked in the professional publishing industry, I rely on InDesign and Photoshop for creating professional documents, even if they're as simple as a business card. Sometimes I ...
9
votes
4answers
4k views

Recommended column width for text reading, digital vs printed

Coming form a digital background, I have often read different kinds of suggestions (for example 35-50 ems) for how wide a column of body text should be to still maintain a good readability. Is there ...
6
votes
2answers
466 views

InDesign CS6: How should I structure pages of lists?

I'm having several different parts of a publication I'm doing where I'm presenting essentially a list of compound data. Examples are contact specifications (data points are [Name,Phone,Email]), recent ...
0
votes
2answers
115 views

Web design critique

I feel like this particular example has a lot of good elements. I think visually the colors work well. I like the logo design. I like the home page. But I am struggling with how to layout the rest of ...
2
votes
3answers
419 views

How do I make it so my website footer is always at the bottom of the page (but not sticky)?

I'm fairly good at getting stuff to work nicely as I come from a coding background, but I'm lacking in the design/visual department. I'm building a website for a friend and one of the things he wants ...
1
vote
0answers
82 views

Principles of composition: how to lay out images in text?

What are some guiding design principles for laying out images in several paragraphs of text on a webpage? In my particular case, there are two columns of text, and the images are proportioned and ...
7
votes
4answers
3k views

How do I preserve legibility when overlaying text on images?

I have lots of creative images that I want to use, except when I put text over them it makes the text really hard to read. Other than a drop shadow, is there another way to make it more clear?
1
vote
2answers
329 views

Web Design: Is centering a content section a good idea?

I have a design where the header and footer are 1170px wide. (Standard Twitter Bootstrap 12 column container size.) I have been reading about the ideal width for good readability and discovered that ...
6
votes
2answers
1k views

What are some good resources for web page composition?

I'm looking for resources on the composition of web pages. I'd like to learn about pros and cons of different page layouts and techniques for moving the eye around a page.
6
votes
5answers
209 views

How to make a book with multiple title levels less confusing?

I am designing the layout for a textbook. The book is organized into themes at three levels: Modules Units Lessons When looking in the table of contents, this organization is easy to ...
0
votes
2answers
441 views

Do you incorporate sidebar menu into 960 grid layout?

I have a client who wants a design for a web app. He told me that he would like "a large sidebar menu on the left" and gave MailChimp's new design as an example. We both agreed that what the client ...
3
votes
3answers
111 views

What should be the relation between margin and padding?

In grid-based layouts, should there be any relation between margins (the distance between elements) and padding (the distance between an element content to its edges)?
2
votes
4answers
109 views

How to choose a grid, for a complex mixed content web page

Planning a web page design in wireframes is super easy, but the next step is to choose a grid and build the page in Photoshop. This is a mine field to me. What is your methodology for choosing a grid ...
11
votes
4answers
291 views

What are good places to start learning web typography and layout?

I have been a digital designer since 1999. I am self taught. However; my biggest weakness is spacing, grids and developing pages that feel balanced, as well as have strong typographic hierarchy. I ...
4
votes
2answers
183 views

How come my link is overlooked?

I'm fairly new to designing. As of now, I have this design: Click image for full resolution As you can see there is a small link in the upper right corner (Upload Prenda Link). When clicked, it ...
10
votes
1answer
192 views

Apply MasterPage to even pages in QuarkXpress

I have created a new project with automatic text box (non facing pages) and have created a second master page that I would now like to apply to all even pages. InDesign has this option when I ...
0
votes
0answers
68 views

Is there any way to use SVG as a page definition medium?

Can an SVG file be used to define a page the way PS or PDF might? My intention is to convert a rather huge number of 1-frame SWF files that have an unchangeable frame size ( i e, they look like ...
1
vote
1answer
75 views

Trying to fix layout of a homepage

I am trying to run a box-type theme for my homepage/FAQ. However right now the boxes just make the page look terrible. Could someone please offer me some example sites that use boxes/blocks for ...
4
votes
2answers
262 views

Should online PDFs be saved as spreads or single pages?

There are benefits to showing a pdf download both as a spread and a single page. Which should I take into account—the view-ability on smaller computer screens or the design appeal of showing ...
1
vote
1answer
135 views

How to lay-out a list of links so the intended reading order is apparent?

I have a site (no CMS platform) that has a list with links. The list consists of 14 links, each referring to a pdf file. If someone wants to read the content of these files, they must follow a certain ...
10
votes
1answer
237 views

What should a designer consider when laying out print materials for elderly audiences?

I'm in the process of doing layout for a trifold aimed at the elderly population in my town, and I'm looking for some recommendations from folks who have experience laying similar materials out for a ...
4
votes
1answer
871 views

InDesign: How do I automatically align the bottoms of different columns of text boxes to the same height as the one with the most text?

In InDesign, I have some filled text boxes, sized by columns, with the one on the left being three columns wide. The wide text box is most likely to contain the most text (it's an invoice template). ...
1
vote
0answers
125 views

A Layout from an Amateur: Criticism Welcome [closed]

I'm an engineer but I have no experience in web design/development. I'm building my personal website with WordPress just to showcase my work, and I was wondering if anyone would be kind enough to give ...
1
vote
3answers
199 views

How to create a blueprint for a website on paper?

I have been doing web design for a couple of years now. I am trying to design it on paper but am not the best at it. Could you please give me some advise on how to blueprint it? How can I create ...
3
votes
2answers
279 views

Critique: How can I tie a logo into my website design at both mobile and desktop screen sizes?

I'm new to the graphic design section of SE, this being my first question here, but not new to graphic or web design. I am in the process of making a free website for a new local eSports bar. The ...
2
votes
1answer
127 views

How should I design a left-right UI where the left is smaller?

This is the current design: Where should I position the left-top element so this UI is more balanced?
5
votes
5answers
186 views

Do we perceive images in text reading direction?

I received a graphic in a presentation with equally weighted items in it. Their order did not match my expectation, so I started to wonder why that would be. Finally I figured out that I was reading ...
4
votes
1answer
137 views

How to set the width of one item based on the width of another item in InDesign?

I am taking a bunch of text snippets and creating boxes that are 0.2 inches wider than the text snippet to use as a background for it. I have hundreds of these to make. I can't think of a way to ...
1
vote
1answer
88 views

Typography of sideways figure

I'm writing my thesis using LaTeX and I have the following question. Since my figure is too wide to fit the layout, I rotate it using sidewaysfigure environment from rotating package. I'd like to ...
1
vote
3answers
93 views

Critique: Nice and elegant separation between proof/equations and explanation

I'm in process of finishing my dissertation. I would like to have a separation between proof/equations (upper) and its explanation (under) so that the readers can easily notice. So far I have used a ...
1
vote
2answers
233 views

Critique: logo and web site layout

have a look at www.uglyapp.com for my latest creation(under construction). Home page 1 Round logo Logo 2 Rectangular logo. http://www.uglyapp.com/test/uglyAppSquareLogo5.png I am happy with the ...
1
vote
1answer
86 views

How do I make overset text automatically flow into adjacent columns, in Photoshop

Is it possible [in Photoshop] to make overset text flow into an adjacent column, once the first text box is full? ex. I have two three columns [A,B and C] and a surplus of copy. Once column A is ...
1
vote
1answer
132 views

QuarkXpress shortcut for adding custom pagination

I'm creating a booklet in QuarkXpress and I have it set up for automatic pagination, but on some of the pages I want to make my own pagination (move to next column or next page). I used to be able ...
3
votes
1answer
82 views

Is it possible to automatically remove the same object from every page in InDesign?

I have a pre-made document and I want to remove a line (same length, same stroke, same color) from every page. Is there a quick way to do this aside from deleting manually?
2
votes
2answers
193 views

Recommendation for 2 column gutter width

Hi just looking for a recommendation for standard gutter width for a 2 column layout on an A4 page. The point size is 10pt the margins are 12.7mm (the default InDesign setting) I thought this would be ...
1
vote
2answers
88 views

What is the name of this GUI layout

Sorry for asking such a question, I've to confess I do not own a hand-held device, but I wish to discuss about layout options for desktop application I develop. Would you please tell me the name of ...