Comprehensive layout

Last updated

In graphic design and advertising, a comprehensive layout or comprehensive, usually shortened to comp, is the page layout of a proposed design as initially presented by the designer to a client, showing the relative positions of text and illustrations before the final content of those elements has been decided upon. The comp thus serves as a draft of the final layout, and (if approved) is used as guide for further design changes and, ultimately, production.

Graphic design the visual design of content in different media

Graphic design is the process of visual communication and problem-solving through the use of typography, photography, and illustration. The field is considered a subset of visual communication and communication design, but sometimes the term "graphic design" is used synonymously. Graphic designers create and combine symbols, images and text to form visual representations of ideas and messages. They use typography, visual arts, and page layout techniques to create visual compositions. Common uses of graphic design include corporate design, editorial design, wayfinding or environmental design, advertising, web design, communication design, product packaging, and signage.

Advertising Form of communication for marketing, typically paid for

Advertising is a marketing communication that employs an openly sponsored, non-personal message to promote or sell a product, service or idea. Sponsors of advertising are typically businesses wishing to promote their products or services. Advertising is differentiated from public relations in that an advertiser pays for and has control over the message. It differs from personal selling in that the message is non-personal, i.e., not directed to a particular individual. Advertising is communicated through various mass media, including traditional media such as newspapers, magazines, television, radio, outdoor advertising or direct mail; and new media such as search results, blogs, social media, websites or text messages. The actual presentation of the message in a medium is referred to as an advertisement, or "ad" or advert for short.

Page layout part of graphic design that deals in the arrangement of visual elements on a page

Page layout is the part of graphic design that deals in the arrangement of visual elements on a page. It generally involves organizational principles of composition to achieve specific communication objectives.

Traditionally, the four stages of an illustration or other commercial art creation (e.g., advertisement) are:

For traditional media (such as paint), the division between layout and comp is more clear-cut than for computer-generated art. For traditional media, the distinction between layout and comp is typically one of refinement and presentation. Layouts and comps are often done on different substrates because of this (e.g., tracing paper for a layout vs. calendered bond paper or illustration board for a comp). In this case, a layout done on tracing paper could be laid over other media (e.g., a photo) to see how it would eventually appear after finish render, and to ascertain overall feasibility, and the comp could be done on opaque bond paper or illustration board as a presentation piece for a client's approval.

With computer-generated art, the distinction between layout and comp has become blurred. Since computer-generated art can evolve as one file over time, finely segmented milestones in the development process have less meaning. With computer-generated art, even the sketch stage is often skipped. This has led to a two-stage process; comp and finish. The definitions of each milestone are roughly the same as with traditional media. Even in the age of rapid desktop publishing software, comps may be developed using hand-rendering techniques and materials to avoid investing too much time on the computer before client approval of the idea, depending on the complexity of the production task. If there is any three-dimensionality to the design (for example, the design is of a box or of a two sided piece) a "physical comp" is preferred to a computerized sketch because fundamental physical relationships (for example, position and show-through of die-cuts, or inadvertently designing Möbius strips) can be missed in a two-dimensional sketch. A hand-rendered comp may be useful in helping the client refrain from "nitpicking" the production quality and focus on the design idea.

In the overall creation process there is also a distinction between finish render and final render. Finish rendering refers to the process, and final rendering refers to the schedule. The first finish rendering may not be the final rendering; the first finish rendering could be the first of many renderings, with each subsequent finish rendering needing refinement before the final version is created.

The illustration element may incorporate stock photography, clip art, or other found material that gives an idea of what should be visually communicated, before entering any negotiations concerning the rights to use a specific image for the purpose. Picture agencies may encourage such use free of charge, in the hope that the comp image (sometimes referred to as a "positional" image) will end up being used in the final product. For this reason, it is sometimes mistakenly believed that "comp" is short for "complimentary," as it is in some other promotional contexts.

Stock photography Photographs with the purpose of having a specific use

