BAB1 - Design Concept

8/8/2019 BAB1 - Design Concept

1/31

1.0

INTRODUCTION TO DESKTOPPUBLISHING


2/31

Desktop Publishing

y combines a personal computer andWYSIWYG page layoutsoftware to create publication documents on a computer.

y The term "desktop publishing" is commonly used to

describe page layout skillsy The same skills and software are used to create graphics

for:

a. point of sale displays

b. promotional itemsc. trade show exhibits

d. retail package designs

e. outdoor signs.


3/31

List of desktop publishing software

y Adobe InDesign

y Adobe FrameMaker

y Adobe PageMaker

y Orxtra Publisher for Mac OS X

y CorelDRAW

y Corel Ventura

y iStudio Publisher

y PageStream (used to be "Publishing Partner")

y

Microsoft Office Publishery QuarkXPress

y Scribus

y SerifPagePlus

y Easy Flyer Creator


4/31

ELEMENTPRINCIPLES

Design Concept


5/31

The element that should be consider in designproduct.

Colour

Line

Shape Texture

Form

Space


6/31

Element : Colour

y Warna tidak penting untuk desain yang baik. Hitam danputih dan nuansa abu-abu boleh membuat 'warna' yangsama efektifnya dengan merah, biru, dan hijau. Namun,

warna adalah sebuah dimensi tambahan yang dapat

membangkitkan mood dan membuat kenyataan kuatapabila digunakan secara bijak.

y Memahami arti warna serta penggunaan budaya warna danbagaimana warna berinteraksi adalah penting dalam desaincetak dan elektronik dalam rangka menyampaikan nada

mesej, ke kanan, dan membangkitkan tanggapan yangdiinginkan ke, newsletter risalah, laman iklan, web, ataupenerbitan yang lain. Warna komunikasi non-

verbal. Mereka mencipta reaksi fizikal dan emosional.


7/31

y Arti Online Warna: cenderung mempunyai kesan menenangkan. Padasalah satu hujung spektrum mereka dingin, impersonal, warnaantispectic. Di ujung lain warna-warna sejuk yang menghibur danmemelihara....

y Warna hangat menyampaikan emosi dari optimisme sederhana untukkekerasan yang kuat.

y Arti Warna Hangat dan Online Campuran: Warna dengan atribut darikedua-dua warna hangat dan sejuk dapat menenangkan danmenggairahkan.

y Arti Warna Netral: membantu untuk menempatkan fokus pada warnalain atau melayani untuk memalapkan warna yang dinyatakan mungkinakan sangat kuat pada mereka sendiri.


8/31

Meaning of Colour

Colour Category Meaning

Blue

Cool Colour

strong, important, peaceful,intelligent

Green growth, health, environment,harmony

Red

Warm Colour

love, passion, heat, joy, power

Pink sweet, nice, romance, playful,delicate

Yellow happy, joy, cheerful, remembrance

Orange energy, warmth change, health

Gold riches, extravagance, bright,

traditionalPurple

Mixed Warm and Cool Colourroyal, precious, romantic, sacred

Beige conservative, relaxing

BlackNeutral Colour

conservative, mysterious,sophisticated

White purity, innocence, softness


9/31

Element : Line

Some ways that you might use lines in your design are

to:

Organize, connect, separate

Create movement Provide texture

Convey a mood or emotion

Define shapes

Guide the eye


10/31

Example 1

y A solid line separates columns of text, a pair of linesset apart a phrase, and a short dotted line separates asection of text from other parts of the page.


11/31

y A few simple lines added to a piece of clip art gives asense of movement to the airplane. Short, choppy,

vertical lines create a grooved texture along the edgeof the timepiece sketch.

Example 2


12/31

Element : Shape

y Shape is one of the basic elements of design. Alone or in combination withother shapes or lines they can convey universal meanings as well as guidethe eye or organize information.

y The three basic types of shapes are geometric, natural, and abstract

y Geometric shapes are structured, often symmetrical shapes. These includesquares, circles, and triangles but also octagons, hexagons, and cones.

y Natural shapes are found in nature or they can be manmade shapes. Leavesare an example of a natural shape. An ink blob is a natural shape. Natural

shapes are often irregular and fluid.

y Abstract shapes are stylized or simplified versions of natural shapes.Symbols found on signs, such as the stylized wheelchair shape forhandicapped access, is one example


13/31

Some ways you can use squares and rectangles:

