Issuu on Google+

Briana Hoss

Graphic Design Portfolio


Table Of Contents: Project 1 Exercise 1 Project 2 Project 3 Project 4 Exercise 3 Exercise 4


The design opportunity with this project was to create three matrices that show different topics as well as two typologies. This project represented an opportunity to explore different things in the graphic design world. It allowed me to find things that sometimes I wouldn’t have even thought to be considered as a type of graphic design. I also began to understand different ways to organize categories of graphic design as well. My design decisions were based on an analysis of findings I gathered on East Campus here at the University of Nebraska Lincoln. As I was finding different types of things that I thought represented graphic design, I was also creating groups or categories as well. I took my findings and began to organize the photos into specific categories. Some of my most heavily found categories were parking signs, signs, and UNL dairy store related types of design. I then used these findings to create my matrices in these categories. I found different photos that represented things such as objective, denotative, macro, core, metaphor and more. In conclusion, this project taught me a lot about what graphic design is and means to me. This project opened my eyes to see that there is more to graphic design than what I thought.

Project 1: What is graphic Design?


Denotative

Connotative

Core

Denotative

Connotative

Core

Signs

Parking Signs

Sign

Index

Metaphor

Subjective

Sign

Index

Metaphor

Subjective

Sign Matrix 01 Photos Taken

Micro

Macro

Objective

Sign Matrix 02 Mixed Photos

Micro

Macro

Objective

Final Iteration


Denotative

Connotative

Core

UNL Dairy Store

Seating Sign

Index

Metaphor

Subjective

Sign Matrix 03 Google Search

Micro

Macro

Objective

Project 1: What is graphic Design?

Typology 01 Photos Taken


Planting

Typology 02 Photos Taken

Final Iteration


Briana Hoss Graphic Design 221 Spring Framing: -Modern designers try to eliminate the frames. -Cropping, borders, margins and captions are key resources of graphic design. -Frames create the conditions for understanding an image or an object. -A frame can be both present and absent. -Interface is a type of frame that can be both visible and invisible. -Camera Frames: Cuts up field of vision that differs from what the eye actually sees. -Frames Inside Frames: One exists inside another through -Framing and Re framing: Ex someone holding up a picture(an existing frame). -Cropping: Alters the shape. Can change the focus of a picture and can discover new images inside. Cropping can give certain meaning to a certain part of the picture. Can create a new frame, new meaning. -Margin: Creates a protective zone around an image. -Full Bleed: Runs off the page making it seem large.

Exercise 1: Distilling Content

-Margins and Bleeds: Margins affect how we read the content with spaces around the object. Narrow margins make the object seem large while wider margins can emphasize it by calling attention to it due to the space around it. -Partial Bleed: Has margins that provide a boarder. -Framing Text and Image: Lines, shapes and planes within a picture help give guidance to ways in which one composition and align text. -Framing Image and Text: Adding text can change the meaning of a picture while without text the picture can be open for interpretation. Text can be small or large. It can respect or ignore the borders of an image. -Text over Image: Sometimes can be unlegible. Putting boxes, bars, and transparent colors are solutions for this problem. -Framing Image and Text: Images and text are often breaking the borders. -Borders: Marks the edge of a territory. It can naturally appear within the image ends and background begins. They create a transition.


Briana Hoss Graphic Design 221 Spring

Briana Hoss Graphic Design 221 Spring

Rhythm and Balance:

Figure Ground:

-Balance acts as a catalyst for form by anchoring and activating elements in a space. -Visual balance occurs when the weight of one or more things is distributed evenly or proportionality in space. -Symmetrical design has an axis which the elements are equal on both sides of. -Texture, contrasting size, value, color, and shape all can help with achieving a sense of balance. -Rhythm is a repeated pattern. -Both balance and rhythm work together to create both stability and surprise. -Symmetry: Elements oriented along a common axis that are mirrored on each side. -Asymmetry: Elements are placed organically using negative space and proximity of other elements to create both tension and balance. -Repetition and Change: Repetition is an endless feature -Observed Rhythm: Cars in a parking lot show a sense of rhythm. -Rhythm and Time: The repetition of elements while varying their size or intensity

-Shape visual perception. -A figure is always seen in relation to what surrounds it. -Often seek a balance between figure and ground to bring energy and order to form and space. -Contrasts between form and counter form are used to create icons, logos, patters that stimulate the eye, etc. -Having tension or ambiguity adds visual energy to the image. -It can also be known as positive and negative space. -Stable, Reversible, Ambiguous: Figure/ ground relationship exists when a form or figure stands clear apart from its background. Reversible: figure/ground is when there is equal attention between positive and negative elements. Ambiguous figure/ ground challenge the viewer to find a focal point. -Interwoven Space: Active figure/ground (not centered and framed) are interwoven form and space, create tension and ambiguity.

