For my magazine redo, I did not have too much to fix. On the cover page, I moved around the text to make it farther away from the image and then aligned the date. For the 1st spread, I pulled the green from the image and made it the type color for the sub headlines. For the 2nd spread I did not have anything to fix. And for the third spread, I added a picture of Karl Lagerfeld to the “sidebar” part of the page and added arrows to direct it towards his obsessions. I got rid of some of the obsessions as I did not want the page to be too cluttered. I think I cleaned it up a lot and made everything neater. I hope you like it and have a nice holiday!
For my logo redo, I listened to Professor Harper’s suggestions and kept the font and wordmark portion of my business card. I took the wordmark and incorporated it into my envelope and stationary. I then changed the colors a little bit and got rid of all of the borders on my original logo project. I also kept the baby-blue color (because it is my favorite) and Professor Harper liked it. My new logo project looks very similar to my resume with the color scheme and fonts.
The font that I used was Modern 20. And the colors I used were a pale blue and charcoal throughout the project.
Here is a picture of the website that I redid- HUGE DIFFERENCE! The original is not my favorite website!
RationaleThis project was a long one and to be honest not my favorite. I think looking back I enjoyed the magazine and poster the most. I was originally going to do my website on Runway Relief which is what I did my poster on however the more and more that I tried to find pictures and info for the website I failed. I then found “Project Earth Day”. Project Earth Day is an organization that allows emerging fashion designers to create clothing out of eco-friendly material and then the cause raises money for U.S. Green Building Council and other environmentally friendly companies in an effort for everyone to go green. If you look at the original website (www.projectearthday.com) it is awful and very unorganized. I kept similar color schemes but changed the layout completely.
On the first page of the website I created the “Project Earth Day” title in illustrator and converted it to outlines and then placed it in Photoshop. I like the color scheme of black, white, and green, as the black and white relates to fashion and the green incorporates “eco-friendliness”. As for the navigation bar, the green highlights what page the viewer is on. The top two bars were duplicated on every page. The bottom bar is the ‘copyright’ bar that I also duplicated on every page. Each page has dominant photos from the fashion shows and events. If the website were to be live, After each event the photos would switch. The bottom bar is the info section on each page. Each page looks very similar to each other as I wanted to keep it simple and easy to navigate. One of my biggest pet peeves is where there is too much going on. I like when everything is simple and classic.
On the second page is the About Us page. Like I said I kept the same two bars but highlighted about to let the user know which page we were on. The pictures I used on About Us Page is one of the founders and people working on the project and the second is from a runway show. I did a white text box towards the bottom because this page had the most text and I did not want it to be hard on the eyes with white on black.
The third page is the Support Us page, where I created a green donate button to be in keeping with the overall theme. Since the button is pretty big, I decided to use only one picture so that it does not take away from the overall page. Next to the button I put some text about the charity so the user knows where their donations are going before they donate.
The fourth page is the Contact page. The contact page has a “fill out form” where one who is interested can put their information and send an e-mail to projectearthday.com and ‘we’ would respond immediately. However, if the person did not want to contact us, but to learn more about the charity, then they can refer to the other websites and contact those people.
The fifth page is the events page. On the events page I posted previous posters for the events and then gave the user information about the upcoming event on earth day 2011.
Lastly is the photos page where I added photos from Runway shows to see the students work. Users can go and click on the button to look at the photo gallery. Also, I added a place where photographers can ‘apply’ to be the photographer at the next runway show.
The font I used throughout the website is Helvetica in white, green, and black. The only other font on this website is the outlines I created in Illustrator.
Enjoy!
I love this movie and just think this poster is so cool. If you look closely it is made up of cards to put together the Joker. A lot of cool things one can do with graphics!
this website has over 30 different tutorials for creating websites in photoshop. If you are stuck trying to do your website look at this website Im sure it will help you!!
http://vandelaydesign.com/blog/design/website-layout-photoshop-tutorials/
Here is a website to help us look at color schemes that work for websites … rather than giving us just a color palate it gives us actual examples of colors that work well together on websites! Hope this helps everyone! =)
I just wanted to share my favorite website…not only do I love the clothes on the website, but I also love the way it is all laid out. Every couple of days or so, the website is updated and I think it is all put together very well. All of the pictures represent the clothing well and are all great pictures. Hopefully this helps for those doing a website with fashion and clothing.
As I am trying to get ideas for my website I have been trying to seek out what looks good versus what does not. I found this website where it shows good versus bad examples of websites. Take a look and hopefully it will help you too.
http://dzineblog.com/2008/07/best-photoshop-layout-design-tutorials.html
here is a great website to get ideas about how to layout our websites
