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.
Office Hours: TR 1500-1630
Office: Use class Zoom link (see Canvas announcement)
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.
DSGN 330; DSGN 351; concurrent enrollment in DSGN 340.
HTML(5), CSS(3), Brackets, Sketch, InVision, Skeleton Framework
Thumbdrive or external hard drive
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.
RESPONSIVE WEB DESIGN
QUICK CODE LINKS
USABILITY + TESTING
CASE STUDIES (STUDENT)
CASE STUDIES (PRO)
CASE STUDY EXAMPLES
USER JOURNEY MAPPING
PROJECT 2 INSPIRATION
ROYALTY FREE IMAGES
Madison Gonzalez Boesch