Stock photography is the supply of photographs, which are often licensed for specific uses. The stock photo industry, which began to gain hold in the 1920s, has established models including traditional macrostock photography, midstock photography, and microstock photography. Conventional stock agencies charge from several hundred to several thousand United States dollars per image, while microstock photography may sell for around USD 25 cents. Professional stock photographers traditionally place their images with one or more stock agencies on a contractual basis, while stock agencies may accept the high-quality photos of amateur photographers through online submission.

Clip art graphic illustrations created for reuse by others

Clip art, in the graphic arts, is pre-made images used to illustrate any medium. Today, clip art is used extensively. Clip art comes in many forms, both electronic and printed. However, most clip art today is created, distributed, and used in an electronic form. Since its inception, clip art has evolved to include a wide variety of content, file formats, illustration styles, and licensing restrictions. Clip art is generally composed exclusively of illustrations, and does not include stock photography.

The word "comp" can also be used as a verb. For example, an artist may "comp something up"; that is, they will create a comp. "Comp" may also stand for "composition" or "composite layout".

See also

Previsualization is the visualizing of complex scenes in a movie before filming. It is also a concept in still photography. Previsualization is used to describe techniques such as storyboarding, either in the form of charcoal sketches or in digital technology, in the planning and conceptualization of movie scenes.

Communication design is a mixed discipline between design and information-development which is concerned with how media intervention such as printed, crafted, electronic media or presentations communicate with people. A communication design approach is not only concerned with developing the message aside from the aesthetics in media, but also with creating new media channels to ensure the message reaches the target audience. Some designers use graphic design and communication design interchangeably due to overlapping skills.

Website wireframe

A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually being informed by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together. The wireframe usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content. In other words, it focuses on what a screen does, not what it looks like. Wireframes can be pencil drawings or sketches on a whiteboard, or they can be produced by means of a broad array of free or commercial software applications. Wireframes are generally created by business analysts, user experience designers, developers, visual designers, and by those with expertise in interaction design, information architecture and user research.

Related Research Articles

Rendering (computer graphics) The process of generating an image from a model

Rendering or image synthesis is the automatic process of generating a photorealistic or non-photorealistic image from a 2D or 3D model by means of computer programs. Also, the results of displaying such a model can be called a render. A scene file contains objects in a strictly defined language or data structure; it would contain geometry, viewpoint, texture, lighting, and shading information as a description of the virtual scene. The data contained in the scene file is then passed to a rendering program to be processed and output to a digital image or raster graphics image file. The term "rendering" may be by analogy with an "artist's rendering" of a scene.

Ray tracing (graphics) rendering method

In computer graphics, ray tracing is a rendering technique for generating an image by tracing the path of light as pixels in an image plane and simulating the effects of its encounters with virtual objects. The technique is capable of producing a very high degree of visual realism, usually higher than that of typical scanline rendering methods, but at a greater computational cost. This makes ray tracing best suited for applications where taking a relatively long time to render a frame can be tolerated, such as in still images and film and television visual effects, and more poorly suited for real-time applications such as video games where speed is critical. Ray tracing is capable of simulating a wide variety of optical effects, such as reflection and refraction, scattering, and dispersion phenomena.

Computer-aided design Constructing a product by means of computer

Computer-aided design (CAD) is the use of computers to aid in the creation, modification, analysis, or optimization of a design. CAD software is used to increase the productivity of the designer, improve the quality of design, improve communications through documentation, and to create a database for manufacturing. CAD output is often in the form of electronic files for print, machining, or other manufacturing operations. The term CADD is also used.

Animator person who makes animated films

An animator is an artist who creates multiple images, known as frames, which give an illusion of movement called animation when displayed in rapid sequence. Animators can work in a variety of fields including film, television, and video games. Animation is closely related to filmmaking and like filmmaking is extremely labor-intensive, which means that most significant works require the collaboration of several animators. The methods of creating the images or frames for an animation piece depend on the animators' artistic styles and their field.

An illustrator is an artist who specializes in enhancing writing or elucidating concepts by providing a visual representation that corresponds to the content of the associated text or idea. The illustration may be intended to clarify complicated concepts or objects that are difficult to describe textually, which is the reason illustrations are often found in children's books.

Ray casting use of ray–surface intersection tests to solve a variety of problems in computer graphics and computational geometry

