Introduction to Web Design for Artists

Balancing functionality with aesthetics, this course introduces interface design principles and production tools. Students are introduced to the concepts and basic principles of user experience. The integration of concept and content will be realized through projects designed for the web. Production tools like HTML, CSS, and relevant software will be introduced.

The course was created by Romello Goodman and taught at MICA during F2022.

Designing the Web

More

Document. Layout. Typography. Responsive.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a massa in arcu tincidunt malesuada. Donec mi lorem, rutrum sed mi sit amet, pretium feugiat purus. Ut sit amet viverra augue. Cras mattis rutrum rhoncus. Donec non est a nisi venenatis congue. Phasellus et bibendum sapien.

1.1 Document

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a massa in arcu tincidunt malesuada.

Briefs

Readings

1.2 Layout

Duis a massa in arcu tincidunt malesuada. Donec mi lorem, rutrum sed mi sit amet, pretium feugiat purus.

Briefs

Readings

1.3 Typography

Ut sit amet viverra augue. Cras mattis rutrum rhoncus. Donec non est a nisi venenatis congue.

Briefs

Readings

Open-Source Font Foundries

1.4 Responsive

Phasellus et bibendum sapien. Curabitur venenatis erat purus, id viverra est interdum eget.

Briefs

Readings

Interactive Design

More

Interactive. Transitions. Motion.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a massa in arcu tincidunt malesuada. Donec mi lorem, rutrum sed mi sit amet, pretium feugiat purus. Ut sit amet viverra augue. Cras mattis rutrum rhoncus. Donec non est a nisi venenatis congue. Phasellus et bibendum sapien.

2.1 Interactive I

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a massa in arcu tincidunt malesuada.

Briefs

Readings

2.2 Interactive II

Duis a massa in arcu tincidunt malesuada. Donec mi lorem, rutrum sed mi sit amet, pretium feugiat purus.

Briefs

Readings

2.3 Transitions

Ut sit amet viverra augue. Cras mattis rutrum rhoncus. Donec non est a nisi venenatis congue.

Briefs

Readings

2.4 Motion

Phasellus et bibendum sapien. Curabitur venenatis erat purus, id viverra est interdum eget.

Briefs

Readings

Storytelling

More

Form. Function.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a massa in arcu tincidunt malesuada. Donec mi lorem, rutrum sed mi sit amet, pretium feugiat purus. Ut sit amet viverra augue. Cras mattis rutrum rhoncus. Donec non est a nisi venenatis congue. Phasellus et bibendum sapien.

3.1 Form

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a massa in arcu tincidunt malesuada.

Briefs

Readings

3.2 Function

Duis a massa in arcu tincidunt malesuada. Donec mi lorem, rutrum sed mi sit amet, pretium feugiat purus.

Briefs

Readings

3.3 Form II

Ut sit amet viverra augue. Cras mattis rutrum rhoncus. Donec non est a nisi venenatis congue.

Briefs

Readings

3.4 Function II

Phasellus et bibendum sapien. Curabitur venenatis erat purus, id viverra est interdum eget.

Briefs

Readings

Projects

More

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a massa in arcu tincidunt malesuada. Donec mi lorem, rutrum sed mi sit amet, pretium feugiat purus. Ut sit amet viverra augue. Cras mattis rutrum rhoncus. Donec non est a nisi venenatis congue. Phasellus et bibendum sapien.

Module 1 Project

Due: Date tk

Desecription of the project TBA.

Module 2 Project

Due: Date tk

Desecription of the project TBA.

Module 3 Project

Due: Date tk

Desecription of the project TBA.

Module 4 Project

Due: Date tk

Desecription of the project TBA.

Resources

More

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a massa in arcu tincidunt malesuada. Donec mi lorem, rutrum sed mi sit amet, pretium feugiat purus. Ut sit amet viverra augue. Cras mattis rutrum rhoncus. Donec non est a nisi venenatis congue. Phasellus et bibendum sapien.

Helpful links

Code of Conduct

This class is a community. That means that you’re in it, and we’re so glad you’re here. We encourage you to stay connected throughout your time enrolled in this course as well as afterwards. It’s important to us to be explicit with our values and expectations within that discourse: Any harmful or hateful messaging will be treated without tolerance.