-Frozen Rhythm: Long-exposure photography shows the physical movement of an object on a two-dimensional surface. -Patter Dissonance: Letterforms with abruptly shifting features are built around a thin skeleton. -Rhythm and Pacing: Keeping an element of surprise but creating a focal point across a spread of pages to help carry the viewer’s eye through the piece. -Spinal Orientation: These examples use both sides of the pages along the spine to create surprise and allow for interaction with the reader.

-Optical Interplay: Vanderbilt Universitys oak leaf and V combined. The oak leaf isn’t too powerful and lets the letterform read and come forward. -Figure/Ground Battalion: The dynamic use of scale, direction, rhythm and color allow for the viewers eye to move around the composition. Superforms take shape out of the composition of the arrows. -Contrast and Composition: Letterforms were created that are cropped, combined, rotated, enlarged create differences in positive and negative space in a balanced compositions. -Artful Reduction: The use of minimal stack shaped forms in the space still allows for the landmark to be recognizable. -Counter Hand: Using cuts of white paper against a contrasting surface to create letters. -Seeing Jesus: Stitches spell out letters by the lighter stitches becoming counterforms for the dark letters. -Inspired by Jesus: One word serves as the background or frame for the other. This forces the eyes to go back and forth between the two conflicting readings.


With this project I have chosen to create a city and country landscape in one. It’s not very plausible to be seeing a farm with a huge city skyline in the background. Or to have cows running in front of a sculpture that is located in a city either. Therefore with the elements of the cows and farmland, the sculpture, and the city skyline, all combined together, I created a non-typical landscape. I also wanted to focus on what a landscape was. Having something in the foreground, middle ground and background to create a landscape was also really important. I wanted my composition to be easily identified with what is in each of these places. With it being easy to tell each of these elements, it also helps with seeing that this is something not typical for an everyday scene. The type I have chosen for the cover of my book is Helvetica which was created in 1956. I chose this font because it is has great clarity when reading it. It reads bold and helps to stand out but yet doesn’t compete with the image on the cover. I chose to color and capitalize the word GLORY in the title as well because this word really emphasizes what the book is about. The back cover of the book is in the typeface of Garamond. This typeface was chosen because it is said to be one of the most legible and readable serif typefaces. I thought it was important for the back to be legible because that is where the reader is informed what the book is about and if it can’t be read, then it wont help sell that particular book. I also included a blue background color behind the type to help with the legibility but kept it following the horizon line in the original composition of the books graphic.

Project 2:

Overall I think the typefaces work well with the front and back as well as the spine and the flaps. They are kept consistent with the Garamond font as well which help with it being read easily.

Form as Language / Designing Visual Communications


Process: Sketches of book covers


The smell of money by Briana Hoss Tahoma Regular The smell of money by Briana Hoss Romantic Regular The smell of money by Briana Hoss Stylus BT Roman The smell of money by Briana Hoss Proxy2 The smell of money by Briana Hoss Georiga Regular The smell of money by Briana Hoss MoolBoran Regular The smell of money by Briana Hoss Koklia Regular The smell of money by Briana Hoss Aparajita Regular The smell of money by Briana Hoss Tekton Pro Bold Condensed The smell of money by Briana Hoss Shonar Bangla The smell of money by Briana Hoss Iskoola Pota The smell of money by Briana Hoss Ebrima Regular The smell of money by Briana Hoss Plantagent Cherokee The smell of money by Briana Hoss Kalinga Regular The smell of money by Briana Hoss Microsoft Himalaya Regular The smell of money by Briana Hoss Microsoft PhagsPa The smell of money by Briana Hoss Lao UI The smell of money by Briana Hoss Gost Common Regular The smell of money by Briana Hoss Wis721 BdCnOulBT Bold Outline The smell of money by Briana Hoss Trajan Pro The smell of money by Briana Hoss Times New Roman Regular The smell of money by Briana Hoss Hobo Std Medium The smell of money by Briana Hoss Geniso Regular The smell of money by Briana Hoss Segoe Print The smell of money by Briana Hoss Birch Std The smell of money by Briana Hoss Nyala Regular The smell of money by Briana Hoss Vani Regular

From Dust to Glory by Harley Swaney Helvetica Regular From Dust to Glory by Harley Swaney Bembo Regular From Dust to Glory by Harley SwaneyIT Caslon 224 Book From Dust to Glory by Harley Swaney Clarendon Light

