Yiwei Bo's Magazine Design
Click here to see a Fallen London

This is a real challenge for me so far in this course. I’ve struggled a lot during my design and tried a lot of different themes. As I reviewed the works from previous students, I decided to do something radically different. So I came up with this dark theme.

For the cover, I decided to use this Queen’s guard since it’s the symbol of England. I wanted to show only half the face of the guard while display his gun but the position of the texts would be so strange; so I gave up this design and make this cover. I transformed this image into b&w to foreshadow the dark theme following. I tried various different types of the fonts and forms for 463; yet, all these previous attempts didn’t work well with my dark theme – the scarlet red font color, the evil-like font, etc. Therefore, I used a font with high weight and stretched it with a half transparent “463” under the name of the magazine. This is the most creative title I could do. And the yellow font is one of my mistakes – I should have used red to correspond with my later pages. I thought yellow is kind of alarming and attention-grabbing.

For the ASF, I tried to adhere with my cover and the overall theme. I tried to find an image about a golden disc to correspond with the yellow font on the cover. The golden color disc seems to not fit with the yellow, but I failed to make the color of this golden disc even with the “tear drop” tool (?). The text “EVER” is also one of my mistakes. It’s just so ugly and inharmonious.  The layout of the body texts of the ASF is somehow crowded together so I have to extend those text boxes to the very bottom.

For the full spread, I again transformed the main visual into b&w to indicate a darker theme. Since the headline is “Edge of Madness”, I decided to move the text “edge of” to the edge of the spread and created a drop shadow to imitate shadowy sculpture in the background. I chose to use red for the text “madness” to create a tension or anxiety. I think it works well.

For the last two pages, I still tried my best to adhere with my dark theme. The red color for “Torment” and the artist’s name. And again, the yellow color is quite unsuccessful. It’s so inharmonious. Since I’ve already finished my cover and ASF at that time, it was too late to redo the ASF and cover. And for the self-portrait of Alberto, I used his name to cover up his eyes to correspond with the Queen’s guard on the cover so that both of them would not show their eyes. For the visual in the lower-left corner, I put it there merely to add more yellow to reflect the previous yellow. Again, that’s the chain-reaction because of the mistake I made at the beginning. I added lots of black boxes to reflect my dark theme. The two boxes on the last page work fine, but the other one is somehow messy with the texts. And for the eyes of Alberto I placed on the last page, It’s just another way to make my design darker and creepier. And the “madness” I placed was intended to reflect the headline “edge of madness” as you may see I only showed half of the “madness”. And for the sidebar, the texts were again too much so I had to squeeze them. But the space left for sidebar was so tiny so I had to remove the portfolio line in order to fit all the texts there.

Overall, I made a mistake for my font selection. Two of my font families were too similar and the other one was dramatically different. It made the design more difficult. And as I mentioned above, the color selection is also a mistake. Moreover, I’m not sure my dark theme is suitable for this article. I’m quite uncertain for my dark theme. But it is my style. Besides, the display of the design inside InDesign is somehow different from the PDF exported; for example, the black rectangle I placed under the name Alberto to cover his eyes is not the same with the bigger black frame for some reason, so I had to delete the black rectangle. It is quite confusing. Maybe I messed up with the color.

A Magazine

For my magazine I wanted to portray something edgy. I tried to capture an alternative feel of London.  For the cover I wanted to focus on the man covering his face with his hand and the “Going Underground” title in the middle of his palm. I wanted this to mimic the effect of him throwing the story at you, kind of like an “in your face” story. I also liked the photo because the green tint in the background, the shadowy contrast in light and the subtle pop of  posters on the wall which complimented other design elements I repeated throughout the magazine. I then chose red, tan, white and black to develop a color scheme.

