Layout Design for Design for Print. OUGD504.

For the layouts of my pages and sections of my publication, I want to make it interesting and keep it exciting for the reader to read through and use. To do this I need to keep the layout interesting and easy to read and use, and perhaps also including some interesting processes or elements to the pages so that the user doesn't get bored or complacent with the layout.

Using something link laser cutting or cutting out of the pages could be interesting in front of images and/or text for titles or headings that are important. This would work well to frame an image also from the page before or after so that things from other page that are important can still be seen when reading further.

I really like the layouts that Process Journal use, using colour and different font types to differentiate between lines, questions, answers and  headings. Te balance of type and image is also very good in that there isn't too much type on one page, which could overwhelm or confuse a reader.

This page is very image heavy, but using the monochrome images and a lot of empty space prevents it from being too over powering and keeps it interesting. I need to be thoughtful about placing images and  text in my publication so that the page stays interesting without being too confused.

I like this use of image and type working together in this piece, and I think it could work well for headings and section separation in my publication. However, for this I need to make sure that the images are not too busy, especially in colour, so that the headings stand out and are understandable.

This layout would work well for a double page layout in my publication, but I also need to take into consideration that with the folder, all of my pages will be single, double sided pages and are not bound in the middle. However, I do like the idea of framing some important parts of my content with boxes, perhaps use colour to highlight these parts. 

These are some of the initial layout designs for each section. Since all of the sections are different sizes I will have to change the grid/layout of each section, and so making the publication look uniform will be quite difficult. I have to keep in mind the balance of image and type, and also make sure that the pages of each section have enough similarities that the whole publication looks good as a whole. I don't want to make the pages too similar though, as the sections need to be different due to the different sizes of each of the sections. 

After printing out of these first layouts, I soon realised that the writing on the left of the page needed to be moved across to make room for the binding of the publication. I also thought about a way of making the pages look more interesting, and so taking inspiration from newspaper publications and informative publications, I included some more colour and lines to keep the publications interesting, and also use these to make the pages feel more informative without being too casual.

Laser Cut Induction.

Yesterday, I booked myself into an indiction to use the laser cutting machine which I found very interesting. 
After going through the health and safety information for the room, we were taught how to set up the machine properly by setting the height of the laser from the material and setting up the size of the design. To do this you need to point the laser to both the bottom left and top right of the stock to show the machine where to cut your design.
When the machine was set up properly, we were taught how to use the software for the machine on the computer, and using all of the different settings that the laser cutter can use. These are:

• Cut Through
• Engrave
• Kiss Cut
• Raster

These can all be used on a number of different materials, apart from metal, and so makes this process really versatile and I am really interested to see how I can use it within my projects and how these processes look on different materials.

In the end, I set up the machine and the software to create a test piece out of wood that shows how each of the processes work. I am really excited to use this process again and will try to include at least a sample of this in my design for print project as I think it is interesting, and an important print process to know about. 

Web Design Session3. OUGD504.

To begin this session we started off by making the last three buttons to link to our four pages.

This is the original html for the home button, and so we have to do the same for all of the other buttons. After making the buttons (original and rollover) on illustrator, we have to add in a new button on html, and so add in <div id "button'>, then close the div </div>.
after the open div, go to insert, image objects then rollover image and add in the rollover button in here.

Then you can just repeat this process for the rest of the buttons and it should all work. 

To make each button link out to a new page, you have to change the code of the rollover button. Where it says <a href="  the hashtag means that the link is going nowhere, and so changing this to the name of the page that you will link it to means that the button will then link to these pages when they are created. For example, change the name of the linking page to 'about.html' or 'work.html' etc.

From here you need to create the pages that the buttons will link to. To do this you can just simply change the content on the page that you have already created ( to keep the website looking the same) and the instead of just saving the page as normal, save the page as, and then name it as one of the pages that you want the buttons to link to. i.e. "about.html"
Then the buttons should link to the four pages that you have created.

Because the content of the website is pushed right up the the left edge of the navigation bar, we want to change this so that there is padding around the outside of the content so that it looks better. 


So, from here we want to create two columns on the website to house our content, with padding of 20px between them and around the edges. 

 And so, you need to work out the sizes and padding that you want for the columns, here the sizes of the columns were 382px by 728px, so that they would fit within the content section of the website. Then the padding would be 20px all around the columns so that the text wouldnt be pushed up against the left side of the navigation bar. 
In CSS you need to make the two columns using the code here, which means that the two columns would be the right size and the padding would be the right size. Then you need to call it in HTML so that it works in the actual website. 

