Schedule Projects
Callie Brandon Perry M.K. Caroline Kennedy Kadyn Julia Rachel Zach Tallulah Rowan Lailah Brooke Macy Cora

What are we doing today?

W1 • Wed (01.22)

In-Class

Homework

    • Finish your Pixel Portrait
    • Select three websites from Laurel's Are.na here or here
      • Send me the URLs via Teams before class
      • Be ready to share why you chose these websites
    • Watch Laurel's HTML Introduction
    • Please compose a few sentences for the following questions on Figma:
      • How would you describe your design aesthetic?
      • What objects inspire your aesthetic?
      • What was your earliest design memory?
      • How do you define “Interaction Design”?
      • What are the differences between designing for say, a print product, and a digital product?
      • When was the last time you saw digital design in the world that surprised you?
      • What does “UX and UI” mean to you (if anything)?
      • What are you most interested in learning in this class?

W2 • Mon (01.27)

In-Class

Homework

    • Watch Laurel Schwulst's CSS Introduction
    • Watch this video and take notes on Flex Box
      • This will help explain how to place divs next to each other in the browser
    • Make refinements to your Abstract Composition and share the link in Teams

W2 • Wed (01.29)

In-Class

Homework

    • Please watch Laurel Schwulst's Ultralight Lecture from last Spring, and write a 1 paragraph response (posted in Teams)
    • Come to class with three compositions in Figma on a 1440px frame
      • These compositions will utilize your writing completed last class
      • Design a distinct grid system for each. The particulars of each system are up to you, but consider the limits of the frame width, and the length of your text as constraining factors.
      • You can use no more than 2 typefaces.
      • You can use no more than 4 colors (including black and white).
      • You can use only 3 images.

W3 • Mon (02.03)

In-Class

    • Do Now: Tech Support
      • Please add your Figma prototypes to our Interaction Design Team
        • Let’s use the below naming convention to keep everything organized: 
          • “P1_FirstName_LastName”
      • Make sure on your prototype that there is some space for links to your Projects and your Class Exercises
      • Please polish your “Abstract Composition,” rename the site: “firstnameutkabstract.glitch.com”
      • Please start on your “Flexbox Challenge” in Glitch. This will give you a foundation for a gridded website.
    • One on One Meetings
      • We will discuss your Figma Compositions
      • You are welcome to begin the Malevich's Boxes

Homework

    • Come to class with two developed compositions in Figma
      • Please develop the mobile version of these two as well.
    • Please read Laurel Schwulst's "My website is a shifting house next to a river of knowledge. What could yours be?" and respond with a three sentence summary and two questions in your Teams Channel.

W3 • Wed (02.05)

In-Class

Homework

    • Come to class with two further develop compositions in Figma
      • Please develop the mobile version of these two as well.
      • Consider applying an image treatment to your images
    • Please finish the exercises, rename your sites, and send me these site via Teams. They will be the following:
      • firstnameutkabstract.glitch.com
      • firstnameutkflexbox.glitch.com
      • firstnameutkboxes.glitch.com
      • firstnameutkanimation.glitch.com

W4 • Mon (02.10)

In-Class

    • Do Now: Tech Support
      • While I meet with students...
        • Please make sure you have renamed and sent your first five exercises
        • Please add an animation to your abstract composition
        • Please begin to code your Hello, World! Website
          • We will discuss how to add your chosen font to your site.
    • Crit of Abstract Compositions
    • Web Typography
    • Group Work and One on One Meetings
      • In groups of three, I would like you to crit each others current Figma Models (using Rose/ Bud/ Thorn)
      • We will discuss your websites in your 1:1

Homework

    • Convert one website into code. You must include:
      • 1 heading <h1></h1>
      • 1 paragraph <p></p>
      • 1 image <img>
      • 1 list (with at least 3 items) <ul><li></li></ul>
      • 1 link <a></a>
      • 1 html element we didn't cover in class (consult the w3schools reference)

W4 • Wed (02.12)

In-Class

    • Do Now: Tech Support
      • While I meet with students...
        • Please make sure you have renamed your websites in the following format:
          • firstnameutkp1.glitch.com
    • Crit of WIP Websites in small groups
    • Group Work and One on One Meetings
      • In groups of two, I would like you to remix your partner's website, and develop it!
      • We will discuss your websites in your 1:1

Homework

    • Polish your website. You must include:
      • 1 heading <h1></h1>
      • 1 paragraph <p></p>
      • 1 image <img>
      • 1 list (with at least 3 items) <ul><li></li></ul>
      • 1 link <a></a>
      • 1 html element we didn't cover in class (consult the w3schools reference)

W5 • Mon (02.17)

In-Class

Homework

    • Polish your website
      • New due date: Monday (02.24)
    • Complete your Responsive Web Exercise
      • Add to your Hello, World! website

W5 • Wed (02.19)

