Mad Scientist Magazine and iPad Ap Design

we began the project by researching current magazines on the newstands, and looking about how they employ the grid, hierarchy, and composition throughout their magazine. i chose a magazine called worth, an upscale financial magazine obviously geared towards business and market types. i chose the magazine not only because i thought the layouts were aesthetically pleasing, but because i thought the layouts also reflected the subject matter conceptually. the environment was controlled and compartmentalized, but inside the active area of the magazine the layouts were open, well spaced and ordered. this reflected a peace or calm within a fixed system... therefore reflecting the logic and security of the information provided in the magazine.

my own magazine needed to reflect the "culture" of the mad scientist; an import from viscom 2. because the mad scientist created, bombastic, and colorful images in the mind, i wanted the magazine to carry that energy in the spreads.

the first way to present that feeling was the dimension of the spreads. i chose an exceptionally large format (each spread was a combined 20 X 14 inches). in your hands, the spreads are a little overwhelming and unwieldy. having such a large page size also allowed me the space to really use dynamic imagery, which i especially used to my advantage in the opening spread. the viewer is greeted with a frankly unsettling image of a madman.

because a requirement of the assignment was to incorporate infographs created in viscom 2 in our spreads, i chose to adopt the treatment of the graphs for the way i handled the images. the images were cropped and fractured into triangles and accented with a bright green stripe. the strong angles created by these shapes created dynamic leading lines in the composition which directs the readers eye through each spread.

as we developed the magazine layouts, another dimension was added to the project. we now needed to develop and adapt the magazine spreads to the ipad. as technology expands and print dies out, magazines have begun to move towards tablet computing, especially the ipad. downloaded as an ap, the magazine can expand its content to include videos, sound bytes, and user interactivity, as well as provide a mobile, direct link to the online marketplace for advertisers.

the assignment was to allow our magazines to inform how we developed the ipad interface for the article. the article i chose was a countdown. this naturally allowed for a compartmentalized format. i then chose to take those triangle shapes created in the images of the print spreads, and use them as frames for each of the information compartments. the user could then navigate freely between each compartment of the article, and pull up information on a real life mad scientist and swipe through to provide additional content such as infographs, or even a video clip of a film representation of a mad scientist.


thoughts on designing for the ipad

with the movement of print into the hand-held computing arena, one of the first things that struck me was (oddly enough) the possibility for advertising. devices such as the ipad bridge the gap between print ads and the marketplace, allowing the user to directly link to online stores through the ad. this creates a valuable asset to the advertiser, which then provides the fledgling online magazine market a steady base of income in a digital "free-is-expected" world.

the exciting part about the ipad is that it allows the traditional print format to remain relatively intact. that's why when watching an ad for esquire's new ipad ap, i was a little disappointed that so much of the navigation relies on the old scrolling web windows. one of the nice things about print is having the sum of the information on a page presented as a whole (in my opinion). rather than a digital magazine, these scrolling windows make the format just feel like a new web page.

when time magazine released their ipad ap, the first thing i noticed was the impact of seeing video of major news events, but presented in a well photographed, high quality fashion. in the web world, so much video and imagery is presented at baseline quality in a often much too small format. i'm excited to see the digital world handed to the minds who have traditionally given us top-shelf design standards and culturally iconic photographs.


eco documentary find and share

when researching covers and posters for the slew of eco documentaries on the market, i came across a lot of common themes, such as composite image metaphors, references and adaptation of other classic images, blues and greens, hand lettering and illustration.

museum exhibition proposals

a fun-filled adventure in science to ignite your mind and imagination

a look inside the role animals play in the advancement of scientific research

step into the world of genetics the story of humanity


IMAGE: book covers

the following images are process for a project in image. the assignment was as follows:

VISCOM 2: final infographs

 linear progression of "what we take with us"

For the following set of infographs, I wanted to carry the strong visual impression of my icons through to the forms of the graphs. I took the angular and distorted aspects of the icons and used it to inform framing devices for the info. My color choices, though I never fessed up to it in class, are classic halloween colors you'd find on an elementary school bulletin board. Those colors in a subtle way give the impression of "spooky" or "horror" but in a fun, accessible way that I believe my icons communicate as well. I really enjoyed this "fun" approach when contrasted with some heavy and disturbing facts. It's just the twisted sense of humor I appreciate, and it communicates the mania of the MAD SCIENTIST (boom crash).