3-3Critical Design
Sep 11
📌 Complete before class
- ❓Quiz 03 - HTML-2 Document Standards
- 📚 Ch 3 Critical Design - Context (83-90)
- Charli Marie Figma 101: An introduction tutorial (18:34)
What’s going on here?
Section titled “What’s going on here?”Identity & Branding
Section titled “Identity & Branding”👉 Activity: Why Unbrand a Corporate Logo?
Section titled “👉 Activity: Why Unbrand a Corporate Logo?”ExcerptSection 3.1.1
Borrowing, appropriating, and transforming works of art has never been a one-way communicative activity. As much as artists borrow from consumer culture, corporations also help themselves to the work of artists and counterculture groups in their marketing and advertising materials.22 Additionally, in the “real world” you will have plenty of opportunities to create boring, promotional material, so you should use this chance to create something experimental, fearless, and honest! Start by exploring some reasons why you might want to perform such a critique in your design.
- Create a list of positive and negative effects of corporations. These can be general or spe- cific. If you are in a classroom, you might work with a partner. For example, a positive effect might be shared wealth in the form of generous donations, and a negative effect might be environmental hazard.
- Support your ideas by providing one company that exemplifies the effects you listed. For example, TOMS shoes donates a portion of its profit to “grassroots good,” while Exxon was notoriously responsible for one of the worst oil spills in US waters. Consult a repu- table news article to confirm your ideas with facts.
- Collect examples of the company’s branding, including logo variations, style guides, and in-context uses. How might you alter them to account for the information you explored above? Select a specific representation to use in your unbranding. It may be helpful to identify something about the brand it represents that you feel is inauthentic or could use context.
👉 Figma intro
Section titled “👉 Figma intro”- Demo (:20) Figma
- Start Unbranding
- Show moodboard + wireframes
Explore works from this chapter
Section titled “Explore works from this chapter”- https://ketchupormakeup.com/
- https://cdgrandprix.com/
- https://eattherichpopsicles.com/
- https://mschf.com/
📌 Homework
- 📚 Module 3.1 Design with Figma (91–98)
- How to wireframe | Figma (2019)
- Codecademy: CSS 3-2 Changing the Box Model (5)
- Codecademy: JS 1-1 Introduction to Javascript (8)

