Ariana Dela Vega
School Portfolio
Project 1: Research
Click the gallery to view more images and their descriptions.
Graphic Design 1
For the Global Education. These are widely recognized and simple. Visual. Direct. Internet.
These icons represent things that can normally be found in a library. Visual. Direct. Internet.
These iconic heroes are now reading icons. It would be funny to see something like this in the library, except they looked like the teachers. Visual. Direct. Internet.
These are written examples of my thinking process. The first and last example are direct while the second example is inspired.
Example icons for traveling, like for the bus stop. Visual. Direct. Internet.
A cool sketch note of a person's to-do list. Written/Visual. Direct. Internet.
A long bucket list of activities for the Summer. Written. Unrelated. Internet.
How to write a good story. I felt like this was important because we will be conveying action or a narrative through symbols. Written/Visual. Related. Internet.
This was helpful because they are sketch notes on how to take sketch notes. I magine we are making a few sketches for the project with optional notes to go along with the visuals. Written/Visual. Related. Internet.
In the event emails, MSU would have two columns with three rows. The top half is blue and the bottom half is green. Written/Visual. Direct. Internet.
In the event emails, MSU would have two columns with three rows. The top half is blue and the bottom half is green. Written/Visual. Direct. Internet.
Also in the MSU emails, students will get notifications called "In the Loop," which is a calendar of events for the month. Written/Visual. Direct. Internet.
"In the Loop," monthly calendar via email. Written/Visual. Direct. Internet.
Notice the arches and the high-up windows. Some windows are also rounded. The building is white with a red spanish styled roof. Direct. Personal photo. Visual.
Notice the pipes at the top. Some buildings at MSU have very visible pipes in the classrooms. Visual. Personal Photo. Direct.
White, spanish styled. Arches, high windows. Direct. Visual. Personal Photo.
Even though this building is older and isn't in the same style as the others, it still has high windows and an arch. Visual. Direct. Personal photograph.
This is the only building I've seen with tinted windows, but I think it it important to montclair because hundreds of people walk past these windows and take notice of them. I could not get a picture of this, but the Student Center also has pipes in the hallways. The exterior of the building is spanish styled. Visual. Direct. Personal photo.
MSU Visual Language: Research
Click the gallery to view more images and their descriptions.
Project 1 Thumbnails
Click the gallery to view more images
Project 1 Preliminary Comps
Project 1 Final Comps
Reference picture, Editing, Final Compositions and Written Description.
In this poster, the type is visible enough to read but doesn't take the attention away from the picture. A reason why this is successful is because of the opacity of the type and how the type shows the true colors of the picture below it. Direct. Visual. Internet.
In this, the type is used to immediately catch a viewers' attention. It does that by having a big, bold text at the top that leads down to the company and picture. Direct. Visual. Internet.
This shows how type can be used in negative spaces of pictures to make positive space. The way this is done cathes my eye, because the letters are filled in empty spaces and replace the model's missing torso. I find it ironic that there is a missing torso and the word "more" is where the torso would be. Direct. Visual. Internet.
Here, the moon and the moon's reflection act as the O's in the word. This is a cool was to integrate type and image: by using an image as part of the type. Direct. Visual. Internet.
A vector of glasses is used to be the O's in the word "Look." This works well because the glasses look like it would have almost the same line work and style as the letters and the placement is perfect.
Another way of mixing type and image is to make the type act like a frame to the image. Here, the woman looks like she is coming out of the J as if it is a window, because you still can't see the rest of her body. This is elegant. Direct. Visual. Internet.
Here is an example of typography placed in an image. The type is made to take shape in the image. Direct. Visual. Internet.
In this example, image is used to make type! This works very well because it uses the exact thing it is talking about, books, and it is made out of books. This deals with perspective. Direct. Visual. Internet.
Type and Image Research
Click "Show More" to see full gallery. Descritpions of the pictures will be seen at the bottom.
Type and image go hand-in-hand when it comes to graphic design. Type and image is used for everyday things, such as posters, magazine covers and books. The right typface on top of the right image can make a visual and emotional impact on the viewer. First of all, the themes of the type and image have to match in order to make sense and get a clear message across. Second of all, the type has to be legible (for obvious reasons).
Type can be layed on top of an image. An mage can be used as type. Type can be shaped into an image. An image can fade into a type. There are a few different ways to intergrate type and image together, but the ones just listed are the most succesful.
Spontanous Foobar Influencer and Project 2 Research
I decided to research for depression and schizophrenia because my main character deals with these mental illnesses. The videos below show what is is like to have schizophrenia.
I liked this because the quote immedieatley caught my attention. Not only is it powerful, it is also short and simple. The illustration at the bottom is also beautiful. I love the scattered colors and the texture of it. The way the colors fill up the silhouette instead of showing her face shows what is going on inside her. Visual. Internet. Related.
A lot of people associate the night time, dark colors and girls with dark hair with depression. When a person thinks of a depressed girl, they will usually think of a person with darker hair. When a person thinks of a happy girl, they think of the stereotypical blonde hair and blue eyed girl. Visual. Internet. Related.
I wanted to include scans of normal brain functions and ones with mental illnesses because I was thinking about using a brain scan in one of my designs. It shows that the mental illness is real, but a brain being inside your head, no one knows about it but you because they can't see what is going on inside your head. Visual. Internet. Direct
This brain scan in helpful because it shows different angles and the colors for the different brain activity are very visible. I wanted to include scans of normal brain functions and ones with mental illnesses because I was thinking about using a brain scan in one of my designs. It shows that the mental illness is real, but a brain being inside your head, no one knows about it but you because they can't see what is going on inside your head. Visual. Internet. Direct.
This is a definition of schizophrenia. The phrase "Split mind" can help in my designs because I want to portray a split mind and hallucination through double exposure. Written. Internet. Related.
Helpful infographic on depression. This shows the details on people living with depression. Related. Visual/Written. Internet.
Helpful infographic on schizophrenia. Related. Written/Visual. Internet.
When I edited the picture in photoshop to look brighter and less grainy, it also got rid of the darker colors from the colored pencil.
When I edited the picture in photoshop to look brighter and less grainy, it also got rid of the darker colors from the colored pencil.
When I edited the picture in photoshop to look brighter and less grainy, it also got rid of the darker colors from the colored pencil.
This is a picture taken during a school event.
I couldn't see Shannon because she was out on break, but she was kind and beautiful enough to send me a selfie.
For the type, I wanted to bring attention to the letters S.O.S. because in my story, a girl is searching for help. The design is simple so the red letters can stand out more.
In the photo design, it shows my character dealing with her depression in the form of self harm.
Spontanous Foobar Influencer Thumbnails-Final
When I edited the picture in photoshop to look brighter and less grainy, it also got rid of the darker colors from the colored pencil for the thumbnails.
I made so many compositions before choosing the final design.
Click "Show More" to see full gallery
I remember posting this as research for the first project, HA!! Well, now it came in handy. I thought I could use these symbols and integrate some type of gardening reference. This will make the logo have more meaning and history. These symbols were made around the 1920's to help homeless/hobos around the area.
These symbols look more modern and have more things to define an area. This will help keep the logo more personal and in the times.
My group is focusing on helping the homeless in Newark. Here, you can see a group of homeless people scattered and finding shelter in Penn Station. Visual. Internet. Direct.
In this picture a man is helping feed two homeless men in Newark. For the homeless, it is a struggle finding enough food. Helping to feed the homeless is my group's main goal. Visual. Internet. Related.
My group wanted to fix homeless hunger by having a community garden where volunteers and homeless people grew produce that the homeless an eat. This feeds and gives work experience to the homeless-it might even lead to getting a real job through recommendation letters. Visual. Internet. Direct.
Here is a handbook for making an urban garden. Written. Internet. Direct.
This has the benefits of having a community garden. This shows community gardens can help more than one group of people. Written. Internet. Related.
People asked what my group intended to do during the winter and we thought of having a green house so it is still possible to grow produce. Visual. Internet. Direct.
This is a more realistic picture of having a greenhouse in the winter. Visual. Internet. Direct.
Project 3 Research
Click "Show More" to see full gallery
I tried doing a couple of logos in marker...it didn't work out and the marker bled through the page.