Client/Prof: Dr. Tom Curtis
Completion Status: Started on Nov 28
Staff Guidance: De’sha
Complete by: Nov 30
This week I’ve been working a lot on the CC306M: Introduction to Medical and Scientific Terminology course graphics! Here is the design menu of what I’ve done so far:
This week, I got a new assignment for making custom course graphics for the 301 Introduction to Astronomy class. Theres a lot of variety I was given with this regarding pictures and formatting so I got to make a lot of iterations.
Here are my banner iterations.
IPad and PPT layouts.
And I got to make designs for a digital wall monitor.
I’m still working on getting the graphics finalized but with the images I was given, I have a lot of creative freedom.
Tuition Guide: Changed the year, added new classes offered, removed unique #s, and moved the “last updated…” We want to possibly add “Registration begins April 8th” and “summer.utexas.edu”
Summer Course Banner: Still in the brainstorming stage, but leaning toward this layout:
Start: Oct 20th, 2023
To be Completed: N/A
Staff Guidance: De’sha
Project Description: I would create a new Figma tutorial based on Figma’s new feature and dive deep into how Figma can help designer/Web Dev to create digital prototype. In this tutorial, I would touch upon advanced Interaction flow inside Figma and variables for designers, dev mode for the collaboration with designers and web developers, and other small features such as Design Theme, Auto Layout and etc.
Dev Mode is a way to interact with Figma files, specifically designed with developers in mind. This mode is a way to reduce the friction in design handoff and allow for better communication and design implementation. You can toggle Dev mode on the right hand side of the top navigation or use the shortcut Shift + D
I find official document that introduce dev mode in the official website of Figma but there are repetitive steps repetitive and unclear description. I filter out some steps that we won’t use and create this tutorial to boost the collaboration between developers and designers.
For this tutorial I didn’t reply on the official document of the feature but create some of my own example in Figma.
Start: October 27, 2023
End:
Description: I was assigned to the 10.1 Physical Health image tracking where I look for images for the provided vocabulary list to later use in a presentation. This time I had to browse for images in pexels, pixabay, or unsplash that matched the vocabulary word given for the theme of physical health.
Start: October 31, 2023
Completed: November 7, 2023
Description: A client requested for a flyer to be made for an event that was to take place on November 1oth. They asked for a horizontal and vertical design and to include the important information from the file they provided. In terms of the overall design, the style should follow and be consistent with the other GRG assets such as the font and design. These were the first iterations of the flyer where I included all the information given and tried out a black and orange color scheme.
After debriefing with De’sha and Leilani, a different route was taken where the design was more organic and included brighter colors, resulting in the following iterations. The orange was still used to highlight either the photos or important information. Some challenges that I encountered were the ample negative space and information’s organization. Specially in the vertical tan version, I added the other paragraph to fill more space and make it look even.
Start: 11/1/23
Completed:
Description: Through the training I learned about the guidelines, strategies and implementation to incorporate accessibility, as well as the importance alt text and when and how to add it. Once I finished the training, I was given the task of improving a site’s accessibility of my choosing. Using Figma, I decided to retouch the craiglist website. I noted that the overall layout included too much text and became overwhelming, so I decide to add some images to better represent each category and make it more visually appealing but still easy to navigate. I took inspiration from websites such as etsy, pinterest, and macy’s. Since Craiglist is an advertisement website, I thought including a banner showcasing the latest or most popular deals at the moment would be beneficial in letting users know about the services craiglist offers.
Start: 11/7/13
Completed by:
Description: In this training I was tasked with created a set of five flashcards in photoshop about the theme of my choosing. I chose the animal theme and looked for three icons, from the noun project website, for the each animal: bird, bunny, fish, cat, dog. From this training I got more familiar with photoshop, layer cropping, organization, exporting, and visual representation. The languages I used were: hungarian, quetchua, japanese, swedish, and greek.
Once the flashcards were ready, I exported them and created a MetaSlider in WordPress:
Dog Logo:
Zahroe from the Noun Project
Christiano Zucas from the Noun Project
Hayashi Fumihiro from the Noun Project
Cat Logo:
Minh Do from the Noun Project
Sewon Park from the Noun Project
Andreas Reich from the Noun Project
Fish Logo:
Matt Hawdon from the Noun Project
Vectors Market from the Noun Project
Alex Muravev from the Noun Project
Bunny Logo:
Mary Rankin from the Noun Project
Laymik from the Noun Project
Coby Graphics from the Noun Project
Bird Logo:
Andy Mc from the Noun Project
Ben Didier from the Noun Project
Icons Producer from the Noun Project