In-Class

    • Tech Support
      • Please sign up for a time slot (beyond those that I haven't met with).
      • I'd like you to please pair up, and inspect each others sites to help with their responsiveness.
      • If you want to take a break from your website, you can complete the Responsive Web Exercise

Homework

    • Your website (both the figma file and coded site) is due on Monday (02.24)
      • Work towards responsiveness.
      • Please sign up for office hours (9-12) via Teams on Friday for support if needed.

W6 • Mon (02.24)

In-Class

    • Tech Support
      • While I meet with students, please do the following
        1. Open this spreadsheet
        2. In the appropriate cell, please compose two roses (positive notes), and a bud (something they can develop in class today).
        3. Once you’ve completed your crit, please work with your group to develop the finishing touches on your site!
    • We will use class today to make our final polishes to our websites

Homework

    • Please submit your Figma page as a PDF and your glitch website to Canvas this evening by 11:59pm

W6 • Wed (02.26)

In-Class

    • Do Now: Reflection on Project 1
    • Introduction to Project 2
    • Introduction to Atomic Design
    • Tutorial on creating a CSS Grid
    • Worktime
      • You can use this time to get started on your Survey of Atoms

Homework

    • Complete Part 1 of Project 2
      • Come to class with a glitch website with three subpages collecting:
        • Atoms
        • Molecules
        • Organisms

W7 • Mon (03.03)

In-Class

    • Tech Support
      • Please fill out the Artist Spreadsheet
      • Please polish and rename your Atomic Collection:
        • firstnameutkatomiccollection.glitch.com
      • Please begin your Atoms in your Figma for Project 2
    • Figma Tutorial

Homework

    • Please develop Part 2 of Project 2
      • Come to class with your shared Figma file collecting:
        • Atoms
        • Molecules
        • Organisms

W7 • Wed (03.05)

In-Class

    • Tech Support
      • Please share with your group your current Atomic Components in your Figma
        • Rose/Bud/Thorn
      • You may begin the Click and Hover Exercise
    • Figma Tutorial
      • We will clarify how to add Variants Properties

Homework

    • Come to class with your developed Figma file collecting:
      • Atoms
      • Molecules
      • Organisms
    • Please build out the Desktop Wireframe for one page

W8 • Mon (03.10)

In-Class

Homework

    • Please develop your Desktop Wireframe for one page, and build out your system for two subpages.

W8 • Wed (03.12)

In-Class

Homework

    • Please finalize your Wireframes (include the tablet and mobile versions) over the break

W9 • NO CLASS

W9 • NO CLASS

W10 • Mon (03.24)

In-Class

    • Do Now
      • Class Walkthrough
        • Please share with your group your final websites in your Figma
        • Please leave 2 Roses and 2 Buds
    • Introduction to Project 3
    • Introduction to Still Life Exercise
    • Worktime / 1:1 Meetings

Homework

    • Please finalize and submit your Wireframes as a PDF by this evening

W10 • Wed (03.26)

In-Class

Homework

    • Please develop in Figma a mobile version walking through your 10 linked entries.
      • Use Figma to collect your text, images, and/or gifs
      • You do not have to consider navigation yet; however, if you like you can start building out your Nav-bar Molecule.
    • Please complete your Still Life Exercise and submit via Teams

W11 • Mon (03.31)

In-Class

    • Tech Support
      • Please share your current "Daisy Chain" in your Figma
        • Rose/Bud/Thorn
      • Develop your Still Life Exercise
      • Begin to develop the code
        • Start mobile first
    • 1:1 Meetings

Homework

    • Please develop in Figma the mobile version walking through your 10 linked entries.
      • Please consider navigation as a Molecule
      • Please begin to set up your mobile code in Glitch
    • Please complete your Still Life Exercise (if you haven't already)

W11 • Wed (04.02)

In-Class

    • Tech Support
      • Code your current "Daisy Chain"
        • Start mobile first
        • Develop your File structure
        • Include one piece of JQuery
    • Tutorial on Mobile Coding
    • 1:1 Meetings

Homework

    • Please develop your Mobile Version for Monday (the Project will be due on the 16th)

W12 • Mon (04.07)

In-Class

Homework

    • Please develop your Final Version, including a desktop version (the Project will be due on the 16th)
      • Please make sure to include a Splash Page

W12 • Wed (04.09)

In-Class

    • Mobile Site Walkthrough
      • We will rotate through individual crits of your WIP "Daisy Chain"
    • 1:1 Meetings Outside

Homework

    • Please develop your Final Version, including a desktop version (the Project will be due on the 16th)
      • Please make sure to include a Splash Page

W13 • Mon (04.14)

In-Class

Homework

    • Please develop your Final Version, including a desktop version (the Project will be due on the 16th)

W13 • Wed (04.16)

In-Class

Homework

W14 • Mon (04.21)

In-Class

Homework

    • Develop 3 sketches in Figma of your Portfolio Site
      • Begin from with three 1440 px wide frames
    • Finish the Patt Vira Tutorials (try to make a sketch with an array of objects)

W14 • Wed (04.23)

In-Class

Homework

    • Develop 2 sketches in Figma of your Portfolio Site
      • Develop the Mobile Version
    • Complete your Abstract Composition!

W15 • Mon (04.28)

In-Class

Homework

    • Translate 1 of your Figma Iterations into Cargo Collective
      • We are aiming to have a live Portfolio Site by this week's end
    • Complete your Abstract Composition!

W15 • Wed (04.30)

In-Class

Homework

    • Polish your Cargo Collective
      • We are aiming to have a live Portfolio Site by this week's end
    • Complete your Abstract Composition!
    • Revise any previous project

W16 • Mon (05.05)

In-Class

Homework

    • Complete your Portfolio site and rename it for submission

W16 • Wed (05.07)

In-Class

Homework

    • Please complete and submit your websites by tomorrow EOD
    • Final revisions should be completed by Monday EOD (please send me a note in Teams)
    • We will have our final show at 3:30pm in Room 103A on Friday.
      • Please bring your phones and your laptops