For the second page, I kept it minimal with a block countdown for the albums and limited my colors to green gray and black, following the colors I chose. I then used line work to add an alternative flare to the page. I did this because lines are the key design component in my overall design. The line work matches the story spread and again in the picture used to begin the article. For the story spread, I used a different variety of lines to mimic patterns on a map while the pictures represent stations that the train would stop at. I also thought including different kinds of lines and colors would make it appear more edgy. I gained the idea to use lines as the key element because of the tunnel picture I used for the beginning of the story. I was inspired by the green lines on the sides of the tunnel and the lines across the floor. I also really liked the circle you could see in the photo (which was actually going to be the original design. I wanted to repeat the circle trend in the story spread but couldn’t figure out how to make it all work. That’s why I used the lines to connect everything into a map.) For the title, I found a font that could somewhat repeat the little boxes which made up the green lines on the wall while also matching the floor. I positioned it in a way that would feel as it you’re waking down the tunnel and the light is shining straight down on it. I based the color palette off this picture too because I liked the way the posters and signs/text on the walls came together. For this section, I chose to write the beginning of the story on the wall to imitate the black text sign that is to the its left. I also thought that the text added a balance between both page since the posters on the left side are more eye catching/weighted toward that side. For the side bar element I chose to do posters because posters were present and held visual cues in the beginning spread, plus I just thought the poster looked cool and would fit the edgy, alternative persona of my poster.

Amber's Magazine Design
Click the image to check out Amber’s Design.

Hannah Boufford Magazine Design

Hannah Boufford's magazine design
Click for a full PDF.

I would like to start by saying that I love magazine design, and I am not at all happy with how my finished project turned out.

At the end of the day, I just did not allow myself enough time to design spreads and pages that I satisfied me beyond just the requirements for this class. I really love the city of London, so I thought this project would be on the easier side to complete it because I was so passionate about the topics, but ultimately, I think I expected more out of myself than I was able to provide. And even though I say I did not allow enough time for myself to be happy, I can’t seem to find a time in hindsight where I could have started this assignment earlier because I did spend hours and hours on this assignment, including getting less than four hours of sleep the three nights before it was due, with less than two hours on the night before it was due. (I believe my Canvas submission is timestamped at 4:36 a.m., or something of that sort.)

One of my biggest struggles for this assignment was the cover design. I couldn’t find a photo that I thought represented my version of London better than the photo of the double-decker bus parked in a London street with all the architecture in the background. Ultimately, though, after discussing it in class, I scratched that photo because I was unable to get it to work the way I wanted. The photo I ended up choosing was pretty bland just as a black and white photo of the Eye, so I tried to switch it up with some effects in Photoshop, but I realized after I submitted the assignment that the blue effect I put underneath the Eye should have gone all the way around the ride instead of stopping towards the bottom. I stopped because it didn’t really stand out to me when I was looking at it on the computer screen and also because I was worried about trying to create a layer mask of the lower elements of the Eye. I really love the color pairings of light blue with maroon or light maroon, and those colors scream England to me, but I think in this case, the pink-maroon could have been a bit darker. I also wish I had played around with the refers a little bit more to add more text and description, but I decided to limit myself on what they said to better fit the design.

As for the ASF page, that was the last page of the design that I did. I tried to illustrate an album cover and a record coming out of it, but I’m a little torn on how it turned out. I think the page lacks something important, but I couldn’t figure out what in the designing process. However, I think it’s a relatively clean design, albeit, a little uncreative, so I wish I had made it a bit more surprising in the design aspect.

For the four-page spread, I am relatively happy with the opening page. I think having the majority of those two spreads being the underground map sets off what specific part of London the story is going to be talked about, and the half the sign and title should signal that, if it’s not already clear enough. There probably should have been a little more text on those two pages to start the story, but I also liked the idea of ending on the line I did and pulling out the word “diagram” to draw readers in. I did end up really liking these two pages as a whole, but it was the inside spread that bothers me the most of this entire project.

