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

0
votes
1answer
43 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 ...
1
vote
2answers
282 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 ...
2
votes
4answers
57 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 ...
3
votes
3answers
87 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)?
11
votes
4answers
231 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 ...
0
votes
0answers
64 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
68 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 ...
10
votes
1answer
200 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 ...
1
vote
0answers
102 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
1answer
70 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
2answers
205 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
3answers
77 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
1answer
43 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 ...
3
votes
1answer
66 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?
1
vote
1answer
32 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 ...
1
vote
1answer
37 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 ...
1
vote
2answers
69 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 ...
1
vote
2answers
75 views

Options/suggestions for emphasizing or making parts of a document stand out?

I'm trying to come up with a scheme for emphasizing parts of a document. I want something more then just using an italic font as it could be a couple of paragraphs. Other parts of my document have ...
2
votes
2answers
91 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 ...
3
votes
1answer
58 views

Can a Word Document Be turned into a Data Stream To allow for Editing over the Network to Update a link into InDesign?

So here is the idea. To have a Folder on a Server containing Word Documents for all our books and Materials. Turn These Documents into Data Streams that are linked to InDesign Documents. Allow ...
2
votes
1answer
82 views

Making custom sized columns in InDesign

I have an A5 2 fold template. Mathematically it should mesasure 444mm wide (3 x 148 by 210mm height or 3 x A5 paper) but I have set it to be 441mm as one of the sides (of A5) will be folded into the ...
2
votes
3answers
325 views

How to showcase design layouts in portfolio website?

I'm making my portfolio site and I need to showcase my design layouts (magazines, advertisements, newspapers) and would like to know how can I do this to look professional? Do I need to search for ...
5
votes
1answer
148 views

Textbook layout including examples of two different computer programming languages?

I am currently producing a new edition of an old book of mine; this new book will incorporate code samples from several different computing environments. What I want to know is: what is the best way ...
5
votes
5answers
152 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 ...
2
votes
1answer
385 views

What kind of paragraph style settings in InDesign have the effect of CSS' `clear: right` property?

There's a wonderful property in CSS called clear that prevents floating objects from appearing adjacent to something else. InDesign allows floating objects, but I can't figure out what sort of ...
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?
0
votes
1answer
33 views

Workflow question: How to Write Memo's in Page Panel in Adobe InDesign?

When using Adobe InDesign, you Pages panel shows you all the pages of your document. But sometimes those pages look similar from the thumbnails (see printscreen below) and you can't really tell which ...
3
votes
2answers
262 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 ...
1
vote
3answers
158 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 ...
4
votes
4answers
188 views

Name of web layout made up of full-width sections

Is there a name for the type of web site layout in which the body of the page is divided into horizontal sections; each section is 100% wide but has content of fixed width (that is typically ...
3
votes
2answers
455 views

Page numbering in PhD thesis

I have always wondered: where should the first page number start? I know the front matter is typically in lower case roman numbers, whereas the mainmatter is with arabic ones. The mainmatter starts ...
0
votes
2answers
52 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 ...
2
votes
2answers
872 views

Need help with newspaper magazine design/layout

I am designing and doing the layout for our senior year newspaper. I want this to look as professional as I can get it. I feel like somthing is off with the design but I can not put my finger on what. ...
-1
votes
2answers
732 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 ...
10
votes
3answers
1k views

How do I figure out the right size font / text for a given read distance?

To avoid printing single letters at varying sizes and measuring how far away I can see it from a distance is there a formula for determining what size font for a particular read distance? Is it better ...
5
votes
1answer
318 views

Does Paul Rand's odd typographic layout style have a name?

I'm just wondering if anyone has insight in to what governed Rand's typographic layouts. It seems like they were often instinctual and not based on any grid system. I'm thinking of things like the ...
-1
votes
1answer
86 views

What are current/newer webpage layout patterns with different columns? [closed]

I once saw page, maybe here or somewhere else, where person asked for a list of best proven layouts that work, and each for different columns, different placements of navs, and etc. He got a long list ...
0
votes
1answer
76 views

How do I get text/words to roll over into the next line, leaving the current line unjustified? [closed]

How do I get text/words on a page to flow into the next line, mid-word without Pages (Mac) automatically justifying?
4
votes
1answer
556 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). ...
0
votes
1answer
314 views

Examples of block-layout UI design?

By block-layout, I mean style like these: Medium,Readwrite,Kicktarter There aren't too many on gallery sites(for example, Flat UI Design). Most of them are for product promotion, making a big ...
1
vote
1answer
78 views

How can I display text results/posts/sections in a user-friendly and intuitive way?

I've been exploring design trends that use various ways to lay out text data (i.e. an Email app, Search Results, Blog Posts, etc.), and so I'm curious if anyone has any ideas for new ways to display ...
0
votes
1answer
61 views

How to align search icon, link and column header

Is there are general rules to align right-aligned elements on the page? Look at these screenshots: At this screenshot the search icon and the link are aligned to the right border of the "box", while ...
-3
votes
1answer
124 views

How to design this? [closed]

Image 1 is what i had first, obviously a bèta version of the design as this bar with buttons still needs to be designed / given layout. Image 2 is my attempt at (re)designing it. Image 3 is to ...
0
votes
1answer
90 views

Software Recommendation for Card Layout

I am looking to design many unique study cards, with text and some images on the front and back, to be printed on a professional digital press. Right now, I have the material in a table, with one row ...
1
vote
1answer
115 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 ...
6
votes
3answers
269 views

Designing for a 6in x 9in book

I am putting a text heavy book together, 6in x 9in paper size. (Perhaps related are this and this link.) Now I look for good font pairings (nice examples are here) and margin settings and line ...
1
vote
0answers
85 views

Typesetting and page layout resources [closed]

I have been building ebooks for a while now, and now would like to tinker with printed media. What are some good resources (books, websites) that have typesetting and page layout rules? Everything ...
3
votes
1answer
100 views

How can I make consistent designs for similar items?

Salutations! I have remarkably little experience in graphic design, and I'm running into a tools problem; I am not sure what I can use to get the effect I want. To wit, I am working on mocking up some ...
-1
votes
1answer
66 views

What is a better way to present two elements with “load more” function

Here is the problem: Two element. Instagram and Flickr. They both show 4 images then the user has to click on Load more to load the next 4 images. I think it would be pretty annoying for the user to ...
4
votes
2answers
170 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 ...