Wednesday 28 November 2012

Design for Web// Making the Website on Photoshop for Dreamweaver

After talking to Simon about my idea, he recommended going for a different home page as the one I wanted to do was too difficult when thinking about the time I had to do it. Below is the new template for my website, I will have a grand total of 9 pages. On the left you can see where the navigation will go, there will be a total of 9 different tabs. Home, Take Part and the rest will be the countries. What I need to do now is get on with all my images for the website. The good news is I only have to upload images to this website, I don't have to dabble with write text so this will mean I will be able to be more creative with it all. 






Photoshop










As you can see I have added my navigation to these, however they are there just to give an idea of what the final design will look like. Before saving my images ready to be uploaded to Dreamweaver I deleted the navigation as it is separate to the 'Main Image', which is the pictogram and piecharts. 

Monday 26 November 2012

Design for Web// Photoshop Mockups & Final Crit

Scamp



Home Page



Survey Results Page 




Obviously I have made this page to look cut off to give a more realistic look. You will be able to scroll down and view the other pictograms. What you do is simply click on the pictogram or click on the name of the country and that hyperlink will take you to the 2012 results for that chosen counrty. I will also need to make those resutls pages but I think that will be a lot of work and I will need to speak to my tutor Simon about what is realistic and what is to much work.



Strengths 
  • The men illustrations are really effective!
  •  Its clear what country they are from and they add some fun to the website. 
  • The navigation with the circle is very clear, sections are obvious.
  • The vector style is appropriate because  of the info-graphics featured. Clearly labelled and easy to understand. 
  • Effective navigation, original idea. 
  • Really like the layers of the website, would keep the user interested.
  • Overall very well designed. 
  • Good design sheets showing development.
  • Good link to the history of brief. 
Areas improvement Improvement 
  • The choice of colours is slightly distracting because theres too many and it takes away focus from what your meant to look at first.
  • Colours could be more appropriate to content. Blue, Red, White? Relates to Britain and France!
  • Red text on red banner isn't very readable.
  • Explanation of what the website is for.  
  • Again, Europe is ineligible against the red background. 
  • Surveys page could be better laid out, evenly spaced out, each country and illustration. 
  • Theres need to be a home button on the survey page, similiar to the France page. 
Considerations
  • Red type might be a bit to bright against the the blue background.
  • Maybe lower the opacity of the map of the UK on the survey page so that the illustration is more prominent.
  • Maybe try alternative colour schemes, try swapping the make background orange + type blue to keep the theme.
  • The typeface chosen doesn't scream 'british' to us and its quite hard to read when small. 
  • We like the 'what britain thinks of europe'  but it would be better larger than the text of the buttons. 
  • Consider who's going to be looking at the website. 
  • It would be good if body text was a more readable font.
  • Perhaps consider a small sentence of what each page is about when hovered over button.
  • What reference does the content button have? 

Thursday 22 November 2012

Responsive// Workshop TWO & Group Crit

My Presentation boards for Group Crit



Feedback

Tanida's Feedback

5= Excellent 4= Very Good 3= Good 2= Average 1= Poor

Clarity Of Concept= 4
Breadth of Ideas= 3
Appropriateness of Response= 4
Contextual Awareness= 3
Analysis/ Understanding of Audience= 2
Level of Innovation=/ Originality= 3
Quality/ Clarity of Presentation= 4

Areas for Improvement

Refer back to your understanding of audience. I gave you a 2 as an average for this because for the Puffin brief (Wind In The Williow), your idea for your style won't appeal to children very well.

Additional Comments

Consider as your other idea will be very suitable. However, I have slight concern for the puffin brief. Even though you have a great idea and your approaches are strong. Will children be interested in the style of the cover? It is too different for them.

Jenna's Feedback

5= Excellent 4= Very Good 3= Good 2= Average 1= Poor

Clarity Of Concept= 3
Breadth of Ideas= 2
Appropriateness of Response= 3
Contextual Awareness= 3
Analysis/ Understanding of Audience= 4
Level of Innovation=/ Originality= 2
Quality/ Clarity of Presentation= 3

Areas for Improvement

Finalise more of your personal design ideas, more research into the books themselves.

Additional Comments

I think it's a good idea to combine penguin and puffin briefs. You have a really good understanding of audience.

My Feedback

I think overall that because this is the beginning of the project for me the feedback that I was given I already am aware of. I don't agree too much with what Tanida said about my secondary research into cover design for Puffin. Take my example of the design for the movie 'UP'. That movie is adored by both young and old and the design is self explanatory meaning anyone can understand it. However I respect the feedback I have been given and I will take it into concentration. 

My to do list from the feedback I was given

  • Look more into what design children would like and understand as well as appeal to an older audience (Puffin Brief) 
  • Look into Type for 'Wind In The Willow'
  • Do ome of your own designs.
  • Watch movies for both books!
  • Look at other books similar to the same genre for both more

