Graphic Design / Layout

The following post features a series of graphic design/ layout vocabulary definitions. These are not in my own words nor photos everything was found online and all definitions are referenced at the end of each term.

Above the Fold:the portion of a Web page that is visible in a browser window when the page first loads.  The portion of the page that requires scrolling in order to see content is called “below the fold.”  source

Meagan Swartwood portfolio website above the fold example


Branding / Brand Identity:
the collection of all elements that a company creates to portray the right image to its consumer. Brand identity is different from “brand image” and “branding,” even though these terms are sometimes treated as interchangeable. The term branding refers to the marketing practice of actively shaping a distinctive brand. Brand is the perception of the company in the eyes of the world. source

branding example


Gutter:
The gutter is the white-space between the two pages in the middle spine of the publication. source

Alley vs Gutter example


Logo:
A recognizable graphic design element, often including a name, symbol or trademark, representing an organization or product. source

popular logo examples


Lorem ipsum:

refers to text that the DTP (Desktop Publishing) industry use as replacement text when the real text is not available. For example, when designing a brochure or book, a designer will insert Lorem ipsum text if the real text is not available. The Lorem ipsum text looks real enough that the brochure or book looks complete. The book or brochure can be shown to the client for approval. The important factor when using Lorem ipsum text is that the text looks realistic otherwise the brochure or book will not look very good. Lorem Ipsum is dummy text which has no meaning however looks very similar to real text. source

Lorem Ipsum example


Manicule:
(typography) the pointing hand symbol, used in printing, graphics or signs, to draw attention to or indicate something. source

Manicule examples


Style Guide:
a set of standards for the writing and design of documents and materials. A design style guide usually addresses logo usage, fonts, colors, and sometimes page layouts. source

Style guide example


Trapped White Space:
white space that is trapped in a design, boxed in by design elements, thus creating an unattractive hole in the design. source

trapped white space example


White Space
: refers to the space that surrounds the elements. You may find the term “negative space” here and there, indicating the exact same thing. However, this space is neither white nor negative. It’s simply the space in a design and it can have any color, texture or pattern. source

white space example

Leave a comment