I don’t think the inside pages replicated the idea of the London Underground clearly enough, although I supposed the lines and dots on the pages tie the two spreads together. However, they should have been replicated more and in a less obnoxious way than the way they turned out. Overall, this page was just lackluster, probably in part due to the sheer amount of text, which if I had had more of the story on the first spread like I mentioned above might have helped break up the story and how it looks on the page even more.

As always, this project and the tutorials leading up to it were great practice, but I am looking to completing something more satisfying for my poster project.

Magazine Design

Danyang's Magazine Design
Click the page to see full size version!

My goals for this project is to implement as much design techniques as I can to express content and attract attention. And I felt like I achieved my goal of this publication because I used as much skills I learned from this class and use them quite fluently. To qualify the Three-Maximum principle of design, I used Abadi MT Condensed Bold, Helvetica and Times as the dominate type family. The style of boldness and clearness of the Abadi MT Condensed Bold, Helvetica helps to arrest attention and creat consistent publication. I also applied the “three-layer sandwich” layering effect to put the figure in the cover closer to the viewer than the publication name. This layering effect helps grabs viewer’s attention better. In the A.S.F page, I created a chart to better visually represent the total reader votes of the five best albums. On the bottom, I organized the information summaries of the five albums into a ladder and used numbers as a lead. In addition, I used four main colors in my design to be visually consistent–––red, golden yellow, black and white. A thin red bar appears on the top of the page is also my design decision to create consistence and balance. When I was doing this project, I always remind myself of the principles of design which I thought was extremely useful and helpful. For example, I will place the image asymmetrically to reach “balance” and repeat the dominate colors I used and design elements to reach “repetition” and “unity”. I will definitely continue using the  seven principles of design in the future and they are potential knowledge I need to learn well if I choose a graphic design career. Speaking of this, I think I still need to improve my ability of being “creative”. And “Variety” is one principle I need to explore further. Overall, I enjoy doing this project and glad I finally made it with all my efforts.

Shiqi’s Magazine Design

Shiqi's design
Click it to see the whole project.

While having more freedom over the magazine design project, this project definitely requires more work than the last one. To get started, I began with the main article since that story would set up the theme of the whole design. By choosing the sculpture story, I decided to produce a modern art magazine that targets the urban audience with design and modern art interests. To better serve the target audience, I created series of visual design to achieve this purpose.

Based on the headline, “Edge of Madness”, I chose Helvetica and Didot to create the sense of modern and madness. Since this is a story of sculptor and painter Alberto Giacometti, I used geometrical shape to cut out part of the initials so as to create the modern art sense. The rest of the headline created a massy feeling by adjusting the kerning.

For the opening spread, I placed the CVI at a golden ratio and left a lot of negative space. By doing so, I hope to create the sense of modern and also mimicked the setup of the modern art gallery. Besides, a visual motif with the 2 two theme colors was created to set up the entry point, and it was carried through the whole story. For the sidebar of the main story, I created a gallery-like invitation for the upcoming exhibition at Tate, which also offered me an idea of the cover design.

I found the cover image online with a famous Tate spider. The image really showcases the sense of modern art, which perfectly serve my target audience. The font choice is Didot and the color choice was inspired by the main story (the mustard). As you can see, I reuse the font and color in the ASF and main story to create the consistency.

I designed the ASF at the very end and this is the most challenging part of the project. I had several sketches for the ASF but I struggled with the best way to showcase the ranking. I believe the list is a good way to demonstrate the ranking but we have 5 album cover to introduce. I wanted to create a hierarchy. After trying different combinations, I decided to place the winner at the top of other four, and use digits to demonstrate the ranking.

Wrapping up the project, I learned the power of layout, font, motif, color as the visual language. Keeping all the design principles in mind and be creative and brave to break them is the thing I need to practice more in the future.

Seth Cashman-Magazine

Click for PDF

Going Underground-with a really good reflection that’s not completely lorem ipsum.

