100 Things – Phase #3

Methods & Process

For phase three, we were asked to make a poster that replicates our journey of understanding and tell our audience the journey that our tool has lead us to. So, here is my journey.


At first, I started to search for poster inspirations. So, I decided to visit the VCUQ library with some friends and gather some books to look at. I was trying so see how the designers include their micro, median and hook on their posters. It has definitely given me inspiration of how to start my poster.

The first 4 sketches. I tried to include some of the inspirations I gained after looking at some designers posters. However, I was afraid of adding many items on my posters and make it very busy. So, I made them as simple as possible and try to build on it later.

For the 5th poster, I used the tweak tool to mess around the word “mental abuse,” and changed it’s color to red, so it adds a pop of color and can grab people’s attention with the color and it’s effect.

After critique on Monday, 1st of October, I noted down my professors and classmates comments and tried to re-enhance my previous posters. One of the main advices I gained from the critique was to not center anything. So, I tried re-enhance my next posters.

Some of the re-enhanced posters. I messed around with using the blend tool, grid tool and typography.

Some experimentations while using the blend tool. Before and after using the blend tool.       

Another experimentation using the blend tool and transparency to create patterns.

The inspiration was from some of the patterns I did in my 100 things, which I learnt from my Math 131 class with Professor Ryad. (Which proved to me, Math actually does come in handy sometimes.)


Tested out some different fonts that goes along with the pattern the best. It’s an Arabic word that stands for “accuracy.” However, at the end I settled with font at the bottom left, which I thought had syntactic relationships with my pattern due to the circle dots and rounded edges.

I also tested out several places and sizes to place the compass in the poster. Keeping in mind hierarchy, I thought the compass was taking over the entire poster in the first two posters and is it too small in the third poster. So, I later on decided to settle on having the compass as the median and make the pattern big and centered.

Used a graph as a background, to signify the word accuracy indirectly and make a semantic relationship. Although after hearing the comments in class, I decided to remove the grid since the word accuracy is already portrayed directly, which made the grid unnecessary to use.

The following class, Leland and Law helped us by giving us individual group critiques. One problem I was facing was the lack of items from my 100 things. Even though I added the pattern from my 100 things, It still was not enough. So, I was given a suggestion to add items from my 100 things in the circles shown above, where it is away from the center. I was also highly encouraged to not place anything on the center where it will make the poster boring, obvious and cliché. Not to mention the title, which was centered, I was suggested to make the font bigger and less centered and more aligned to the left. The definition placement on the bottom right however, turned out to be okay and the font visually appealing.

Another attempt for the final poster. I tried to play around with the hierarchy, using the micro, median and hook. The first poster on the left, had smaller sized objects and a bigger title. Whereas, the second poster, I tried to make the objects bigger and the title a bit smaller. I thought the second poster works better, where the objects started to fill in the empty space on the bottom left. I also played with the vector lines, as if it is wrapping around the object. I used the pen tool and the scissor tool to make the lines cross over the object. For the final final poster, I added more lines wrapping around the object. However, I wish I have added more lines to be wrapped around the object, but it was too late to do after the final critique.

Here is the final printed poster. I printed the final in 2D glossy, where I thought the colors will look better in glossy paper. The choice of objects came from the keywords, semanticsyntactic and symbol. Semantic is the compass, where the geometric compass and the compass relate semantically but have different functions. Syntactic is the knife, where the colors of the knife (silver and black) and the compass relate syntactically. The sand clock however, is a symbol of time, where accuracy takes time. There were definitely some mistakes I would have fixed if I can go back in time, for example the lack of wrapped lines, which I thought was a missed opportunity.


I really enjoyed this project, even though it was very confusing and challenging at times, it also gave me the ability to manage my time properly, expand my ideas, take risks and visualize my thoughts. I was scared to take risks and challenge myself to create a poster out of my 100 things, where I thought it might look very messy and crowded, which will lead the idea of my journey to be lost. However, learning about the syntactics and the semantics of when designing a poster, helped a lot when designing. It made me think of how this object may relate to the other object and how they have to share some kind of meaning so the viewer’s eye will find it syntactically and semantically appealing when their eyes move psychologically from one object to another. I am glad I added more objects from my 100 things, where it filled in the empty space on my poster and added a lot of meaning to it. I also like the way I placed the objects, they are not centered, but are wrapped around the corners of the pattern so the viewers eye can move psychologically from the compass to the Arabic text reading from right to left and down to the objects, which left the center of the pattern empty. I definitely learnt a lot from having to limit number of ideas into one poster!




100 Things – Phase #2

Methods & Process
Step #1 – Refining Signs

For this step, we were supposed to choose three different images from our 100 things and explore them while creating the following comparisons between them:

Reduction :: Elaboration
Concrete :: Abstract
Metaphorical :: Literal

Here is the first image choices I have made from my 100 things and decided to refine and explore. First was a moving car, a stoplight and a dollar. However, little did I know that I missed a huge part that plays a big role in this assignment. After my first submission, I found out that we were supposed to choose an image that had a meaning, which later on completely changed my choice of images.

This is my second choice of images. I decided to choose a balloon as full, a sand clock as time and a dollar as money.

Reduction :: Elaboration

For my first reduction and elaboration attempt, I decided to remove the tires in one car and add a turbo and a spoiler to the other car. Clearly, I have chosen to do the obvious things of the definition to reduction and elaboration. I was not proud of my outcome and knew I was doing something wrong.