To symbolize honesty, stability, equality, comfort, orfamiliarity. It could also symbolize rigidity oruniformity.

To highlight, organize, or set apart information usinga solid or outlined box.

Use a square unexpectedly. Set a block of text in asolid or outlined but tilted box with or without alsotilting the text.


14/31

Some ways you can use circles:

To symbolize infinity and protectiveness. Circles could alsosuggest something well-rounded or complete. Similar to

protectiveness, circles could also imply security.

To highlight, organize, or set apart information using a solid oroutlined circle. Try a freeform circle that looks like it was drawn

with a marker or pen to highlight important text.

Replace the letter O or other 'round' letters in text with acircular shape that suggests that letter. Try an orange in the

word Orange or a basketball, baseball, or soccer ball to replacean O or other letter in the nameplate of a sports newsletter


15/31

Example of Shape


16/31

Element : Texture

Texture is always a part of our designs whetherintentional or not. It is the visual or tactile surfacecharacteristics of a piece.

In desktop publishing, texture comes from the paperwe use. We may also add visual textures through thearrangement of lines and shapes or the use of

photographic images of specific surfaces.

Texture are also cover by added visual texture as anoverall background and as a fill for shapes


17/31

Textures as follows:

y Actual smooth paper

y Actual rough paper

y

Visual texture such as simulated fabric,stone, or even water, also printed on thepaper


18/31

Example of Texture


19/31

PRINCIPLES OF DESIGN

Balance

Emphasis

Harmony

Movement

Variety


20/31

Balance

The Principle of Balance

Primarily there are three types of balance in

page design:

symmetrical

asymmetrical

radial


21/31

Symmetrical

y Symmetrical balance is easiest to see in perfectly centeredcompositions or those with mirror images.

y

In a design with only two elements they would be almostidentical or have nearly the same visual mass.

y If one element was replaced by a smaller one, it could throwthe page out of symmetry.


22/31

Example of Symmetrical

Picture 1 Picture 2


23/31

Asymmetrical

y Asymmetrical design is typically off-center or created withan odd or mismatched number of disparate elements.However, you can still have an interesting design withoutperfect symmetry.

y With asymmetrical balance you are evenly distributing theelements within the format which may mean balancing alarge photo with several small graphics. Or, you can create

tension by intentionally avoiding balance.


24/31

Example of Asymmetrical


25/31

Radial

On square and rectangular pages we generally placeelements in orderly rows and columns. With radial designsthe elements radiate from or swirl around in a circular orspiral path.

Parts of the design must still be arranged so that they arebalanced across the width and length of the page unlessyou're intentionally aiming for a lack of balance.


26/31

Example of Radial Balance


27/31

DESIGN CONCEPT

y Principle of Proximity

y Principle of Alignment

y Principle of Repetition

y

Principle of Contrast


28/31

Principle of Proximity

y In design, proximity or closeness cerates a bondbetween people and between elements on page. Howclose together or far apart elements are placed

suggests a relationship between otherwise disparateparts. Unity is also achieved by using a third elementto connect distant parts.


29/31

Principle of Alignment

y Alignment is the placement of text and graphics so they lineup on the page. It's one of the principles of design that helpus create attractive, readable pages. Use alignment to:

y create order

y organize page elements

y group items

y create visual connections


30/31

Principle of Repetition

Readers gain comfort from having certain elements repeat themselves at

consistent intervals or in the same position. It is much easier to flip to the

desired page of a magazine if the reader knows that the page number will

be in the same location on every page. Specific columns or special sections

of a newspaper are more readily recognized, even when they change

location, if they look the same from issue to issue.

Here are a few examples of how to use repetition:

y Use the same font for all your headlines.

y Use the same graphic rule at the top of all pages in a multi-pagedocument.

y Put repeating elements (like page numbers) in the same location oneach page of a multi-page document.


31/31

Principle of Contrast

y Contrast occurs when two elements are different. The greater thedifference the greater the contrast. The key to working with contrast isto make sure the differences are obvious. Four common methods ofcreating contrast are by using differences in size, value, color, and type.

y Contrast adds interest to the page and provides a means of emphasizingwhat is important or directing the reader's eye. On a page withoutcontrast, the reader doesn't know where to look first or what isimportant.

y Contrast shows what is important by making smaller or lighter elementsrecede on the page to allow other elements to take center stage.

Date post:	10-Apr-2018
Category:	Documents
Upload:	anissa-khaisara
View:	235 times
Download:	0 times

BAB1 - Design Concept

Documents