After browsing through the folder once we first received this assignment, I sketched out numerous designs. The two biggest influences were Professor Layton’s Mondrian coffee cup and the maps from the Beck article. Therefore, I knew I needed to include rectangles and lines in my final design. I also drew various logos for the “Four Six Three” title, but did not end up using them-to ensure I could use the sandwich technique on the cover. I chose the Skia, Phosphate, and Times font families for the line structures to complement and vary from the Underground maps.

After the cover, I moved to the alternate story form. I struggled with keeping my body text size and fitting the entire body on the single page. Originally, I had more diagonal lines to reflect the train diagram in the Beck article, but I failed to get Sergeant Pepper’s on the page. So I went back to the right angles and a simple straight list.

I started on the feature story picture next. I copied the Underground logo for the title. Then I put every image on the page before I went back to the blurred train that I submitted. It is not the most exciting picture, but it had the color scheme from the logo and an internal sense of motion towards the text. Looking at the PDF now, I should have left the author’s name without a border.

On the final spread, I noticed I left a widow line on the first page. My main goal was to fit the body copy on the pages and contrast the old picture of Beck and his illustration with the modern map. I gave up trying to get the sidebar text to fit around the posters headline image, so I moved the text down into the middle of the page. I resized each of the posters and placed them in the sidebar, but ultimately went with those that had text that was legible when overlapped with the title. Originally I had them at different angles, but decided to keep with the right angles in the rest of the design.

These past two projects reminded me how much I loathed InDesign back in C226. Those feelings have not subsided.

Collin Ebel’s Magazine

Collin Ebel's Magazine Design
Click this page to see my full design.

To start off, I really enjoyed creating these spreads for the magazine project. It was nice to have more freedom than we did on the newspaper. This was only the second time that I have ever used InDesign, and I finally feel comfortable navigating the application quickly and efficiently. From the start, I knew that I wanted to design my spread around the Underground story. It was more interesting to me than the Giacometti one, which made it more enjoyable to work with.

My favorite part was designing the front cover. It took me a while to decide on which image to use for the cover, especially after placing some and arranging the text to fit nicely. It was easy to adhere to the three face maximum, as it made the magazine flow nicely together.

When I came across the map images, I knew that I wanted to incorporate one into my opening spread. I love vintage pictures and posters, and I thought it was a bold opening spread that wasn’t too covered in text. As far as the spread for the actual story, I wish I would’ve made the sidebar a bit smaller. After finishing it, I realized that it takes a little bit away from the main story.

As far as the ASF, I am happy with the way the design worked out. I figured that putting an old vinyl record inside the album cover would be a creative way to showcase the top 5. However, I wish I would have given more context to the top 5 list.

All in all, I really enjoyed this project, but I’m excited for the poster project where we can choose exactly what to do.

Abigail’s Magazine Project

Abigail Billing's Magazine Cover
Click the image above to view a PDF version of the full magazine project.

I really enjoyed this project.  Before this project I had only ever designed a magazine in C226, but I have created other design projects that have similar needs as a magazine. I feel comfortable working in Adobe InDesign so I didn’t have any real problem working with this program other then my paragraph styles got messed up at one point and I had to spend some time fixing it. Overall I am very pleased with the outcome of this project.

At the beginning of this project I sketched out ideas for each of the pages in the project, but the final product looks somewhat different then the original sketches.  The cover didn’t change much from the sketch to the final product, but I did try the design with a couple different images before deciding to use the image of Big Ben.   The two story spreads went through some changes from the sketch to the final product.  This was mostly due to image sizing and making sure all of the story text fit on the pages. I wanted to include several images in the spread because the story was about an artist and I thought it would be good to include images of his work.  However because I wanted to include several images it took me a bit to find a layout where the images and text all fit on the page and didn’t feel crowded.  One thing that I need to work on in designing layout is element size.  I have noticed that I tend to make thing very large.  I think this might be because when I work on a laptop everything is smaller so I think that the elements will be too small in the final product. I need to work on recognizing good sizing of images so that everything is not to large and overwhelming.  Also this will help with spacing and white space so that not every page is completely full of content.  For the story spread I worked with a very limited color scheme – black, white, and green. I wanted to do this to try and replicate the feeling of a clean, modern art museum.  Most of the images were neutral colors so I drew the green from the one image that had a lot of green to try and tie the page together.