From Dust to Glory by Harley Swaney Hoss Fraktur From Dust to Glory by Harley Swaney Futura condensed medium From Dust to Glory by Harley Swaney Gill Sans Regular From Dust to Glory by Harley SwaneyUnivers From Dust to Glory by Harley Swaney Baskerville Regular From Dust to Glory by Harely Swaney Bodoni Book From Dust to Glory by Harley Swaney Century Schoolbook

From Dust to Glory by Harley Swaney Didot Regular From Dust to Glory by Harley Swaney Franklin Gothic Book Reg. From Dust to Glory by Harley Swaney Garamond Italic From Dust to Glory by Harley Swaney Garamond Regular From Dust to Glory by Harley Swaney Americana STD

From Dust to Glory by Harley Swaney Bauhaus Std demi From Dust to Glory by Harley Swaney Antique OliveStd From Dust to Glory by Harley Swaney Amigo STD regular From Dust to Glory by Harley Swaney Briem Script STD From Dust to Glory by Harley Swaney Catfisch Script Pro Light From Dust to Glory by Harley Swaney Guardi LT Roman

Project 2: Form as Language / Designing Visual Communications


Process:

Text Options Photoshopped landscape


A Rural Journey

Harley Swaney

701 Smithfield Street Pittsburgh, PA 15222

From Dust to Glory

This book depicts the story of an old man named Charley who has nearly completed his life’s race and is determined to leave a legacy to future generations. The first three chapters are a written account of a child’s life during the depression years and how his parents deal with the poverty that ensues. The following three chapters deal with the emotional upheaval he endures during his teen and high school years. The next several chapters deal with the joys and tragedies of raising a family, and the remainder of the book relates to his spiritual life, how it affects his relationship with people, and how it is reflected in his life’s philosophy. The story encompasses a combination of history, humor, folklore, tragedy, and spiritual victory.

From Dust to Glory

Swaney

RoseDog Books 701 Smithfield Street Pittsburgh, PA 15222

From Dust to Glory

Swaney

This book depicts the story of an old man named Charley who has nearly completed his life’s race and is determined to leave a legacy to future generations. The first three chapters are a written account of a child’s life during the depression years and how his parents deal with the poverty that ensues. The following three chapters deal with the emotional upheaval he endures during his teen and high school years. The next several chapters deal with the joys and tragedies of raising a family, and the remainder of the book relates to his spiritual life, how it affects his relationship with people, and how it is reflected in his life’s philosophy. The story encompasses a combination of history, humor, folklore, tragedy, and spiritual victory.

This book depicts the story of an old man named Charley who has nearly completed his life’s race and is determined to leave a legacy to future generations. The first three chapters are a written account of a child’s life during the depression years and how his parents deal with the poverty that ensues. The following three chapters deal with the emotional upheaval he endures during his teen and high school years. The next several chapters deal with the joys and tragedies of raising a family, and the remainder of the book relates to his spiritual life, how it affects his relationship with people, and how it is reflected in his life’s philosophy. The story encompasses a combination of history, humor, folklore, tragedy, and spiritual victory.

From Dust to Glory

From Dust to Glory

From Dust to Glory

From Dust to GLORY

From Dust to GLORY

A Rural Journey

Harley Swaney

Swaney

RoseDog Books 701 Smithfield Street Pittsburgh, PA 15222

Project 2: Form as Language / Designing Visual Communications

Harley Swaney


Process:

Photoshopped book cover options Final Iteration


701 Smithfield Street Pittsburgh, PA 15222

-A Rural Journey

FromDust to Glory

From Dust to Glory This book depicts the story of an old man named Charley who has nearly completed his life’s race and is determined to leave a legacy to future generations. The first three chapters are a written account of a child’s life during the depression years and how his parents deal with the poverty that ensues. The following three chapters deal with the emotional upheaval he endures during his teen and high school years. The next several chapters deal with the joys and tragedies of raising a family, and the remainder of the book relates to his spiritual life, how it affects his relationship with people, and how it is reflected in his life’s philosophy. The story encompasses a combination of history, humor, folklore, tragedy, and spiritual victory.

By: Harley Swaney

From Dust to GLORY

A Rural Journey

Swaney

RoseDog Publishing

Swaney

This book depicts the story of an old man named Charley who has nearly completed his life’s race and is determined to leave a legacy to future generations. The first three chapters are a written account of a child’s life during the depression years and how his parents deal with the poverty that ensues. The following three chapters deal with the emotional upheaval he endures during his teen and high school years. The next several chapters deal with the joys and tragedies of raising a family, and the remainder of the book relates to his spiritual life, how it affects his relationship with people, and how it is reflected in his life’s philosophy. The story encompasses a combination of history, humor, folklore, tragedy, and spiritual victory.

