Course Info

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

  • T/TH
  • 2pm-4:50pm
  • CRN 11407
  • Rm FI 110a

Instructor

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 Visual Studio Code, HTML, CSS, Skeleton framework, and Invision, Figma, or Adobe XD

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.

Prerequisite

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

Technology

HTML(5), CSS(3), Visual Studio Code, Skeleton Framework, InVision, Adobe XD or Figma

Equipment

Sketchbook
Thumbdrive, external hard drive, or cloud storage

Recommended Books

Duckett, Jon. HTML & CSS: Design and Build Websites. Indianapolis, IN: Wiley, 2011.

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

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