TASK

For next session, make a pitch about where you are up to so far with this project. How I have informed my decisions. Take into note the feedback you have been given for this session. 

Responsive// Puffin New Brief


Similar to 'The Big Sleep". The brief is to re-design the cover for the 'Wind In The Willows' which will mean I will have to read the book and watch a movie. This books was first published in 1908 and is a book written for children, however adults are attracted to wonderful children's dreamy non-fiction.I want to design both this book and 'The Big Sleep" and possibly enter both. This means I will be doing two briefs which isn't actually as big as it sounds as the breif requires just one cover for both.

Brief 
Spend a season on the river bank and take a walk on the wild side...
Spring is in the air and Mole has found a wonderful new world. There's boating with Ratty, a feast with Badger and high jinx on the open road with that reckless ruffian, Mr Toad of Toad Hall. The four become the firmest of friends, but after Toad's latest escapade, can they join together and beat the wretched weasels?
First published in 1908, and inhabited by anthropomorphic creatures with quintessential English charm, The Wind in the Willows possesses a wonderful fascination for children of all ages.
Students are invited to design a whole new cover look for The Wind in the Willows, in order to reinvent this classic for a new generation of readers, encouraging children (and adults) to revisit it time and time again, and ensuring that it remains an integral part of childhood.
Your cover design needs to include all the cover copy as supplied and be designed to the specified design template (cut-down B format, 178mm high x 129mm wide, spine 20.6mm wide).

What the judges are looking for:

We are looking for a striking cover design that is well executed, has an imaginative concept and clearly places the book for its market of both children (to pick up and buy for themselves) and adults (to buy for children). While all elements of the jacket need to work together as a cohesive whole, remember that the front cover needs to be able to work on its own and be eye-catching within a crowded bookshop setting. It also needs to be able to work on screen for digital retailers such as Amazon.
The winning design will need to:
  • Have an imaginative concept and original interpretation of the brief
  • Be competently executed with strong use of typography
  • Appeal to the broadest possible audience for the book
  • Show a good understanding of the marketplace
  • Have a point of difference from the many other book covers it is competing against
  • Be able to sit on the shelves of a supermarket or ebook store as easily as it sits on those of more traditional bookshops such as Waterstones. 

Wednesday 21 November 2012

Responsive// Penguin New Brief

PenguinBooks

Even though I wanted to go with the Greeting card during the last workshop I decided that I wanted to change to a brief that required more thought in terms of context. This brief below is for Penguin books and their brief is to redesign the book cover of "The Big Sleep" which is a crime fiction book that was written by Raymond Chandler and published in 1939. They want to re print it with a modern design that will hopefully attract a younger audience.



Background
More than simply a mystery novel, and first published in 1939, The Big Sleep has become a classic of American literature, with Chandler praised for his deft handling of plot, as well as his terse style and acerbic wit. In 1946, a film adaptation of The Big Sleep was released, starring Humphrey Bogart and Lauren Bacall, two of the biggest movie stars of the day.
In his introduction to The Big Sleep Ian Rankin writes:
‘The Big Sleep opens with my favourite paragraph in all crime fiction and doesn’t let up until a wonderfully written coda. It was one of the first crime novels I ever read, and is still one of the best.
‘The Big Sleep is a story of sex, drugs, blackmail and high society narrated by a cynical tough guy, Philip Marlowe. As such, it provides the template for much of the urban crime fiction which came after, as well as most modern Hollywood thrillers. What sets it apart from the crowd, however, is the quality of the mind which conceived it. Chandler’s pulp credentials show in the twisting of the plot, yet it reads with the simple inevitability of classical tragedy: General Sternwood, the ailing millionaire who needs Marlowe’s help, is a king betrayed by his unruly daughters.
‘When the younger Sternwood daughter turns up naked in Marlowe’s apartment, he concentrates instead on a chess problem, concluding that “knights had no meaning in this game”. Marlowe, however, remains a knight of sorts – tarnished, to be sure, a knight errant. The work he does is dirty, but he maintains his own moral code. Marlowe encounters damsels in distress and plenty of monsters (usually in the guise of gangsters and corrupt authority figures). All of which shows just what a firm, literate grasp Chandler had of the genre within which he worked.
‘Chandler described the American crime novel as being “dark and full of blood” (as opposed to its “lithe and clever” English equivalent), and said of Marlowe: “I see him always in a lonely street, in lonely rooms, puzzled but never quite defeated.” When he died, one obituary stated that “in working the vein of crime fiction [Chandler] mined the gold of literature”. Few writers have come close to matching him.
‘The Big Sleep, however, is such fun to read you probably won’t notice how clever its author is being. Chandler remains the king of the one-liner. An example such as “He wore a blue uniform coat that fitted him the way a stall fits a horse” is both witty and full of subtle meaning, telling us much about the flunky’s disappointed life. By the time Marlowe, at the end of the book, describes the “bright gardens” outside the Sternwood mansion as having “a haunted look”, we realise that sunny and prosperous California is a tainted Eden, a place essentially dark and full of blood.
‘It’s a world which has had no finer chronicler than Raymond Chandler.’