From Dust to Glory

From Dust to Glory

From Dust to Glory

“From Dust to Glory is an EYE OPENING and VERY INFORMATIVE book”

RoseDog Books 701 Smithfield Street Pittsburgh, PA 15222

Harley Swaney

From Dust to Glory

“From Dust to Glory is an EYE OPENING and VERY INFORMATIVE book”

From Dust to

GLORY A Rural Journey

This book depicts the story of an old man named Charley who has nearly completed his life’s race and is determined to leave a legacy to future generations. The first three chapters are a written account of a child’s life during the depression years and how his parents deal with the poverty that ensues. The following three chapters deal with the emotional upheaval he endures during his teen and high school years. The next several chapters deal with the joys and tragedies of raising a family, and the remainder of the book relates to his spiritual life, how it affects his relationship with people, and how it is reflected in his life’s philosophy. The story encompasses a combination of history, humor, folklore, tragedy, and spiritual victory.

Harley Swaney 701 Smithfield Street Pittsburgh, PA 15222

Project 2: Form as Language / Designing Visual Communications

Harley Swaney


From Dust to GLORY

About the Author

A Rural Journey

From Dust to Glory This book depicts the story of an old man named Charley who has nearly completed his life’s race and is determined to leave a legacy to future generations. The first three chapters are a written account of a child’s life during the depression years and how his parents deal with the poverty that ensues. The following three chapters deal with the emotional upheaval he endures during his teen and high school years. The next several chapters deal with the joys and tragedies of raising a family, and the remainder of the book relates to his spiritual life, how it affects his relationship with people, and how it is reflected in his life’s philosophy. The story encompasses a combination of history, humor, folklore, tragedy, and spiritual victory.

From Dust to Glory

“From Dust to GLORY is eye opening” “You won’t want to put this book down!”

Swaney

Harley Swaney was raised and nurtured on a farm in South Dakota, received his elementary education in oneroom rural schools, and attended high school in a smalltown. He continued his training in the fields of literature and grammar at San Antonio College and South Dakota State University. In the year 2003, he decided to write his autobiography for his posterity. He has always felt that some of the most interesting stories are related by the neighbor next door or humble folk living across the pasture. He was motivated to write this book because he feels some of the most inspirational accounts of life come from ordinary folk who maintain an extraordinary faith about life. He feels society has become so indoctrinated by the glitter that wealth exhibits; it fails to appreciate the reality and humility that surround it.

RoseDog Books 701 Smithfield Street Pittsburgh, PA 15222

Harley Swaney

Final Iteration


To start this project I did some research on different types of logos. I then looked up the definitions of forces that we were suppose to act upon our logo. Those forces are: Disturbance, disintegration, diffusion, re-collection, re-organization and evolution of a new symbol. Once I understood what these meant I began sketching different iterations of how they would look in the original logo. Once I had a few iterations of each of these forces, I started to look at designing a new logo based off the first one. I came up with many different ones, some were more successful and related more with the original than others. After the process of sketching I took my work into the computer. I created sequences of the forces and how the original symbol would devolve into a new one. With this animation I struggled with getting them to flow together to look as if it were really creating the final symbol. I also struggled with variation and adding movement. I realized then that I needed to play with scale of some of the shapes and use the frame to my advantage. I then began playing with the size and placements of the shapes to create a composition that flowed from one to the next. Overall I think I was successful in creating the forces acted upon the original symbol into my final one. I played with scale, frames, and movement to create a piece that allowed the viewers eye to see how each part was moving. I think that the final symbol is also successful in its relation to the original and that the components come from it as well.

Project 3: Form as Identity / Logo transformation


Process: Sketches of different forces acted upon a logo


Project 3: Form as Identity / Logo transformation


Process: Different variations of possible sequences and logo


Exercise 2: Colorize Project 03’s Final Solution


Process: Color studies


Project 3: Form as Identity / Logo transformation


Final Iteration


The overall goal of this project was to create 5 different compositions that followed a grid pattern by taking text and abstracting it. I thought this project was really interesting and fun to do. I really enjoyed the hands on experience in the beginning with first finding and cutting out different texts. This then translated into us cutting them out and abstracting them into grid systems. By cutting and pasting them physically I think really helped get the ideas going to start the project. Taking the tangible objects we had created and putting them into the computer allowed for more manipulation of the text to make it less legible. With my grid systems I focused on trying to keep things linear and having at least three texts that read heavy, medium and light. I also tried to keep some of the same text throughout all 5 systems. With this I tried to make them read differently from system to system so that each one still had its own identity but were still carried throughout the composition. Although it was somewhat of a challenge to create an ambiguous composition through text, I think overall it was interesting to explore and create these compositions. Overall I think I used a variety of interesting ways to explore the 4x4 grid through the use of text and using a variety of size, point, and font.