when putting in text onto the website, you can't simply just press return for a paragraph break or a line break, you need to use these two things to do this in html. 

<p> paragraph break

<br> line break

Adding text into the website is easy, you just need to copy and paste the text into the correct place, after the column open <div>

To change the font style and size, you need to use css to create a <h1> meaning heading one, and then around the heading you want changed in html use <h1> and </h1>. 

To insert images into the website, we need to save the image as a jpeg at the lowest quality possible that the image still looks crisp. Then, on html, find the space where you want the image to be and then go to insert and image, and find the image that you want to include. 

OUGD504 Design for Print.

• here goes format design and final folder design of my booklet

Title page design

For my title page, and front cover of my publication, I want to create something that is interactive and exciting for the viewer, so that they want to pick up my publication and interact more with it and get excited about it. 

This is where I think print processes would work really well to create a tactile front page that isn't purely type and/or image. Looking ion different print processes and stock that I could use to create an interesting feel and/or look to my publication:

This book uses thermochromatic ink to hide images behind the black of the ink which I thinks works incredibly well, especially in creating a dynamic and interactive page. I think that this would work well for me, especially with a title like 'Print is dead/Print is alive' - the print would come alive when the ink disappears.

I also really like the use of split pages within this book, as it gives the pages more interesting qualities and is more engaging with the reader. I would like to incorporate something like this in my publication too, so that the pages inside the folder are still interesting to look at and read through






I have also been thinking about what kind of stock I could use on the front of my publication.
The outside of the publication has to be strong and sturdy enough to house the pages inside, much like a folder or binder. Usually folders use a thick card or thin cardboard that is covered with a sticky back plastic which is usually shiny, or a strong paper. 

Although this works well to keep the folder strong and sturdy while also keeping it fairly waterproof, it doesn't look interesting at all and wouldn't stand out at all.

For the title page, I was initially thinking that I want to keep it quite simple on the surface, as I would be using thermochromatic inks on the title to reveal something else behind the inks. I have decided to go with the title of 'print is alive' to show the fact that there is something more to the print. 

I have also thought about the idea of printing this ink onto a black stock, meaning that the whole page would look just black, but when the ink is rubbed it would reveal a colour/picture/pattern underneath, giving more of a contrast to the   black stock. This would also work really well for the title of the print 'coming alive' when it is rubbed over.

From here I decided to test this out with some screen printing of different colours onto the background of the title to see how it would look on different stocks and with different colours.

 My first attempt of screen printing was very successful in showing me how the print would work on different stocks and using different colours. It worked really well on white cartridge paper, but on the black paper the ink sinked into the stock very readily and so if i were to use black in my final piece I would need to use a coated paper so that the ink would sit on top. 
Next, I need to see how the print would work with the thermochromatic ink and whether it would work well to use on top of these colour prints. 

Design for Web. OUGD504

Design for Web

My initial research in the summer was about restaurants and their branding. And so, for this website i need to find a way of displaying some of this information and/or my enthusiasm for restaurants.

• What do I want to communicate?
• Who is the audience?
• Do I want it to be interactive?
• Educating, Instructing or Informative?
• Why will it or won't it work?

How can I push my own boundaries and those that are already set within web design?

Initially I wanted to look at what was already out there on the web about restaurants and where to eat, however there isn't much in the way of design when it comes to this. I found that the main websites dedicated to restaurants are review websites, which in some cases can be very helpful when you know what kind of restaurant or which restaurant in particular you are going to, but I found that if you were unsure, there was little in the way of helping to choose a restaurant. Asking some of my peers, I found that many of them tend to go to the same restaurants regularly, and would only be inclined to try something new with a recommendation from a friend or colleague. I find this fascinating that people are either not willing to try new places, or just don't know about many different restaurants.

From here I thought about creating a website with many different restaurants listed on it that would help people unfamiliar with a range of restaurants choose which one they want to go to.

• What is your subject matter? A variety of different restaurants (in Leeds?)
• What are you trying to communicate? Helping and informing people of which restaurants, and variety of restaurants are available, and to encourage them to try something different
• Who will be/could be your audience or end user? Those that go to restaurants, so young professionals, business people or those who have some spare money at the end of the month, Also anyone celebrating a birthday/graduation/success?
• What will be the most appropriate/most effective form of content? Informative and educational, about the restaurants available.
• What is the function and purpose? The function is to inform and educate the user about restaurants, and the purpose is to promote these restaurants and get the audience to go to knew places and experience new things.