Ray casting is the use of ray–surface intersection tests to solve a variety of problems in computer graphics and computational geometry. The term was first used in computer graphics in a 1982 paper by Scott Roth to describe a method for rendering constructive solid geometry models.

Penciller Artist who works in the creation of comic books, graphic novels, and similar visual art forms

A penciller is a collaboration artist who works in creation of comic books, graphic novels, and similar visual art forms, with focus on primary pencil illustrations, hence the term "penciller".

Concept art is a form of illustration used to convey an idea for use in films, video games, animation, comic books, or other media before it is put into the final product. Concept art usually refers to world-building artwork used to inspire the development of media products, and is not the same as visual development art or concept design, though all three are often confused.

Real-time computer graphics

Real-time computer graphics or real-time rendering is the sub-field of computer graphics focused on producing and analyzing images in real time. The term can refer to anything from rendering an application's graphical user interface (GUI) to real-time image analysis, but is most often used in reference to interactive 3D computer graphics, typically using a graphics processing unit (GPU). One example of this concept is a video game that rapidly renders changing 3D environments to produce an illusion of motion.

Graphic art software

Graphic art software is a subclass of application software used for graphic design, multimedia development, stylized image development, technical illustration, general image editing, or simply to access graphic files. Art software uses either raster or vector graphic reading and editing methods to create, edit, and view art.

Graphic design careers include creative director, art director, art production manager, brand identity developer, illustrator and layout artist.

3D rendering

3D rendering is the 3D computer graphics process of automatically converting 3D wire frame models into 2D images on a computer. 3D renders may include photorealistic effects or non-photorealistic rendering.

An architectural illustrator is an artist who creates imagery for the design professional that accurately portray the details of an architectural project. These images are used to communicate design ideas to clients, owners, committees, customers, and the general public.

3D computer graphics graphics that use a three-dimensional representation of geometric data

3D computer graphics or three-dimensional computer graphics, are graphics that use a three-dimensional representation of geometric data that is stored in the computer for the purposes of performing calculations and rendering 2D images. Such images may be stored for viewing later or displayed in real-time.

In fields employing interface design skills, slicing is the process of dividing a single 2D user interface composition layout (comp) into multiple image files of the graphical user interface (GUI) for one or more electronic pages. It is typically part of the client side development process of creating a web page and/or web site, but is also used in the user interface design process of software development and game development.

Graphic communication

Graphic communication as the name suggests is communication using graphic elements. These elements include symbols such as glyphs and icons, images such as drawings and photographs, and can include the passive contributions of substrate, color and surroundings. It is the process of creating, producing, and distributing material incorporating words and images to convey data, concepts, and emotions.

Computer graphics Graphics created using computers

Computer graphics are pictures and films created using computers. Usually, the term refers to computer-generated image data created with the help of specialized graphical hardware and software. It is a vast and recently developed area of computer science. The phrase was coined in 1960, by computer graphics researchers Verne Hudson and William Fetter of Boeing. It is often abbreviated as CG, though sometimes erroneously referred to as computer-generated imagery (CGI).

Computer-generated imagery Application of computer graphics to create or contribute to images

Computer-generated imagery (CGI) is the application of computer graphics to create or contribute to images in art, printed media, video games, films, television programs, shorts, commercials, videos, and simulators. The visual scenes may be dynamic or static and may be two-dimensional (2D), though the term "CGI" is most commonly used to refer to 3D computer graphics used for creating scenes or special effects in films and television. Additionally, the use of 2D CGI is often mistakenly referred to as "traditional animation", most often in the case when dedicated animation software such as Adobe Flash or Toon Boom is not used or the CGI is hand drawn using a tablet and mouse.

Visual arts art forms that create works that are primarily visual in nature

The visual arts are art forms such as painting, drawing, printmaking, sculpture, ceramics, photography, video, filmmaking, design, crafts, and architecture. Many artistic disciplines such as performing arts, conceptual art, textile arts also involve aspects of visual arts as well as arts of other types. Also included within the visual arts are the applied arts such as industrial design, graphic design, fashion design, interior design and decorative art.