Project 4: Form as System / Working with a Typographic Grid / Page Layout


Process: Using line weights to determine arrangement of text in grid format


Project 4: Form as System / Working with a Typographic Grid / Page Layout


Process: Found text cut and applied in grid layouts


Project 4: Form as System / Working with a Typographic Grid / Page Layout


Process: Digitally experimented with text


Project 4: Form as System / Working with a Typographic Grid / Page Layout


Final Iteration


Blogging

Tram Anh Tran Briana Hoss

A personal website or web page that contains links to other sites, holds individual records of opinions, and an informational site. Top 5 blogging sites: 1. Wordpress 2. Blogger 3. Tumblr 4. Medium 5. Svbtle

Exercise 3: Language of Interaction Design Presentation


Wordpress

Pros & Cons

Useful for companies or a sophisticated website

Pros: Customizable

Started in 2003 and based on PHP

Access a variety of plugins

Two options: Freemium(wordpress.com): limited customizing

Edit PHP, HTML, and CSS

Free Version(wordpress.org):more control, edit themes, and add plug-ins

http://tranthitram93.wordpress.com/

Cons: Difficult for less experienced users Self host, cost for purchase of server space


Blogger

Pros & Cons

Google’s version blogging

Pros: Easy to start and use

Place for authors to share their work Design runs off of HTML and CSS

Free Connected through gmail account Cons: Difficulty in image upload Small storage space Limited customizable features

http://myshorttripintosouthkorea.blogspot.com/

Exercise 3: Language of Interaction Design Presentation


Tumblr

Pros & Cons

A combination of blogging and social media

Pros: Built in community

Owned by Yahoo “Dashborad� interface Content for quick publish and consumed

Freedom for customizing Source of visual media Cons: Difficult to find people to follow Not for long form post Generally a young community

http://materialapplicationides301.tumblr.com/


Medium

Pros & Cons

Started by Twitter founder

Pros: Great place to showcase content

Has a social layer(features to annotate and edit other people’s work

For reading and writing

Often used as a secondary or tertiary blog

Collaborative

Helps find audience

Cons: Lack of customizing Twitter account required No custom domain https//medium.com/

Exercise 3: Language of Interaction Design Presentation


Svbtle

Pros & Cons

Place to allow ideas and brainstorming

Pros: Easy to use and learn

“dashboard” design

No visual distractions

Draft ideas on a “draft post” to create publishable blog post

Free Easy brainstorming, quick

Writing interface to focus only on writing

Cons: Lack of customizing

https;//svbtle.com/

Difficult to find other users


For this infographic I was assigned El Lissitzky, and had to find information about him and his contributions to design. I started my research and found him to be very interesting. He was not only a graphic designer, but a typographer, photographer, and architect. I found that the movement he was involved with was the Suprematist movement. During which he contributed a lot to and challenged the original design elements of that movement. He created a lot of propaganda for the Soviet Union as well and developed a series of paintings which he called Proun. This project was based on displaying information quickly in order to inform, attract and educate a reader. I wanted to keep my design simple and break it up into sections in order to give the reader a choice of what information they wanted to focus on. I chose the colors because they were the most popular in his pieces of work.

Exercise 4: Historical / Infographic Exercise


El Lissitzky (1890-1941) Biography:

-Born in Russia on Nov. 23, 1890 -Artist, designer, typographer, photographer, & architect -At age 15 he started teaching students himself -Believed that art and life could mesh and that the former could affect the latter -Died Dec. 30 1941 in Moscow from cancer

Suprematism:

-Important figure in the Russian Avant Guard. Helped develop Suprematism -Suprematism is an art movement that focuses on basic geometric forms and is painted in limited color -Helped create propaganda for Soviet Union

Lissitzkys “Beat the whites with the red wedge”

Proun:

-Suprematist style of his own using a series of abstract geometric paintings he called Proun -Developed in the 1920’s -He used the idea of shifting axes and multiple perspectives, both of which are uncommon in suprematism ”The station where one changed from paintings to architecture”-Lissitzky

Architecture:

-Commissioned in 1928 by Ogonyok Magazine used as a print shop -Only tangible work of architecture -Looked at the differences in configurations with horizontal surfaces and height to width ratios to create a structure that appeared to have visual balance “Spatial balance is in the contrast of vertical and horizontal tensions”-Lissitzky


Briana Hoss Graphic Design Portfolio