The brief

The Big Sleep is a serious and significant mainstream novel that just happens to possess elements of mystery and crime. The story is well known both in celluloid and print so it is essential to come at it from a fresh angle. Try to design a new cover for a new generation of readers, avoiding the obvious clichés. Originality is key.
Audience: all readers both familiar and unfamiliar with the text, male and female.
Message: there are many layers and themes within the book. Read it and discover what the book means to you.
Your cover design needs to include all the cover copy as supplied and be designed to the specified design template (B format, 198mm high x 129mm wide, spine 16mm wide).

What the judges are looking for:

We are looking for a striking cover design that is well executed, has an imaginative concept and clearly places the book for its market. While all elements of the jacket need to work together as a cohesive whole, remember that the front cover must be effective on its own and be eye-catching within a crowded bookshop setting. It also needs to be able to work on screen for digital retailers such as Amazon.


Design for Web// Dreamweaver Codes THREE

Padding. ( the spac
e on the other sides of your webpage.) 

Possible Content for Website.
  • Video
  • Images
  • Text
  • Animation
  • Links
  • Games 
  • Audio
    • By the end of this session I should be able to put these on my webpage.
Here is LIGHTBOX (how to use section) 


In order for this to work on your Dreamweaver document you need to copy the following codes on to your TEMPLATE document. (see below)



You can see where I need to paste the information from light box. In between SCRIPT & HEAD. 


Then update your document for these changes to save 

Bring in some images for this workshop from your History of breif...




.......................................................................................................

My image on the website:



Adding more photos and Thumbnails 




Other websites like Lightbox :
Woo Themes - Click on 'Live Demo'. There will be six different ways of showing your photos.
FOR TUESDAY : Design boards, SCAMPS & A DIGITAL EXAMPLE OF YOUR WEBSITE ON PHOTOSHOP. WIREFRAME (measurements) 



Tuesday 20 November 2012

Design for Print// Final Design via Issuu & Feedback




Final Crit

Feedback
  • Clear Illustrations.
  • Clear content.
  • Great hierarchy and readability. 
  • Glossary and books are organised 
  • Relaxed, soft font used, not over powering.
  • Clear In depth diagrams.
  • Layout is clear and following the books is easy.
  • Binding page clearly laid out. 
  • Black and white colour scheme compliments layout.
  • Glossary is a good idea when needing to find specific information.
  • In depth research, extremely detailed.
Areas for Improvement
  • Text is to heavy.
  • Bigger margins on the outer edges.
  • Text too cluttered makes book a bit harder to read.
  • Title is wasted space, could be made smaller to make more space. 
  • Glossary page confusing.
  • Colour scheme could be consistent.
  • Design is very close to the margins.
  • Separations from costing and colour could be more obvious. Separation pages?
  • Colour, costing book should be re-organsied.
Personal Feedback 
This brief has been a up and down journey for me and most probably to most stressed I have been since  my time on the course. I feel that learning from scratch about print processes and colour and then making a publication about it all I found very difficult. The amount of research I had to look into was massive but I have defiantly benefitted from it all. If I could go back and start again I think I would change everything. I'm not saying I am not happy with my final outcomes but I would have loved to make my books bigger and not spent so much time researching as this effected my design layout. I had to just come up with a layout and stick to it. I would defiantly make my paragraphs smaller and I would have loved to have more white space as my books are very cramped. 
What do I do now? I leave the books and start thinking about packaging, that and embossing. I want to make my front covers on different stocks too. Before my hand in I feel I need to bulk out my research as I haven't blogged much on secondary research etc.

Action Plan
  • Packaging
  • Front covers
  • Print at Issuu

Design for Print// Design Boards





This is my first set of design boards. I think I will do some more in depth ones before my hand in of OUGD504. These ones are just simple so that during the crit my group could navigate themselves easily across my work. Here are a few photos I took of my printed books for Design for Print. Overall, the prints came out fine, however some text runs into the gutter on a few pages but that's not a massive problem. One thing I am actually quite happy with is after scanning the pages I can’t detect any typos which is something I tend to make quite often. I wish I could have printed some packaging but in the time I had I couldn’t book a print slot and drop in was useless. In the future, I must experiment with different types of printing as during this module I have not done this. Not to end on a low, I am happy with the outcomes I have produced. This has been a difficult  brief but I have enjoyed it none the less and very much benefited from it.