Course Descriptions

ART610 Elements of WWW Design

This course will explore the digital aesthetics and methods of World Wide Web design that are the foundation of WWW authoring. Through a series of digital Exercises and Projects the student will become aware of the basic design issues and techniques of designing for the WWW. Students are expected to develop their design aesthetic as it relates to the WWW, and participate in researching and discussing various topics of WWW design including its impact on industry, culture, education, and the visual dissemination of electronic information. This is an online course.

Course Objectives

  • Students will utilize aesthetics, concepts, terminology and techniques used to create digital images for the WWW.
  • Students will design and produce digital images
  • Students will create a series of digital exercises and projects, which will raise their awareness of basic design principles, visual language (semiotics), international symbols, and layout techniques used in WWW design.
  • Students will utilize digital color control and explore its impact on web usability.
  • Students will create navigational symbols and research their potential effectiveness.
  • Students will create page layouts distributable via the Internet, and publish their projects on the Internet.
  • Students will utilize current industry software including: Adobe Photoshop, Illustrator, and InDesign.
  • Students will utilize Web 2.0 technologies and social networking in course activities.
  • Students will utilize a flatbed scanner to create source digital imagery for class projects.

Weekly topics (subject to change)

Week

Topic

Week 1  

Getting started: Familiarize yourself with the ART610 online environment; Learn the basics of
XHTML

Week 2  

The power of images; Digital collage techniques; Uploading files to the tiger.towson.edu
web server

Week 3  

Semiotics and visual language; More digital imaging techniques; Creating type elements in
raster graphics

Week 4  

Symbols; Creating and editing vector graphics

Week 5  

Identity and branding; Creating logotypes using the Pathfinder

Week 6  

The contextual meaning of color; Controlling color

Week 7  

Typographical concerns; Controlling typographical settings

Week 8  

Geometry in design; Creating vector based layouts structured with geographical forms

Week 9  

Navigational standards; Creating custom navigation icons

Week 10  

The grid in layout design; Using a traditional grid to design layouts

Week 11  

Structuring a layout; Layout design techniques and methods

Week 12  

WWW layout techniques

Week 13  

Digital images: optimization for the web

Week 14  

Preparing documents for electronic distribution

ART620 Graduate Typography

Typography is a studio art course in which the student explores advanced formal and technical concepts and the aesthetics of type. The course presents the ideas and concepts typography through lecture; slide presentations, demonstrations, and student research. Through execution and completion of Typography Projects and Exercises the student investigates the history, methods and aesthetics of typography while developing their own typographical aesthetic. This is an graduate level course so the emphasis is on research, technique, process, and the quality of the finished product. Students are expected to develop their typographical aesthetic as it relates to the WWW, and participate in researching and discussing various topics of WWW typography including its impact on industry, culture, education, and the visual dissemination of electronic information. ART620 is an online course.