The Alternate Story Form page changed the most through this process.  My original sketch had a smaller title and had information about each album cover, but when I transferred that design idea into InDesign I felt like the design was too crowded and busy.  I didn’t create new sketches after deciding to redo the ASF and instead I started just playing around with the design until I landed on something that I liked. One thing I would probably change about the ASF would be to make the headline smaller and try to fit some text info about each cover, or at least about the top rated cover because I think giving more info about each cover might make the page more impactful then simply having an image and dates.  I wanted to add some color to this page, but I was sure at first what color to use because each of the album covers have very different color schemes.  I ended up using red because I felt like that fit the rock ‘n roll music theme of the page.

One of my favorite parts of designing magazine pages is deciding what fonts to use.  I like trying to find fonts that are unique and fit the theme and feel of the spread.  One thing I would like to do is try and be a little more creative with my typography instead of just picking fun fonts.  A part of the project that I think I need more practice with is using color.  My pages tend to be very simple with colors. Generally black, white and another color.  I think part of this might be a more minimalist style that I like, but I would like to try and work with more colors.  Overall I think this project went very well and I am pleased with the outcome.



Collin Ebel’s Newspage

Collin's design
Please click to see my PDF

I really enjoyed working on this project. There was just enough freedom allowed to get creative with the news page. I learned a lot with alignment and structure to a piece such as this. Prior to this project, I did not have any knowledge of InDesign, so I learned everything from scratch. I chose to use a 4 column grid, which worked out to be perfect for what I had in mind for my front page. I wanted to create something simple and traditional but still stand out in some way. I decided to only include 3 stories for the page because it gave me the most creative freedom. All in all, I am pleased with my final product, but wish I had made a couple small revisions regarding tightening up some of the formatting.

Shiqi Zhang’s Newspage

Shiqi's newspage
Click to see the full design of this page!

This is my first time designing a newspaper front page. While scanning through those mature newspaper design in class, it did not look hard at the very beginning. However, when I actually started the project, it became more difficult than I thought. As we learn the principle of good design in class, it is actually quite hard to closely follow all the rules at the same time. Although I kept them in mind when I was designing the page, I often found out I had to compromise sometimes.

During the design, I encountered several difficulties. The first thing is choosing typefaces. I had a hard time to find the appropriate font for my page. I spent so much time on decision making. In order to find fonts that can live with each other, I looked up the handouts and slides, and also, I just tried out different combinations. Now, I become more comfortable with choosing a typeface. In addition to typeface, placing images requires a thoughtful decision-making process. Picking a strong piece for CVI is not hard, but a bad placement of image for secondary stories can ruin your design. In my case, I tried my best to keep the hierarchy of the images and also kept in mind that I needed to balance the whole page while giving enough visual attractions. So I have three levels of image: centerpiece (the largest), runner (secondary), voting and Rosie (the third level). Besides, I also experienced difficulty while designing headlines. In order to fit the headlines into one column, I changed the suggested headlines of Rosie and Gerrymander.

I also made some design decisions. I left extra white space for the centerpiece, and its headline is all capitalized. For the decks, I used San serif typeface to differentiate it from headlines and body text. For images, I zoomed in the center image and placed the red “DANGER” at the middle to demonstrate the importance of this story. When it comes to the image of the gerrymander story, I cropped it and left the lady walking out after voting. I made this decision because I wanted to give a visual hint of the story that is about voting, but the infographic was too big to fit in one column. Other than images, the choosing serif typeface for headlines created a serious style.

Lastly, I learn that it always needs several iterations after you have your first draft. I usually set my project for a while and iterated it with fresh eyes. I also sent it to Professor Layton, and he gave me a useful suggestion.