Designing Librarians by yurtgc548


									 Designing Librarians

Collection Development Training
Feb. 16, 2011
Jeff Scheidewind & Virginia Allison of the Image Services Team
   Today’s Objectives
 Gain fluency in basic image terminology including digital
  image formats and image anatomy.

 Understand and identify the elements and principles of

 Apply this knowledge in learning best practices for
  designing library guides
Design Matters
   Don’t go to the right
   Men’s room sign
   Where did we park the car?

3 components of product design:
    • usability
    • aesthetics
    • practicality
  Why is it important for librarians to
  understand design?

 To help patrons
   evaluate visual

 Librarians are
Elements & Principles of Design
Design is the organized arrangement of one or more elements
    and principles (e.g. line color or texture) for a purpose.

       The form created by this
       sculpture is composed of
       jointed, angled lines.

       Line is a mark with
       greater length than width.
       Lines can be horizontal,
       vertical, diagonal, straight
       or curved, thick or thin
        Shape is an area enclosed by line. It
        is two-dimensional and can be
        geometric or organic. Shape takes
        up mass and volume and
        automatically creates a negative
        space around it.

       Forms occupy space or give
       the illusion that they occupy
       space. Basic forms are the
       sphere, cone, cube, and
       cylinder. Forms are 3-

       The attributes of form are
       mass and volume

       Size is the relationship of
       the area occupied by one
       shape to that of another.

       You can tell how much
       space is in between the
       statue by comparing it to
       the statues in the distance.
          Texture is the
          surface quality of
          a shape such as
          rough, smooth,
          or soft.

          The texture in
          this image is
          glossy and
        Color is also called “hue.”

        Color is used to create illusion of depth.
        Perception is based on the color in
        relation to it’s background color. Warm
        colors advance, cool colors recede.

        Color schemes are used to create style
        and appeal. This image is using an
        analogous color scheme.
        Value is the lightness or darkness of a
        color. Value is also called tone.
Balance is the distribution of the visual weight of objects, colors,
  texture, and the space.
 Balance can have symmetry
 Or asymmetry

                                     In symmetrical balance, the elements used
                                     on one side of the design are similar to
                                     those on the other side; in asymmetrical
                                     balance, the sides are different but still look
           Point of focus in a picture
           or area that draws attention.

           Usually there is a primary
           or main area of focus or
           interest, with secondary
           points of interest elsewhere
           in the compositions
           Contrast is the juxtaposition of
           opposing elements

           e.g. opposite colors on the color
           wheel, contrast in color value-
           dark/light, or contrast in direction
           such as horizontal/vertical
Repetition or Rhythm

  Rhythm is created when one or more elements of design are used repeatedly
  to create a feeling of organized movement.

  Variety is key to keeping rhythm exciting. Repetition with variation is
  interesting, without variation, repetition can become monotonous.
          Different elements are combined to create
          visual interest: notably use of contrast,
          emphasis, difference in size and color.
Harmony or Unity

             The quality of wholeness or oneness that is
             achieved through the effective use of the
             elements and principles of art.
           Movement is the path the
           viewer's eye takes through
           the artwork.

           Suggestion of movement in a
           composition can be achieved
           by textures, angles, color
           and lines.
     Flickr Group –mad-tag-dash!
 Find two partners, make sure that one of you has a Flickr log-in
 Log into Flickr
 Click on “Groups” from the toolbar at the top
 Search for Design101
 Join group if you have not done so already
 Ready…set…tag!
    only use the elements and principles listed on your cheat sheet
     for tags, you can use more than one tag per image
 Separate each tag with a space: emphasis, line
 To scroll through the images click on “older” at the top right of the screen
Image Anatomy 101
 With Jeff Schneidewind!
Designing Libguides

                                                    Combinations of
                                                     the elements &
                                                     principles of
                                                     design are used
                                                     to create a

“Badly arranged space is a bit like mis-timed pauses in
speech; they can disrupt meaning and emphasis”
  Visual Logic:

  1. Visual Hierarchy
  2. Rest Areas
  3. Uniformity

Do this:

Not that:
Include Entry Points
Writing for the web
                                                       • Be CONCISE
Do this:
Visual literacy is the ability to decode, interpret,
                                                       • Be OBJECTIVE
create, question, challenge and evaluate texts that
communicate with visual images as well as, or          • Be SCANNABLE
rather than, words.
More information

Visual literacy is the ability to decode, interpret,
create, question, challenge and evaluate texts that
communicate with visual images as well as, or
rather than, words.Visually literate people can read
the intended meaning in a visual text such as an
advertisement or a film shot, interpret the purpose
and intended meaning, and evaluate the form,
structure and features of the text. They can also
use images in a creative and appropriate way to
express meaning.
More information:
Designing Text
 A page dominated by poorly designed or
overly bold graphics or typology will
distract or repel users seeking
substantive content. You will need to
strike an appropriate balance between
attracting the eye with visual contrast
and providing a clear sense of
organization. If you cram every page
with dense text, readers see a wall of
grey and will instinctively reject the
lack of visual contrast. Just making
things uniformly bigger does not help.
Even boldface fonts quickly become
monotonous: if everything is bold, then
nothing stands out boldly. (WSG3)
Parting tips to increase usability…
 Personalize: studies show that without personalization,
  guides were less likely to be used
 Make URLs user-friendly
 Add tags & keywords to increase access
 Include a chat/IM widget
 Don’t use library jargon
 Innovative Applications for Instructive Outreach: Best Practices for Libguides and online Pathfinders-
   ARLIS/NA workshop by Nedda Ahmed, Georgia State University and Jill E. Luedke,
   Temple University (includes a great bibliography)

 Elements and Principles of Design Descriptions: Lesson from painter, John Lovett

 Elements and Principles of Design: Kid’s Space Art

 Design Elements and Principles: Wikipedia

 Alex Jenkins, Art librarianship intern– flickr group photography
                        Thank You

Evaluation: GOES HERE

To top