Course Objectives

  • Students will utilize typography aesthetics, concepts, terminology and techniques used to create typography for print and electronic design.
  • Students will design and produce an electronic typography journal (blog) and create a series of digital typographical exercises and projects, which will raise their awareness of the following: typographical history, principles of excellent typographic practice, typographical entrepreneurial ventures, typographical concept and expression, digital typography and WWW typography.
  • Students will create typography in motion.
  • Students will utilize Web 2.0 technologies, social networking and virtual realities (MUVE's) in course activities.
  • Students will utilize current industry software including: Adobe Photoshop, Illustrator, and InDesign.

Weekly topics (subject to change)

Week

Topic

Week 1  

Getting started -familiarize yourself with the ART620 online environment

Week 2  

Introduction to typography - creating a typography blog journal

Week 3  

The history of type - the foundation of graphic design and the WWW

Week 4  

Letterform basics - vocabulary and fundamental concepts of type

Week 5  

Expressive typography - understanding the communicative power of type

Week 6  

Typography in motion - type as actor

Week 7  

Logo-typography - creating logotypes

Week 8  

Text type - the finer points of setting text type

Week 9  

Type hierarchy - typographic visual organization techniques

Week 10  

The grid -typographical elements as the construct of a layout grid for WWW design

Week 11  

The form and function of typography - readability, and legibility in WWW typography

Week 12  

Digital typography -managing type in the digital realm

Week 13  

WWW typography- basic typographical considerations when designing for the WWW

Week 14  

More WWW typography - controlling the uncontrollable

ART641 Interactive Media Concept and Theory

This course will explore the concepts, theories and applied principles of interactive media design. Through a series of interactive design exercises and projects the student will become aware of the interactive design issues and techniques faced by today’s interactive designers. Students are expected to develop their interactive design aesthetic as it relates to the WWW, and participate in research and discussion of various topics of interactive design including its impact on business, industry, culture, education, and the visual dissemination of electronic information. 

ART641 is an online course.

Course Objectives

  • Students will investigate aesthetics, concepts, terminology and techniques used in interactive media design.
  • Students will design and produce interactive media for distribution via the WWW.
  • Students will complete a series of interactive media exercises and projects that will raise their awareness of interactive design principles, Web 2.0 technologies and social media technologies.
  • Students will consider usability issues impacting interactive media created for the WWW.
  • Students will utilize current industry software including: Adobe Photoshop, Dreamweaver and InDesign.
  • Students will utilize HTML and Dreamweaver for website authoring in order to publish interactive media projects and exercises.

Weekly topics (subject to change)

Week

Topic

Week 1  

Getting started: Familiarize yourself with the ART641 online environment.
Learn the basics of HTML.

Week 2  

Web 2.0/Web 3.0 - emerging technologies define the user experience, Uploading files to the tiger.towson.edu web server.

Week 3  

The age of the Wiki - collective knowledge on the WWW

Week 4  

Interaction design paradigms

Week 5  

Interface design

Week 6  

Usability and industry standards

Week 7  

Social Media Strategies

Week 8  

Social Media Options

Week 9  

Responsive Web Design

Week 10  

Wordpress Options

Week 11  

Email Service Providers

Week 12  

Online Video Sharing

Week 13  

e-learning

Week 14  

Future interactive media

Week 15  

In the final analysis.

ART765 Graduate Design for the WWW

This course will explore the aesthetics and methods of World Wide Web design and authoring. Through a series of WWW Exercises and Projects the student will become aware of the design issues related to the authoring of comprehensive WWW sites. Students will use digital imaging methods for image generation, and WWW authoring techniques including: HTML and CSS code, animated gif graphics and movie/audio clips. Students will learn and utilize current industry WWW authoring software including: Adobe Dreamweaver, and Photoshop. Students will engage in the design and production of websites, publish via the Internet, and participate in researching various aspects of design for WWW and its impact on industry, culture, education, and the visual dissemination of electronic information.

Course Objectives

  • Students will utilize concepts, terminology and techniques used in World Wide Web authoring.
  • Students will produce a series of WWW Exercises and Projects, which will raise their awareness of the design issues related to WWW authoring.
  • Students will utilize design principles of information architecture and interactivity to enhance the effectiveness of their web designs.
  • Students will utilize digital imaging techniques specifically related to WWW authoring.
  • Students will utilize basic ftp commands required for uploading and maintaining web sites on an Internet server.
  • Students will utilize Web 2.0 technologies and social networking in course activities.
  • Students will conduct research on various aspects of design for WWW and its impact on industry, culture, education, and the visual dissemination of electronic information. Course Description

Weekly topics (subject to change)

Week

Topic

Week 1  

Getting started: Familiarize yourself with the ART365/765
online environment; Basic XHTML

Week 2  

More XHTML: Effective file management and naming conventions;
Upload a website (HTML and image files) to a public server

Week 3  

Dream weaver basics; Optimize images for display on the WWW

Week 4  

Basic WWW design conventions; Use Dreamweaver to insert images,
create linked images and linked text in a website

Week 5  

Utilize design techniques unique to the WWW; Investigate WWW
typography methods; Use the grid to structure WWW layout design

Week 6  

More quality tools for the e-designer: Analysis of information heavy
WWW design; Designing for a defined WWW audience; Controlling color

Week 7  

Information architecture; Construct website concept/narrative; Use
information design methods and tools

Week 8  

Web usability; Create Cascading Style Sheets (CSS); Web design
accessibility issues

Week 9  

Web visibility: Investigate search engines, and how get your website
listed; Investigate domain name registration; Utilize Metadata keywords

Week 10  

From web to print and back: Examine the pros and cons of the PDF
format; Predict and control color from print to web

Week 11  

Navigational standards and symbols; Investigate browsing habits;
Javascript basics; CSS layout techniques

Week 12  

Including media files in your webpages; More CSS layout techniques

Week 13  

Career opportunities and presenting your work

Week 14  

Designing for alternative displays