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
26 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 ...
0
votes
0answers
23 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 ...
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 ...
0
votes
1answer
63 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
36 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
1answer
76 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, ...
0
votes
2answers
116 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
433 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
84 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 ...
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 ...
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 ...
2
votes
4answers
112 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
113 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
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 ...
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 ...
10
votes
1answer
238 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
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
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
2answers
235 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
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
1answer
88 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
83 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
2answers
99 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
76 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
89 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
93 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
196 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
64 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
279 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
426 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
173 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
187 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
425 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
43 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
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 ...
1
vote
3answers
202 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
267 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
494 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
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 ...
2
votes
2answers
3k 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
3answers
2k 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
2k 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
387 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
102 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
102 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
886 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
378 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 ...