DES 319 Typography IV: Special Topics

This course focus in Creative Coding and Typography. Using a scripting library, such as basil.js, for to explore traditional typographic features through programming. Basil.js is the main tool to in creative coding within Adobe InDesign, expand existing typographic knowledge, and open a path of further exploration and experimentation.

Assignment1

For this assignment, I had to create a Self-Promo Kit by using Basil.JS. I had to design a business card, an eFlyer and an e-mail signature for to promote myself as a designer.

Mountains
Mountains
Mountains

Assignment2

For this second assignment, I had to Select an essay/piece of writing of your liking. Could also be an excerpt of at least two pages (a spread) of a book. No comics or other image-based books—the goal is to use large volumes of text. Transcribe and extract that content into a text file. Develop a visual interpretation of the text using Basil.JS. You can also focus on details of the story to inspire your experiments—be creative! Design a minimum of 3 typographic layouts/directions.

The book I had picked is called "A Dream Called Home" by Reyna Grande. It about a Latina to attend and graduate from college. She wrote about her expierence as a first generation in her family, and a Latina has to go through the obstacle to get to her goals. It very inpsiring for me, as a Latina to never give up even when life gets hard. The section of the book I focus on is the protest, which Reyna wrote about her first protest as a college student. She explain that proest was about the Prop 209, which it's a law that allows students in any race/ethnicity, gender, etc., to get a high education. It caught my attention because people have fought for their rights to gain a higher education, which everyone should be eligible to gain an education. Therefore, thanks to the peole who fought everyone rights to gain a higher education, I was able to gain that education.

I had made the color of a page look a little bit begie for to make it feel like it was a historical times, which I think it should be part of a history book. As I had made the font letter look like handwrtting because Reyna is telling her life moment as the frist gen Latina, which it give a sense like a diary. I also include highlight, which it yellow that stood out to me and the author. There's one colorful highlight, which was the author's takeaway because she was amazed how diverse the school really is. I had seperate the text and the main characters' conversation by placing the conversation on the right side and book text and the left. Lastly, I included picture for to show proof that this protest did happened and show the viewers how powerful this protest met for the students in that time.

Mountains
Mountains

Assignment3

For this third assignment, I had to get access the data from OpenWeather One Call API I had to create a infographic visualization of one of the following datasets:

I had to visualize the data points not only information but also to manipulate typographic features (tracking, point size,…) or visual attributes (color, stroke, effects, etc.). I hyad decided to focus the weather within the 48 hours in Chicago.

Mountains

The first, was just a sketch. I use different color palettes. As the info of the data of the weather such as tempature, feel like, humindty, wind speed, and clouds.

Mountains

The second work, again with the color palettes, as the data weather. The dfferent between the first work is the font size increase for each steps, which represent within the 48 hours.

Mountains

The third work, I use dfferent font size to describe the data weather within the 48 hours. Also, I had include an image as the weather description.

Mountains

The last work, I use dfferent color scheme compare to the previous works. I use the color palettes to decribe the weather data within the 48 hours, which show different shades of blue. For example, the top is the current as it goes down the stair as the later in the 48 hours.