How-to-Design 👁️ ✋ 🧠

Prof. Ian Besler

Agenda

  1. How to Design? (Class Intros, Illustrator Basics Demo)
  2. Elements of Design
  3. Principles of Design
  4. Dimenion + Texture (EoD 3)
  5. Balance + Contrast (PoD 1)
  6. Dimension (EoD 5)
  7. Texture (EoD 6)
  8. Weekly Topic
  9. Weekly Topic
  10. Weekly Topic
  11. Weekly Topic
  12. Weekly Topic
  13. Weekly Topic
  14. Weekly Topic
  15. Weekly Topic
  16. Weekly Topic

Projects

  1. Project 1: Logo (Grid/Symmetry)
  2. Project 2: Portrait (Form/Field)
  3. Project 3: Money (Cohesion/Credibility)
  4. Project 4: Portfolio (System/Storytelling)

Workshops

  1. Workshop 1: The Golden Ratio
  2. Workshop 2: Workshop
  3. Workshop 3: Workshop
  4. Workshop 4: Workshop
  5. Workshop 5: Workshop
  6. Workshop 6: Workshop
  7. Workshop 7: Workshop
  8. Workshop 8: Workshop
  9. Workshop 9: Workshop
  10. Workshop 10: Workshop
  11. Workshop 11: Workshop
  12. Workshop 12: Workshop

Demos

  1. Adobe Illustrator
    1. Adobe Illustrator: Basics
      (Google Slides) (PDF)

      Raster vs. Vector, Artboards, Navigation, File Menu, View Menu, Guides, Grid, Transforms

    2. Adobe Illustrator: Shapes
      (Google Slides) (PDF)

      Rectangle Tool, Color Tool, Color Panel, Swatches Panel, Spot Colors, Eyedropper Tool, Stroke Panel, Gradient Panel, Gradient Tool

    3. Adobe Illustrator: Advanced Shape Control
      (Google Slides) (PDF)

      Anchor Points, Paths, Pen Tool, Curvature Tool, Object Menu, Path Sub-Menu

    4. Adobe Illustrator: Advanced Layout
      (Google Slides) (PDF)

      Object Menu, Arrange, Group/Ungroup, Lock/Unlock, Hide/Show, Layers Panel, Align Panel, Symbols Panel

    5. Adobe Illustrator: Frame Animation
      (Google Slides) (PDF)

      Animation & Frames, Illustrator Paste on All Artboards, Export for Screens, Photoshop Image Stack, Timeline Palette, Exporting Animated GIFs/Videos

    6. Adobe Illustrator: Clipping Masks, Pathfinder, Blends
      (Google Slides) (PDF)

      Clipping Mask Tool, Pathfinder Panel, Blend Tool

    7. Adobe Illustrator: Stylize & Appearance
      ( (Google Slides) (PDF)

      Transparency Panel, Drop Shadow, Feather Effect, Appearance Panel

    8. Adobe Illustrator: Expand, Live Paint, Symbols, Patterns
      (Google Slides) (PDF)

      Expand, Live Paint, Symbols, Patterns

  2. Adobe Photoshop
  3. Adobe InDesign
    1. Adobe InDesign: Basics (Google Slides) (PDF)
    2. Adobe InDesign: Typography & Layout
    3. Adobe InDesign: Interactive PDFs

Portfolio Design & Book Binding

Portfolio Design & Book Binding
  1. Book Layout Dummies (Google Slides) (PDF)
  2. Portfolio Design Process, Book Layout Dummies

  3. Book Binding (Google Slides) (PDF)
  4. Book Binding Methods, Kettle Stitch Book Binding

Adobe Photoshop

Adobe Photoshop
  1. Adobe Photoshop: Basics (Google Slides) (PDF)
  2. PSD File Format, Image Formats, Photoshop Layers, Marquee, Lasso, Magic Wand, Image Menu, Image Size, Canvas Size, Desaturate, Invert, Gradient Map, Halftone Patterns

References

Syllabus

DSGN 100

Introduction to Design Communication

Prof. Ian Besler, MFA

ibesler@rwu.edu


Prerequisites: None
Credits: 3
RWU Catalog

Catalog Desription

Introduces students to fundamental design process and problem-solving skills through the use of graphic design principles and elements. Exposure to both the intellectual and technical challenges of graphic design communication results in a series of introductory level visual solutions. In conjunction with design problems, students are exposed to information about the current design industry including related design technology. Upon completion, all projects are developed to industry standard presentation level with an emphasis on basic craftsmanship skills.

Course Aims

The aim of DSGN 100 is to enable students to articulate how the selection of specific design tools and production processes affect the final ‘look and feel’ of a design artifact. Students will be encouraged to explore workflows leading to alternative aesthetic qualities. Through a number of short assignments students will be asked to create and execute a design solution applied to a specific design brief. Each one of these assignments focuses on a particular process, tool or technique, and will be supported with presentations and in-class exercises. In addition to professional standards in publication software focus will be on demonstrating the potential of a variety of tools and workflows integrating multiple digital and analog techniques. While the focus of the course is on the application of skills and the use of the tools involved in the production of a project, students will also learn how to craft new tools, in forms such as templates and style sheets, and how to approach new software, in essence ‘learning how to learn technology.’

DSGN 100 aims to help students understand, and begin to utilize, the various technical tools that can be used to realize effective print-based and screen-based designs in their multiple forms of ideation, development, interation, and launch. Communications Designers need to understand a variety of analog and digital processes in order to produce successful media. This course helps students to explore different tools and develop the technical skills to confidently create visual imagery for multimedia delivery. Students will be introduced to photography, scanning and other technologies to create, acquire and manipulate imagery, as well as to a variety of printing processes including offset, lithography, silk-screening, digital printing and laser-cutting. Students will learn how to prepare comprehensives to produce professional design solutions, integrating multiple assets, and to consider technical aspects such as resolution, file formats, color models, support and printing materials, etc.