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

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 ...
3
votes
2answers
231 views

Back-matter numbering

It is a given fact that I cannot number the appendicies (i.e., back-matter) in my works/book by continuing the arabic numbering from the main-matter. The reason is that the main-matter numbering is ...
4
votes
4answers
2k views

What page numbering conventions are there for front matters (prelims) of books?

When a book uses arabic page numbering, the usual habit is to treat the front cover as a page number 1, and start the book itself by page number 3. However, sometimes the front-matter of the book is ...
5
votes
2answers
414 views

Books on the Golden Ratio/Others for WebDesign?

Is there any recommended books about using the Phi (Golden Ratio) for WebDesign? I've seen a lot of layouts taking advantage of this proportion, but it would be great to read a book with a lot of ...
5
votes
1answer
419 views

Mirrored spreads page reshuffling: objects partially outside pages don't update positions

Working on a file with a mirror layout where the inside margins are bigger than the outside margins. When creating a new page in the middle of the file or changing page positions, objects are ...
4
votes
1answer
415 views

UX research on where to put website menu? [closed]

If you browse websites, you can find pretty much all types of sidebar menus: on top (like our very own Stack Exchange), as left or right menu bar, or even at the bottom (though that's a less common ...
5
votes
1answer
134 views

How do you build a webpage with a main text body and 2 columns underneath?

I have a body of text that I am trying to layout in a visually pleasing way but I can not figure it out. The goal is to have this layout (see psuedocode): <container> <main /> ...
3
votes
3answers
15k views

InDesign: How to create lines for form design?

Every once in awhile I make forms (applications and whatnot) in InDesign, and, as it often is with ID, there is more than one way to get it done. I have a few techniques that I use, but I often float ...
1
vote
1answer
640 views

Layout Desgin and Color Scheme for a Crisis Mapping Web Application

here are a few screenshots of a web-based crisis mapping software, basically built for both governors and people. The design is somehow combined by ideas from different persons, so we are interested ...
5
votes
4answers
552 views

Leaflet fold where full-page spread is the last thing seen?

Is there a type of fold for one-sheet flyers where the last thing a reader reaches while working through it in a natural way is a full-page spread, and where sections of that full page spread are not ...
14
votes
4answers
2k views

Baseline Grid vs. Readability

Any designer worth their salt will talk about the importance of the grid, and rightfully so. However, as I've continued to practice my trade, I've found that the baseline grid in particular doesn't ...
2
votes
1answer
390 views

Advice on what to put on my home page

I need a little help, and general advice, on what I can put on the front page of my software company's website. I realise that this question is not as specific as some may like it to be, but I hoped ...
1
vote
2answers
190 views

In page composition, how perimeter and dead space relate to bleed

I really hope it's okay to post this. I am currently doing a pretty simple brief on collage/composition and so far it's really fun cutting up magazines and such but there is one exercise I'm a little ...
6
votes
2answers
490 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 ...
2
votes
2answers
5k views

How to undo alternate layout in InDesign CS6?

I clicked Create Alternate Layout in my InDesign CS6 document without really understanding what it was for, to try and fix a margin problem I was having trouble with. Now the document has been split ...
3
votes
3answers
687 views

Encyclopaedia-style InDesign running headers, where pages have many, one or zero headings

So, you can have a heading running on each page that varies automatically based on the most recent heading (or, occurrence of any other paragraph style) by putting text with InDesign text variables ...
12
votes
1answer
697 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' ...
0
votes
2answers
191 views

Need suggestions on elements arrangement and picking colors

I'm making a new site, but I feel like colors or elements dimension aren't that good at all, I want it to look elegant and makes the user comfortable when looking at it. Right now I'm not getting that ...
2
votes
2answers
632 views

Objective reasons to center or left-align tables and images within text columns?

First, let me emphasize that while I am asking a question about preference, I am looking for objective reasons to prefer one answer over another. I am not interested in your personal, subjective ...
2
votes
2answers
119 views

Design “join page” and guide them graphically from left to rightside towards a join button

Im having this big horizontal bar see image above, and want to "guide (read force)" the users from reading the text on the left to clicking the join button on the right. Are there any thoughts on ...
0
votes
2answers
331 views

design/ display user evaluation state's

Im looking to discuss ideas on how to represent the "evaluation of a user". You the evaluator Users to be evaluated Based on score border around user profile is different color How could this be ...
1
vote
3answers
520 views

Is there a simple program to lay out images on a series of pages for linux?

I am constantly needing to print out pages with 4 graphs on one page or 2 graphs and a diagram, etc.. So far I have been using LibreOffice Draw to import the images and then manually lay them out on a ...
0
votes
1answer
409 views

iPad EPub layout landscape/portrait issue

I'm building a simple EPub with Indesign 5 to simply display a few images with a title above. When I hold my iPad on portrait mode I have this (title above image which is what I want!): When I ...
1
vote
1answer
290 views

How to create a PowerPoint slide template that enforces consistency across users within a group?

I have been asked to come up with a PowerPoint slide template for use by multiple speakers from a single group. The key element that was requested is a footer. The footer should have some unifying ...
0
votes
2answers
642 views

How To Achieve This Type of Page Border

I'm taking this website as an example: BuddyMiller.com Is that border that looks like a nice persian rug, surrounding the page, something I would get from a template online (I've been searching ...
2
votes
3answers
392 views

How to make a reference book easy to navigate?

I am assembling a reference book which has short entries arranged alphabetically. It also has a deep section hierarchy, e.g.: A Am Amtrak An animals bears ...
-1
votes
3answers
374 views

Help with editing web design in existing Photoshop file

I have a PNG image which contains the header, footer, and content from an existing web site. My client wants to make a new page using the existing design. I've got PNG files from them which I need to ...
4
votes
2answers
286 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 ...
0
votes
1answer
292 views

Design tips for a web design by a beginning developer

I'm currently in the process of making a design for a web application. Although I'm very interested in design, I'm actually a programmer, and I don't have a lot of experience with design. That's why ...
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 ...
-4
votes
1answer
373 views

FBI files for people background template [closed]

I need to create a report like FBI reports for people background. can anyone give me a link to such a paper so I can design it or give me its template? Thanks
3
votes
4answers
367 views

Should the F-Pattern be considered in all designs?

The F-Shaped pattern is a pattern found in an eye-tracking study as the primary areas people glance over when reading a website. http://www.useit.com/alertbox/reading_pattern.html Is this something ...
6
votes
4answers
262 views

Text flow - when to say “no”?

What do you folks use as a general rule of thumb for flowing text around embedded images? I know everyone's got different preferences in addition to standard rules; is there any time when you will ...
4
votes
2answers
1k views

What is the difference between “wrapped” text and “constrained” text?

This question is based on the comments on this answer to another question. What is the technical difference between text that is "wrapped around" a shape as opposed to text that is "constrained by" a ...
2
votes
2answers
536 views

What are examples of magazine-like front-pages in web design?

I'm designing a responsive front-page layout for a well known online community (just dribbbled this preview). The content section will feature a list of several articles, each containing: A ...
3
votes
2answers
320 views

How can I make this sidebar menu clearer?

I have created a sidebar for a client as requested: The top bar - where on other pages menu items are shown - is left empty as requested and instead 3 menu items are show in the sidebar. These lead ...
1
vote
1answer
208 views

Page layout: is my website too “sober”? [closed]

My website here: http://www.papdevis.fr/ is very, very (x 14) "sober", i.e. there's the less menus I could do. If you click on a region, same thing: there's the less menus I could do: Mes devis | ...
1
vote
2answers
943 views

Free / cheap desktop publishing software for a book with some graphics? (OS X)

Nothing too complex. I need a few custom paragraph styles, and here and there a graph or diagram will be interspersed with the text. I've looked at Scribus, and it seemed suited for my needs... only ...
1
vote
2answers
341 views

Selecting page ratios for a novel

I am preparing to print a book and need to select dimensions for the paper and the the top and side margins. I have seen this article about page construction, which describes various antique methods, ...
3
votes
3answers
420 views

Measuring from the right side of the page in Illustrator

I have a pair of graphic files representing punch-out cardstock tokens in a board game, one to be printed on the front side of the sheet, and one on the back. The back of the page needs to be an ...
1
vote
3answers
555 views

Logo alignment on a certificate

I have a certificate that I am designing. Excuse the inconsistent text alignment. At the bottom, I have two logos. The red one is about twice as tall and half as long as the blue one. I am ...
5
votes
2answers
4k views

Why do logos appear on the left on the overwhelming majority of websites?

The title really says it all. I mean, is there a particular reasons for which logos have to appear at the upper-left corner and not, say, in the upper-centre? Example: all Stack Exchange sites, ...
2
votes
2answers
366 views

How can I improve these secondary pages without a radical redesign

I am more of a web developer than a web designer so I would appreciate it if I can get some tips on how to improve http://tinyurl.com/7my6g6m 's design/looks and other secondary pages on this site. ...
8
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?
4
votes
2answers
168 views

Should Logotype Be Considered Part of the Heading Hierarchy?

I'm in the process of an identity design for an online magazine and I've come up with what I feel is appropriate logotype, and a heading/body copy pair that I also think work well. But when treating ...
2
votes
2answers
999 views

Are there some standard sizes when it comes to square page layouts?

I am designing this luxury product catalogue and I was thinking to make the pages square so it would somehow be a little more unique and stuff... The way I have it set up now is 8in x 8in(about 20cm ...
6
votes
2answers
607 views

“Change this design to a quarter page, from a half” - page layout reduction but keep content

Hopefully won't be too vague a question or specific, but understand that it might be. I rarely touch design work, but my employer has asked me to take an A4 page advert (PDF) for a client and ...
1
vote
2answers
3k views

How to use Illustrator to Create DIN A4, six-sided folder-flyer?

I'm not sure how to know which space I need to set a document in Adobe Illustrator CS5 when I want to create a six-sided DIN A4 folder-flyer. Is there a template somewhere out there that I can use? Or ...
6
votes
3answers
2k views

Vertical rhythm/baseline grid in Web Design

I recently read some articles about the importance of good vertical rhythm/using a baseline grid for good typography in web design. I decided to try using a baseline grid, like the 960 grid pictured ...
1
vote
1answer
66 views

How do I choose width for a set of text fields?

A programmer myself, I find it hard to make certain seemingly simple design decisions. Currently I'm sketching a signup form for a website, and I want to keep the design really simple. There are ...