Second attempt of reduction and elaboration. I placed a deflated balloon as reduction because it’s empty and an animal balloon as elaboration because it’s full just like the original balloon, full but also full in details.

Concrete :: Abstract

First attempt of concrete and abstract. I chose a 2D stoplight as concrete and cars parked in order as abstract.


Second attempt of concrete and abstract, I chose to use a sand clock as time. For concrete I placed a clock as time and for abstract I placed an image of a woman aging as age.

Metaphorical :: Literal

First attempt of metaphorical and literal. I chose to use a dollar from my 100 things. For literal I placed coins stacked on top of each other and for metaphorical I used the money as if they are attached to a branch for the saying “money grows on trees.” However, I thought that it looked more like a flower so I tried again with a different branch and instead of a bill I used coins.

Here is another attempt of trying to portray “money grows on trees” metaphor. The lighting was very poor and I was not able to use the image because of it. I was also not proud of how it turned out, so I then tried to do it using illustrator instead.




Here is the final outcome I decided to settle with after using illustrator.

Second attempt of metaphorical and literal and the final.

Step #2 


Sketches of the syntactic relationships I was planning on.



100 Things – Phase #1

Methods & Process

100 Things – Phase #1

It all started off from choosing one object, who would have thought that this one object can lead to 100 other things? Leland and Law were not kidding when they said they’ll stretch our brains out.

Object Hunting

At first, it was difficult for me to choose an object, especially since I had no idea of what I was going to do with it. After roaming around my house, figuring out places and drawers I never knew about, I managed to collect a couple of objects that I might have stolen from my other family members. A light bulb, batteries, a geometric compass and a huge eraser that said “for huge mistakes.” After a huge struggle of deciding whether which object will fit the project best, I decided later to not stress and over-think the object so much and settle on the geometric compass.

Mind Map

I was glad I chose the geometric compass, even though I was a little bit confused of how I will relate 100 things to my object. However, the mind map that was explained to us in class by Leland and Law helped a lot to give us an idea of how to start our research. So, I started doing mine and the first thing that came up was a compass which lead me to think of navigation, transportation, math and etc.

 (mind map)


In the process journey, Jarir Bookstore became by best-friend. Hunting for materials and objects at first was a struggle, my first batch of 40 things was mostly drawings and 2D materials. I later on started to understand the process and the meaning of the things we were supposed to do, thus my next 40 objects became so much stronger in term of meaning and materials, where I started to use more 3D objects. Not to mention the opposite-word list we are supposed to follow, that helped me a lot as a guide. Some of the opposites were a struggle, I was not able to find a proper relation to my object to some opposites. However, at the end I managed to relate them to my object in the most confusing way possible. Another problem I faced during process work was the use of logos and famous figures. My first 40 batch had a few famous figures (For example, Jon Snow and South Park) which lead me to do extra work for the next batch. I definitely think my second batches were better than the first one, since I managed to get the hang of it and it became less stressful with time.

The first visit to jarir, came in handy with some bristol paper, 200 pins, puzzle pieces and some fluffy circle things.

One of the first things I had in my first batch was a stoplight, that I related to my object in term of transportation. I used colored peanut m&m candy (sorry m&m lovers for the waste of candy) to identify the lights, because I thought of mixing 2D and 3D together. As in the opposite-word list, I chose this to be as Order vs. Chaos, where the image of the stoplight above (left) represents order, the other stoplight (right) had only three green lights (also in m&m candy) which represented chaos.


The first picture represents my entire weekend that day. First I would sketch my object, then either color it in with pencil colors or markers and sometimes both. You could say the pencil colors and markers were the main materials I used for my first 40 batch. The second image represents the progress in the use of materials in my second batches.

I only know how to start working when I write my ideas down and gather my thoughts. So, when it came to the opposite word list, that’s what I did to know what I have left to do as seen above.

One of the last ten pairs was Clean vs. Dirty. I used my tie dye kit to make stains on a white cloth, while the other cloth is clean.

Some sketches for the Elated vs. Dejected pairs. I wanted to portray the sadness and happiness in someone’s eyes.

 Modernism vs. Postmodernism. I used a baby picture of me to represent myself as Frida Kahlo, since she is a Mexican modernism artist and a baby picture of me screaming as The Scream by Edvard Munch, since the painting acts in postmodern manner.

The final wall.

Beautiful Bitmaps

Type 1

Using Grid Paper

First day of experimenting the grid and typography! I had to experiment a several times to get my name right. My first mistake was not taking advantage of the grid space. The bigger the letter, the better advantage you have. I learnt to use the grid by using more squares to showcase bold letters and small squares to showcase the smallest details. I had so much fun with this experiment.

Using Glyphs

In class, Denielle and Basma helped us to use the application and guide us through the tools and options that are available for us to use. I found Glyphs more fun and easier to use than the grid paper. The tools the application provides us helps me adjust and center my pixel to the right adjustments that I wanted. I have tried to experiment with different fonts, like my two different styles in Arabic and English. One of the struggles I have faced with Glyphs is the adding of components and then accidentally deleting them, which sometimes makes me face some difficulties to start all over again. Another struggle was the error message I kept receiving when trying to download Glyphs from self service however, after the third visit to the IT department, my problem was solved. The third time was the charm! Other than that, everything with the application was clear and smooth, I really enjoyed it the most.