Guide to Design and Layout
Total Page:16
File Type:pdf, Size:1020Kb
Load more
Recommended publications
-
Making Connections: Typography, Layout and Language
From: AAAI Technical Report FS-99-04. Compilation copyright © 1999, AAAI (www.aaai.org). All rights reserved. Making connections: typography, layout and language Robert Waller Information Design Unit & Coventry University [email protected] Abstract paragraphs are an interpolation, and would more com- These working notes summarise a genre theory that accounts fortably appear in a panel or box if I were able to write in for document layout in a three part communication model that another genre Ð textbook perhaps. Limited to the linearity recognises not only the effort of the writer to set out a topic of prose, I should really spend time crafting my language, and the purposeful effort by a reader to access information, and working out a way to knit the anecdote more closely but also the professional and manufacturing processes that 3 intervene. I suggest that layout genres use conventions that at into my argument. some historical point are rooted in functionality (of document A year or two back I redesigned the medical journal The generation, manufacture or use) but which have become con- Lancet. Part of the brief was to make it clearer to readers ventionalised. It follows that genres will shift over time as that as well as acting as a primary research journal reasons to generate or access information change, and as text through its refereed papers and letter, The Lancet also technologies develop. Case studies are described that illus- trate key aspects of the model and offer insight into the way contains highly topical and readable medical journalism. designers think about layout. -
The Arydshln Package∗
The arydshln package∗ Hiroshi Nakashima (Kyoto University) 2019/02/21 Abstract This file gives LATEX's array and tabular environments the capability to draw horizontal/vertical dash-lines. Contents 1 Introduction 3 2 Usage 3 2.1 Loading Package . 3 2.2 Basic Usage . 4 2.3 Style Parameters . 4 2.4 Fine Tuning . 5 2.5 Finer Tuning . 5 2.6 Performance Tuning . 6 2.7 Compatibility with Other Packages . 7 3 Known Problems 9 4 Implementation 10 4.1 Problems and Solutions . 10 4.2 Another Old Problem . 13 4.3 Register Declaration . 14 4.4 Initialization . 17 4.5 Making Preamble . 22 4.6 Building Columns . 27 4.7 Multi-columns . 30 4.8 End of Rows . 32 4.9 Horizontal Lines . 33 4.10 End of Environment . 37 4.11 Drawing Vertical Lines . 38 ∗This file has version number v1.76, last revised 2019/02/21. 1 4.12 Drawing Dash-lines . 44 4.13 Shorthand Activation . 45 4.14 Compatibility with colortab ........................... 48 4.15 Compatibility with longtable ........................... 48 4.15.1 Initialization . 49 4.15.2 Ending Chunks . 51 4.15.3 Horizontal Lines and p-Boxes . 53 4.15.4 First Chunk . 55 4.15.5 Output Routine . 56 4.16 Compatibility with colortbl ........................... 60 4.16.1 Initialization, Cell Coloring and Finalization . 62 4.16.2 Horizontal Line Coloring . 63 4.16.3 Vertical Line Coloring . 65 4.16.4 Compatibility with longtable ...................... 68 2 1 Introduction In January 1993, Weimin Zhang kindly posted a style hvdashln written by the author, which draws horizontal/vertical dash-lines in LATEX's array and tabular environments, to the news group comp.text.tex. -
Copyrighted Material
INDEX A Bertsch, Fred, 16 Caslon Italic, 86 accents, 224 Best, Mark, 87 Caslon Openface, 68 Adobe Bickham Script Pro, 30, 208 Betz, Jennifer, 292 Cassandre, A. M., 87 Adobe Caslon Pro, 40 Bézier curve, 281 Cassidy, Brian, 268, 279 Adobe InDesign soft ware, 116, 128, 130, 163, Bible, 6–7 casual scripts typeface design, 44 168, 173, 175, 182, 188, 190, 195, 218 Bickham Script Pro, 43 cave drawing, type development, 3–4 Adobe Minion Pro, 195 Bilardello, Robin, 122 Caxton, 110 Adobe Systems, 20, 29 Binner Gothic, 92 centered type alignment Adobe Text Composer, 173 Birch, 95 formatting, 114–15, 116 Adobe Wood Type Ornaments, 229 bitmapped (screen) fonts, 28–29 horizontal alignment, 168–69 AIDS awareness, 79 Black, Kathleen, 233 Century, 189 Akuin, Vincent, 157 black letter typeface design, 45 Chan, Derek, 132 Alexander Isley, Inc., 138 Black Sabbath, 96 Chantry, Art, 84, 121, 140, 148 Alfon, 71 Blake, Marty, 90, 92, 95, 140, 204 character, glyph compared, 49 alignment block type project, 62–63 character parts, typeface design, 38–39 fi ne-tuning, 167–71 Blok Design, 141 character relationships, kerning, spacing formatting, 114–23 Bodoni, 95, 99 considerations, 187–89 alternate characters, refi nement, 208 Bodoni, Giambattista, 14, 15 Charlemagne, 206 American Type Founders (ATF), 16 boldface, hierarchy and emphasis technique, China, type development, 5 Amnesty International, 246 143 Cholla typeface family, 122 A N D, 150, 225 boustrophedon, Greek alphabet, 5 circle P (sound recording copyright And Atelier, 139 bowl symbol), 223 angled brackets, -
Web Layout and Content Guide Table of Contents
Web Layout and Content Guide Table of Contents Working with Pages ...................................................................................... 3 Adding Media ................................................................................................ 5 Creating Page Intros...................................................................................... 7 Using Text Modules ...................................................................................... 9 Using Additional Modules ............................................................................19 Designing a Page Layout .............................................................................24 Web Layout and Content Guide 2 Working with Pages All University Communications-created sites use Wordpress as their content management system. Content is entered and pages are created through a web browser. A web address will be provided to you, allowing you to access the Wordpress Dashboard for your site with your Unity ID via the “Wrap Account” option. Web Layout and Content Guide 3 Existing and New Pages Site Navigation/Links In the Wordpress Dashboard the “Pages” section — accessible in the left-hand menu — allows you to view all the pages Once a new page has been published it can be added to the appropriate place in the site’s navigation structure under that have been created for your site, and select the one you want to edit. You can also add a new page via the left-hand “Appearance” > “Menus” in the left-hand menu. The new page should appear in the “Most Recent” list on the left. It menu, or the large button in the “All Pages” view or “Tree View.” Once you have created a new page and you are in the can then be selected and put into the navigation by clicking the “Add to Menu” button. The page will be added to the “Edit Page” view, be sure to give the page a proper Title. bottom of the “Menu Structure” by default. -
Glossary of Design Terms
GLOSSARY OF TERMS Typography - The artistic arrangement of type in a readable and visually appealing way. Typography usually concerns the design and use of various typefaces in a way that helps to better visually communicate ideas. Vector images - Vector-based images (such as those created in Adobe Illustrator) are made up of points, each of which has a defined X and Y coordinate. These points join paths to form shapes, and inside these shapes you can add color fills. Because everything is generated based around this, vectors can be resized to any size without any loss of quality. Adobe Illustrator is a vector-based program. Raster images - (sometimes referred to as bitmap images) are made up of thousands of pixels which determine the color and form of the image. Photos are raster images. Because raster images are made up of a finite amount of pixels, resizing can be tricky. If you make a raster image larger dimensions in Photoshop, the software has to make up data in order to add the size. This results in loss of quality. Adobe Photoshop is a raster-based program. Body Copy - The main part of text in your design or publication – the written website content, the book contents, even this type you’re reading right now, it’s all body copy. Display Type - Type that is designed with the objective of attracting attention. Think of movie titles on posters, article titles in magazines, newspaper headlines, etc. Hierarchy - The visual arrangement of design elements in a way that signifies importance. For example, you might make a title big and bold to ensure it attracts more attention than a small, lightly colored image caption. -
5 the Rules of Typography
The Rules of Typography Typographic Terminology THE RULES OF TYPOGRAPHY Typographic Terminology TYPEFACE VS. FONT: Two Definitions Typeface Font THE FULL FAMILY vs. ONE WEIGHT A full family of fonts A member of a typeface family example: Helvetica Neue example: Helvetica Neue Bold THE DESIGN vs. THE DIGITAL FILE The intellectual property created A digital file of a typeface by a type designer THE RULES OF TYPOGRAPHY Typographic Terminology LEADING 16/20 16/29 “In a badly designed book, the letters “In a badly designed book, the letters Leading refers to the amount of space mill and stand like starving horses in a mill and stand like starving horses in a between lines of type using points as field. In a book designed by rote, they the measurement. The name was sit like stale bread and mutton on field. In a book designed by rote, they derived from the strips of lead that the page. In a well-made book, where sit like stale bread and mutton on were used during the typesetting designer, compositor and printer have process to create the space. Now we all done their jobs, no matter how the page. In a well-made book, where perform this digitally—also with many thousands of lines and pages, the designer, compositor and printer have consideration to the optimal setting letters are alive. They dance in their for any particular typeface. seats. Sometimes they rise and dance all done their jobs, no matter how When speaking about leading we in the margins and aisles.” many thousands of lines and pages, the first say the type size “on” the leading. -
Lecture 11 – Typography
Typography Steven R. Bagley Introduction • Looked at the beginning at representing text in a computer • And then how to describe the appearance of a page • Now going to start to looking at how to convert from text to into a PDL • Formatting algorithms Formatting • At its most basic formatting text is breaking it into words and fitting them into a space forming lines • But it turns out its a hard problem to solve • Because the text has to look nice • And computers don’t do nice… Formatting • Lots of parameters that affect formatting • All of which are interrelated, so changing one may require you to change another • And the effects are psychological affecting the readability of a block of text Formatting • Goal is to be able to quantify good layout • Computer can then select one layout over another • To do that we’re going to need to understand what makes good text layout • And so understand the lingo of typography • A lot of the terms are steeped in history… Mainly from hot-metal typesetting… Show face to face with progress ;) Measurements • Basic units of measurement in typography are the point and the pica • Derived from the inch • Point is 1/72 inch • Traditionally, has been slightly less but now rounded to 1/72 • Pica is a 1/12 inch (or 6pts) ~1/72.27 So 12 point text is 1pica high Measurements • These are absolute measurements • It’s also useful to have measurements that are relative to the current point size • Particularly used for horizontal spacing to remain proportional as the font gets bigger em and en • One such relative measurement is the em • Specified as being the same as the point size • Also have the en which is half the point size • Will also see references to M/3, M/4 and M/5 Character size • The size of text is referred to the point size (and not font size) • Describes the distance from baseline to baseline when text is set solid • That is when the bits of metal type are abutted together Letterforms have tone, timbre character, just as words and sentences do. -
Self-Publishing Guide to Doing It Right the First Time
FORMATTING MANUSCRIPT ARE YOU PUZZLED BY SELF PUBLISHING? A SELF-PUBLISHING GUIDE TO DOING IT RIGHT THE FIRST TIME. PRINTING EDITING PROMOTION TABLE OF CONTENTS How to use this Book Copyright example page Dedication example page Prologue 9 The Process Defined 10 Your First Steps 12 - The Manuscript 12 - Sourcing Printing Quotes 13 Design and Formatting 14 - The Basics: Page Overview 15 - The Basics: Page Overview - Defined 16 - The Basics: Typography 18 - The Basics: Font Size 20 - The Basics: Line Length 21 - The Basics: Line Spacing 22 - The Basics: Choose your Binding 23 - The Basics: Picking your Paper Stock 23 - The Basics: Formatting for Print 24 TABLE OF CONTENTS CON’T Tutorials 25 - Setting your Margins 25 - Setting your Page Size 26 - Setting Line Spacing 27 - Setting Chapters and Headings 28 - Creating a Table of Contents 29 - Saving a Print-Ready File 30 - Creating your Cover File 31 Registration & ISBN 33 The Printing Process 34 Glossary 35 Notes 36 The Table of Contents gives the reader a comprehensive overview of what topics or chapters that your manuscript PRO TIP has, as well as the page number each chapter begins with. These are most common in print - electronic documents FRONT MATTER have started to adapt this principle as well. - TABLE OF CONTENTS HOW TO USE THIS BOOK Congratulations! You have finished your manuscript and have decided to self-publish your book. We have taken our 28 years of expertise and developed an easy to use guide to take you through the world of self- publishing. This guide is a reliable, practical, and straightforward reference guide for you. -
Baseline Shift a Function Within Indesign That Allows a Character To
Type Terms #2 baseline shift (four dots): .... (Lupton, p. 211) Use A function within InDesign that your glyph palette or simply use the 22:342 allows a character to be raised or keystrokes option-;. Studio Problems in Typography lowered relative to the baseline. In Cutler-Lake InDesign, the Baseline Shift control is em dash (—) located on the type character control A longer dash that is equal to the Important concepts in Text chap- panel at the top of the screen, just to point size of the type. Can be used ter from Lupton textbook: spacing; the right of the tracking control. (“Aa,” to join two phrases together into linearity; the user; kerning; tracking; with an arrow underneath the lower- one sentence instead of using a spacing; alignment; marking para- cased “a.”) conjunction, or to insert information graphs; hierarchy. instead of using parentheses. Also body copy/body text used before the author’s name at the The main text of a book, story, or end of a quote. In a word-processed article, usually set in a consistent document (such as Microsoft Word), manner using a single font with the dashes can be indicated with two same line length, leading, and point hyphens (--). Em dashes are required, size. however, in typesetting. Use your glyph palette or simply use the book weight keystrokes shift-option-hyphen. A typeface weight specifically See Lupton p. 211. designed to be used as body text. Usually found somewhere between en dash (–) light and bold. The dash you need to use to indicate ranges of numbers. Such as April caption 4–6 or 2:30–8:30. -
2.1 Typography
Working With Type FUN ROB MELTON BENSON POLYTECHNIC HIGH SCHOOL WITH PORTLAND, OREGON TYPE Points and picas If you are trying to measure something very short or very thin, then inches are not precise enough. Originally English printers devised picas to precisely measure the width of type and points to precise- ly measure the height of type. Now those terms are used interchangeably. There are 12 points in one pica, 6 picas in one inch — or 72 points in one inch. This is a 1-point line (or rule). 72 of these would be one inch thick. This is a 12-point rule. It is 1 pica thick. Six of these would be one inch thick. POINTS PICAS INCHES Thickness of rules I Lengths of rules Lengths of stories I Sizes of type (headlines, text, IWidths of text, photos, cutlines, IDepths of photos and ads cutlines, etc.) gutters, etc. (though some publications use IAll measurements smaller than picas for photo depths) a pica. Type sizes Type is measured in points. Body type is 7–12 point type, while display type starts at 14 point and goes to 127 point type. Traditionally, standard point sizes are 14, 18, 24, 30, 36, 42, 48, 54, 60 and 72. Using a personal computer, you can create headlines in one-point increments beginning at 4 point and going up to 650 point. Most page designers still begin with these standard sizes. The biggest headline you are likely to see is a 72 pt. head and it is generally reserved for big stories on broadsheet newspapers. -
Style and Notation Guide
Physical Review Style and Notation Guide Instructions for correct notation and style in preparation of REVTEX compuscripts and conventional manuscripts Published by The American Physical Society First Edition July 1983 Revised February 1993 Compiled and edited by Minor Revision June 2005 Anne Waldron, Peggy Judd, and Valerie Miller Minor Revision June 2011 Copyright 1993, by The American Physical Society Permission is granted to quote from this journal with the customary acknowledgment of the source. To reprint a figure, table or other excerpt requires, in addition, the consent of one of the original authors and notification of APS. No copying fee is required when copies of articles are made for educational or research purposes by individuals or libraries (including those at government and industrial institutions). Republication or reproduction for sale of articles or abstracts in this journal is permitted only under license from APS; in addition, APS may require that permission also be obtained from one of the authors. Address inquiries to the APS Administrative Editor (Editorial Office, 1 Research Rd., Box 1000, Ridge, NY 11961). Physical Review Style and Notation Guide Anne Waldron, Peggy Judd, and Valerie Miller (Received: ) Contents I. INTRODUCTION 2 II. STYLE INSTRUCTIONS FOR PARTS OF A MANUSCRIPT 2 A. Title ..................................................... 2 B. Author(s) name(s) . 2 C. Author(s) affiliation(s) . 2 D. Receipt date . 2 E. Abstract . 2 F. Physics and Astronomy Classification Scheme (PACS) indexing codes . 2 G. Main body of the paper|sequential organization . 2 1. Types of headings and section-head numbers . 3 2. Reference, figure, and table numbering . 3 3. -
National Immunisation Programme Brand Guidelines
National Immunisation Programme Brand Guidelines National Immunisation Programme Brand Guidelines National Immunisation Programme Brand Guidelines Welcome These brand guidelines are designed to help you work with the Immunise brand in a consistent way across all types of communications and marketing material. It is essential to follow these guidelines as they protect the integrity and equity of the brand, as well as ensuring brand and message recognition by our audiences. If there are any applications of the identity or the brand’s graphic elements that you require assistance with and which are not included in these guidelines, or if you have any questions regarding the application or use of the brand and its elements, please contact the Health Promotion Agency, phone 04 917 0060 or email: Daemon Coyle Senior Account Lead Health Promotion Agency [email protected] Last updated July 2014 National Immunisation Programme Brand Guidelines Contents Our logo 1.0 Introducing our logo 1.1 Logo versions – positive 1.2 Logo versions – inversed 1.3 Logo variations by audience 1.4 Clear space and minimum sizes 1.5 Incorrect usage 1.6 Colour 2.0 The colour system 2.1 The colour system – allocation 2.2 Typography 3.0 Font family – primary 3.1 Type styles 3.2 Font family – secondary 3.3 Supporting graphics 4.0 Circular motifs 4.1 Divider / container graphics 4.2 Imagery 5.0 Poster 5.1 A5 brochure 5.2 Examples 6.0 Schedule wall chart 6.1 Poster 6.2 A5 pamphlet front cover 6.3 A5 pamphlet back cover 6.4 DL leaflet front cover 6.5 DL leaflet back cover 6.6 Text pages 6.7 Misc.