For processes and materials for graphic design we were all given a printing term to go on designing a poster, handout, t-shirt, and keynote presentation. Theses designs were to demonstrate visually and conceptually the meaning of the term. I was given the word surprint which, after doing some research, has a few different meanings developed overtime. For the sake of clarity, I went with the definition that involves printing a percentage of a color over top the same color of a different percentage. This is typically done with text over images or plainly over a box of color. For my design concept I knew i wanted to show surprinting in some fashion but without going with the absolute obvious and commonly used surprinting is seen in design. Surprinting in general seemed like somewhat of an “old-school” term of use since most people today would just refer to the act as overprinting. Overprinting is simply printing one thing on top of another. I went with the dated vibe and chose Marie Antoinette as my term’s subject matter. Marie, like surprinting is an important figure within their own realm of being. But they are both rather dated. The target audience for these designs are young graphic designers(specifically of our class) ranging in their 20’s. Because of this, I also felt Marie Antoinette would call some attention and spice things up a bit since most had not heard of surprinting in the first place. She’s serving to all of those things, as well as add some elegance and beauty to the commonly ‘looked down upon’ design aesthetic that surprinting can sometimes be handled with. I went with a simple vignette oval portrait of the image made up with one solid color. I then overlapped and applied an overprint effect to demonstrate what surprinting looks like. For my main color scheme I went with tints and shades of yellow.
Below is a sample from the series, the poster.
The css zen garden is website for graphic designers to experiment and dedicate some time to giving their css skills a whirl with the same provided html content. For my design concept I originally wanted to go for a hand drawn look and theme. I looked around at many different sites to see how people were handling those elements and gained much insight and inspiration. I ended up going with a somewhat different approach to keep more structure, unity and more typographic drawn qualities. I had previously ran across a typeface called Rev_ev handmade on freetypography.com. The designer of this typeface made Rev_ev for people to experiment and play around with throughout their designs. It has a playful and unstructured personality so I felt it would be fitting towards my original concept. The background of my css garden is a full image of my moleskin notebook where I keep all my sketches and design processes. This seemed appropriate in bringing the print quality environment into the digital world of the web. I enjoy mixing these elements throughout my work and showing the very canvas of where many designer’s processes are first mapped out fit. For the grid system and layout I really appreciate websites where there is no scrolling involved and all the content you need to see is nicely arranged in the window for viewers while still being as little chaotic as possible. I organized accordingly by putting all the main bodies of content on the right side fitted to the page mimicking the way actual notes would be layed out. The title ‘css zen garden’ possess the larger level of hierarchy with much negative space surrounding itself on the left hand side. The curly brackets serve not only for visual interest but to also reinforce the many roles that punctuation marks play in the html and css languages. LVHA was also integrated into the design for maximum clarity in usability while navigating around the site. I kept the colors in sync with the background image while still having enough saturation to activate some colorful aesthetic interest among viewers. 
right now you all are viewing my very first logo, no big deal.
This logo was a perimeter in a made up web conference called web in the wild. Web in the Wild was a sort of web education event for web professionals, educators, students, or whomever to come and learn and explore the possibilities of web design. Hence, a logo is born. My whole idea was based around a sort of airy, organic feel while still sustain a degree of professionalism and elegance. I wanted it really clean and simple while still possessing some degree of movement and interesting visual elements. I used the type face Aller, which i thought was both beautiful and quite appropriate from the moment I saw it after weeks of looking through typefaces and almost on the verge of using Helvetica neue(no offense of course). I decided to combine typographic elements from this typeface to create a new form for my logo. I used the dot of the i which had slightly rounded out sides and curly brackets. The end product achieved creating movement and a light lifting arrangement. It kind of reminds me of a flying bird/insect and mountain peaks all in one. This helps in the fact that the event is held in Chattanooga which is all about the great outdoors. For my color scheme I chose very vibrant colors that I’m very fond of at the moment and feel are gender neutral. To compliment these the red-orange is paired with a softer deep purple, cream, and gray.
-
-
so we have now undergone our last day with medium and tubatomic. It’s been a really great experience overall and I feel like I learned a lot having it only been a short two weeks. They pretty much summed everything up that we had talked about previously and continued to iterate the importance of professionalism and relationships in the work environment.
you’ve gotta know who to please and when to stay on someone’s good side… always of course but never a bad reminder.
its important for a good communication flow to be happening in all parts of the working environment..front-end, back-end, marketing team, accountants, cliental, whomever! all the different departments must work as a whole for a pleasant and solid output.
not everyone receives a happy ending but because of little compromises that may come along the way…but you know, that’s life. not that i’m a huge fan of the word compromise. but if you try to be, do, and live good (i know, improper english) through the design/relationship building process in the first place, there may be less of those situations to run into.
css and html via tubatomic and medium
today was another awesome day from our special guest instructors from medium and tubatomic. we got to dabble in some CSS and html ‘tags’. It was a bit overwhelming at first, kind of going over the head. Noah and Steven Bush broke it down quite nicely, though. Once they started putting things into more laymen terms it was all starting to fit together. We did an excercise where they had a script already laid out and we could manipulate and see the results back and forth accordingly. It was cool getting to legitimately play around the the coding languages for the first time and having visual references and immediate feedback helped for a smooth sailing learning experience. A few terms to throw out there for you starting with basics were: html, head, body, h1, h2, a href, hr, br, strong, img src,…and so on. We also learned about some basic font families used on the web as well as sizes and arrangements of body copy. Makes you think what a long way the language of punctuation can go beyond just the context of the verbally spoken language.
Latest trip with design class was to the Chattanooga Times Free Press. So intruiging and richly full of character and history. I kind of felt like I was in a movie or five years older (in a good way) the whole time. I realized the urgency a newspaper press must uphold but definitely got a more accurate perspective on it and was thoroughly impressed by what they do.
Frank Anthony, the Vice President of Operations, gave us a tour with insight pertaining to the companies extensive history , general facts, and their present day role.
This is while we were waiting in the lobby for everyone to arrive. There were matted and framed old newspapers that were so dated it was beautiful. I love old things.
Speaking of old things, Frank then directed us to the first portion of the tour, the museum. The old machinary looked quite extensive (manual wise) then what we are used to today. He gave us a little history and described the evolution starting with the Hand press, then Linotype, platen press, and rotary press. After these description, there was a glass case full of photo negative glass plates. This was hands down my favorite part of the trip. Oh so lovely.
We continued on to see a small demo on the photo polymer plates to be printed for the press made up of steel and plastic. Even got to feel them + take one to school. 1 sq inch is made up of 10,000 dots!(of ink)
From there we built up some momentum into the newsroom and then on to the photo room where Frank talked to us about their photographers use of the dark room, toning images, and color flexibility. He then led us upstairs where we made our way to the printing press ! This things is 10 feet wide and 37 feet long, no big deal. Each unit runs individually and are rarely in use at the same time. It is made up of 3 levels and pumps out 18,000 feet a minute. holy crap. Times free press goes through 11,000 tons of paper a year, one roll weighing one ton. Thoroughly impressed by what these machines can do, speed and percision. Also kind of makes you want to recycle. That reminds me, Frank says their standard is IMMEDIACY AND SPEED. Looks like they’ve got it.
Bells ringing, factory hustling. Is that ink? Yes it is. Lots of it. Times Free Press uses water-base ink which is why the print is precise and smudge free right when it rolls off the press . They do this so there is no running and its nice and dry once it gets to someone’s door.
Chattanooga Times Free Press is ON IT. Starts the press at midnight, usually runs until 3 a.m. and is at your door around 6! Definitely impressive and visually and conceptually beautiful along the way.
After web media the class and I had an hour or so to eat and get to our next destination and first print stop, Allegra. First I should mention a few of us went to Wally’s Diner for a little brain fuel andnourishment- quite delish.
Allegra is a small commercial shop and the first all digital based printing company!
(photo by Austin Reed)
Todd Oats greeted and walked us through a day in the life of an Allegra employee… or at least a mid day. After the front desk of course we were led to see what their graphic designer, Heather, is all about. She talked to us a bit about her role in all of this and some common obstacles faced with file types and image sizes and how these things effect the printed outcome. A lot of times clients will not consider the correct types to save logos, for example, or won’t have them at a high enough resolution, which are all crucial with the quality of a print.
(photo by Tj Bowman)
Next Chandler introduced to the room where mass printing magic is made. Loved her enthusiasm and tutorials. The class and I checked out what some of the machines can do and how fast they can do it, and common problems like printing jams. We can all definitely relate to that! She even had the printers named… Bonnie is the only one that I can remember unfortunately. Chandler give us little booklets bound and all that she had made that morning and began printing a stack of sheets with all of our names on them. This turned out to be the beginning of an ongoing showing of how the Allegra team would, print, slice, and adhese together our very own pads of paper.
(photo by Tj Bowman)
From there we were introduced to the Roland printer costing $30,000 ! This thing was massive.
(photo by Tj Bowman)
This is while we watched them print off some stickers that we later on recieved (thanks you!) Quite impressive process.
Next we moved on to Andy, who showed us how the cutting process worked, what the machine was capable of, and some saftey precautions taken into consideration.
(photo by Tj Bowman)
The room after this made a bit queezy I must say so I have problems remembering all of the details…The custom printing machines! Some people like the strong smell of toxic inks but I must say I’m not a fan I’m afraid. The machines and process were beautiful nontheless. We got to see the procedure and techinques used and watched him print some beautiful envolopes. I’ve never seen such freshly printed ink. There were also some awesome magnifying lenses where we got to see the ink toned dots up close and personal.
(photo by Austin Reed)
(photo by Tj Bowman)
From there we saw how our books were glued together and learned about the different types of glues along with pros and cons. They were pressed together in the Paddy Wagon! Old school but awesome.
(photos by Austin Reed)
To finish up we observed how they would go about laminating, mounting, and cropping a large poster.
It was awesome seeing all of the things that the printers do and what a large part of the design process they posses.
And how could it get any better than receiving our own custom made, paper pads, stickers, pen, and water bottle at the end? It doesn’t. Thank you Allegra!
“To make a good website we must be good information architects. We need to learn what motivates people how they consume content visually. Then we must bake those ideas into our design.”
-Stephen Anderson.
Another beautiful day in web media yesterday! This time in class two more web professionals from medium came in to conduct our class. Josiah Roe, the president, along with Bekka Reese, a graphic designer (and utc alum!), gave us a presentation discussing some of the process, strategies, and obstacles involving going from a site map, to a wireframe, to a stunning web page. The quote above was the kick off of the discussion which seems to be very appropriate. These are all things that should be considered constantly throughout the developing process to have a successful outcome. Josiah described it as a combination of design and psychology.
The content strategy phase, site taxonomy plays a key role with how the rest of a website will pan out. They described this piece as the base of how a webpage will be structured information-wise and the importance in deciding what information is priority for the viewer. From this stage comes the wire framing, this can be done via sketches and photoshop documents. Very basic, rough layout concepts showing where the various pieces of information contained in the site will go. Designers should be considering now what elements are the most crucial to get across to the viewer and ways to direct their attention easily in the right direction. Grid systems should always be implemented in some fashion to keep things consistant and cohesive. There are multiple ways for navigation with complex content sites and they even gave us a few reference pages:
http://designerstoolbox.com
http://developer.yahoo.com/yui
Things to also consider are footers (a place for an abbreviated site maps perhaps), page titles, and of course, gaining the clients trust.
I soaked in quite a bit and enjoyed seeing all of the examples shown about what websites they have been a part of making from beginning to end. I really loved hearing about Bekka’s thought process and role throughout the building of a web page. Mainly because I found it a relief that she doesn’t have to touch codes. I can deal with that. Of course the more this goes on the more interesting it’s getting so who knows where my mind will wonder off to next in the world of web design knowledge. Anywho i’m about to tell you all about the field trip following in the following entry so their will be more updates to come.
Last week in web media we kicked off our first class of four (while our professor, leslie, speaks at a few web conferences in australia) with local web professionals stepping in. Alex Ogle and George Bairaktaris from Tubatonic and Mat Turner from medium shed some light on the field bright an early for us. They broke down a few broad terms of what may come in the professional world and gave a brief history of their personal proccessess and experiences that led to where they are today. after listening to them speak a bit about what they do and some of the factors that go into everything that sometimes go unconsidered i slowly saw myself being lifted from this complex being of the web. quite refreshing and an extremely awesome time all in all.
i had a little log of quotes and notes that i found most interesting and insightful (or just amusing) but i’ve lost the piece of paper. that’s what happens when you forget your moleskin at home. don’t do it.
one i can remember “if you have a google and a macbook you can do anything” so true.
anywho, the plan and idea is that throughout these next 2 weeks of class, they will be helping us with drafting a resume in some fashion and possibly doing a faux but constructive interview to get some experience under the belt. it sounds awesome, they were awesome, and i’m quite excited about it. the class time with them truly got me looking forward to things to come both short and long term.
