Tagged Questions

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

3
votes
0answers
56 views

Feedback on the design of a physics document

I am not a designer, I am a physicist. Back in 2005, I made a guide for students about how to measure cosmic rays, for a lab class I was teaching. Now I am redesigning it and would like to ask for the ...
4
votes
1answer
100 views

Should highlighted quotes in an article be aligned with the body text?

I am wondering whether quotes need to be included in text positioning. See example below: Is this correct? Or should the quotes be disregarded when positioning the text? What's the best way to ...
5
votes
3answers
154 views

How can I left-align the text in a table of divs so that the rows are evenly distributed?

I'm trying to arrange some names. I changed them out before posting using generatedata.com but the real ones are in alphabetical order from left to right each row. I'm trying to figure out how to get ...
2
votes
5answers
135 views

How to solve an issue of repetition in a layout?

UPDATED: ProKeys updated with new layout is available. You can check it out. Thank you! I did a recent redesign of ProKeys so as to minimize its space taking snippets. I changed this: Old layout ...
1
vote
2answers
46 views

import pages from photoshop to indesign

I am new to indesign. I always did all my print in Photoshop, which I know for multiple pages isn't the best route. What I want to do is start using inDesign but had one question: Can I create all my ...
0
votes
0answers
15 views

How to set up iPhone screen grid in CorelDraw

I use CorelDraw for creating wireframe layouts for iOS app UI. For this I need to set up a rectangle as following, to act as screen boundary: Size in pixels: 640 x 1136px Size when unit changed to ...
0
votes
1answer
36 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
25 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
48 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
80 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
1answer
41 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
104 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
126 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
760 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
102 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
64 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
4answers
399 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
143 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
122 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
299 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
77 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
253 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
138 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
90 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
244 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
94 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
102 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
87 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
115 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
96 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
92 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
100 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
277 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
66 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
537 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
427 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
174 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
194 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
434 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
48 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 ...
4
votes
2answers
282 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
3answers
221 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
294 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
504 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
75 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
3k 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 ...