Image

DSGN360 | DIGITAL MEDIA DESIGN 1

SYLLABUS





Description

Methods and concepts of designing for an online experience, including a working knowledge of markup and stylesheet languages, image optimization, file organization, information architecture, and usability.

Information

8am-11am
CRN 11613
Rm Fl 110

Instructor

Jason Olsen
Office Hours: Th 11:00-12:30pm | F 9-10:30am
Office: ET 273
jason@ajasono.com

Objectives

Learn the relationship between content, structure and design that is the foundation of successful web design.

Examine common problems and solutions to interactive design within the non-linear structure of the web including information architecture and usability.

Explore how fundamental graphic design principles apply to the discipline of web design.

Analyze popular web design styles and their successful application.

Develop an understanding of the main technological issues in designing for the web, including markup and stylesheet languages, file formats, web fonts, resolution, and optimization.

Master the software tools of web design, including Brackets, Sketch, InVision, CSS, and HTML, jQuery, and Skeleton framework.

Foster an understanding of how website design comps are translated into completed websites for online publishing.

Gain knowledge and experience from user-testing and creating interactive prototypes.

Understand the importance of file organization and time management when developing a website.

Prerequisites

DSGN 330; DSGN 351; concurrent enrollment in DSGN 340.

Technology

HTML(5), CSS(3), Brackets, Sketch, InVision, Skeleton Framework

Equipment

Sketchbook

Thumbdrive or external hard drive

Recommended Books

Bruce Hyslop and Elizabeth Castro. HTML5 and CSS3: Visual Quickstart Guide (7th ed.). Berkeley, CA: Peachpit Press, 2012.

Krug, Steve. Don’t Make Me Think!: A Common Sense Approach to Web Usability. Berkeley, Calif: New Riders Pub, 2006.

Lynch, Patrick and Sarah Horton. Web Style Guide 3rd Edition. New Haven, Connecticut: Yale University, 2008.

Kadlec, Tim. Implementing Responsive Design: Building Sites for an Anywhere, Everywhere Web. Berkeley, CA: New Riders, 2013.

RESOURCES