1. What did you learn? In this project, I learned about working with Auto Layout and creating micro interactions in Figma. I also learned how many helpful resources there are available in the Figma Community! 2. What was easy? Having the Google form to fill out for a project brief made getting started and planning… Continue reading Project 3: Mobile Game
Project 2: Mobile Development
1. What did you learn? In this project, I was introduced to HTML, CSS, and jQuery. We did a little bit of basic coding in 217, but other than having that experience, pretty much everything we did in this project was new to me. 2. What was easy? Setting up the basic framework for the… Continue reading Project 2: Mobile Development
Project 1: Music Player
1. What did you learn? Through this project and set of labs, I learned how to identify and replicate various UI “isms,” and I learned different aspects of accessibility to consider in design. I also got more comfortable working with features in Figma such as components, variants, and animation. 2. What was easy? Setting up… Continue reading Project 1: Music Player
Project 3: Augmented Reality
Test Prototype Here What did you learn? In this project, I learned how to use video in Figma, how to incorporate components with variants over top of video, and how to use Figma’s “after delay” prototyping feature. I also learned various methods of data visualization. What was easy? Setting up a design system, incorporating elements… Continue reading Project 3: Augmented Reality
Project 5: Summative
What did you learn? This project brought together everything we’ve learned throughout the semester, combining gestalt principles/layout, color, typography, and image. What was easy? Choosing color palettes and fonts was easy. What was challenging? I found that this project took a lot of trial and error when it came to putting all the pieces together… Continue reading Project 5: Summative
Project 3: Educational Illustration
What did you learn? In this project, I learned about various kinds of educational illustration. Through the labs, I got more comfortable using the pen tool and working with gradients in Illustrator, and I also learned how to work with an isometric grid in Illustrator. What was easy? Sketching out each individual element of the… Continue reading Project 3: Educational Illustration
Project 4: Typography
What did you learn? In this project, I got more familiar with how to use Figma’s type tools. I also learned the meaning behind terms like tracking, kerning, and ligature when talking about typography. What was easy? Sketching out different ways to arrange words and playing around with Figma’s type tools to adjust font weight,… Continue reading Project 4: Typography
Project 3: Image
What did you learn? In this project, I learned the difference between pure and fused metaphors, how metaphors are used in advertising, how to use mind mapping as a brainstorm technique, and various approaches for combining and editing images in both Figma and Photoshop. What was easy? Cutting out components of images, working with adjustment… Continue reading Project 3: Image
Project 2: Website Design
Test Prototype Here What did you learn? In this project, I learned more about working with typography and color styles, how to create a mobile “hamburger” style navigation menu, and how to enable vertical scrolling in Figma. I also had my first experience with front-end coding in Codepen. What was easy? Working with color and… Continue reading Project 2: Website Design
Project 2: Spot Illustration
What did you learn? In this project, I learned what spot illustration is, various methods for creating it, and how to create a cohesive set of themed spot illustrations while sticking to a consistent style and limited color palette. What was easy? Coming up with a theme and color palette and sketching out my ideas… Continue reading Project 2: Spot Illustration