Turn in Exercise 5: Skeleton
- Upload to U-Drive – 360 folder and link it to your sandbox.
- Take screenshots and Export PDFs of the Design, HTML, and CSS and upload to the #exercise5 Slack Channel
Project 2: Interactive Storytelling
In class feedback sessions on 3 initial desktop comps
In Class Critique:
Critique the Following:
CONCEPT
- innovation, vibes, communication of story, target audience, utilizing digital platform
DESIGN
- Layout, typography, color, assets/treatment, consistency & variety, balance, contrast, negative space, alignment, hierarchy, potential responsive visual design translation
USABILITY
- content organization, user flow, clarity of any interactions/links
BEHAVIOR
- possibilities for simple css animation and transitions, potentially other animation, or links/interactivity
Animated GIF Helpful Resources
(This is only if interested in doing more complex animation than simple CSS movements, which you will learn on Thursday)
- Animated GIF Help (Photoshop)
- Frames from Layers Method (Photoshop)
- Procreate 5 Animation Assist
Due Next Class
Project 2: Interactive Storytelling
- Desktop Refinements and Mobile Design: Choose a direction based upon the class feedback and refine the design for both desktop and mobile. Link to #project2 Slack Channel.