Interactive Elements 2

 For some of the interactive elements, I've made some specific design choices.

Tablet of Contents:
Such as for the table of contents, originally I was going to have it so that the text itself would act as a hyperlink, however I didn't like the fact this would then change how the text would look with the hyperlink information.

So instead I have decided to include these little buttons, the same colour as the animals from the image below.
The text that is below, I am going to edit and include how the reader can click a button to take you to that animals specific page.
I shall also then see what it looks like to mimic these buttons at the top of the animals page, which will then take you back to the table of contents, however if it doesn't look good, then I shall remove them.


To ensure that these work, I shall export a test Interactive PDF, and test out these 'buttons' there.


Having exported a test Interactive PDF at this point, not only do the buttons work, but the interactive PDF actually keeps the pages coupled up like in my design, this is good because it is a better booklet format to be viewed online. It does however, mean that I shall not include the home page button, simply because the viewer won't have to click through as many buttons, however I am going to swap the buttons to being on the other side of the numbers, so they look neater then after the names of differing lengths. Confident that this works, I can now add in any other Hyperlink made interactive elements before then going on to try the form. 





Here's how the new back is looking with the moved elements and interactivity for the weblinks. The only think I'm a little worried about is if people realise the circles mean that they're links to the webpages. However, it should be quite clear there buttons as the circles on the contents are labelled as so, and people do tend to just press button shaped objects on files.

Comments

Post a Comment

Popular posts from this blog

Scamp Vs Final Design

Image
 Between creating three different scamp designs, the design has again changed as I have created the final design for the booklet. This is due to the fact that it does look slightly different as images and the final text is added, adding the lorem ipsum text to create the main text format is helpful, however isn't as accurate as the actual text being in there. This is due to different paragraph and word lengths, as well as force creating line breaks to add some slight interest into the text blocks themselves so they have more interest and don't just look like one solid block of text, which can turn a lot off people off and away from reading something. One of the biggest difference between this is seen in the page spread 2-3. This screenshot is taken from the third pass of the scamp, and even includes the text that is used in the final design of the booklet on the page on the left. The Ad takes up the page in that format with a place holder heading area and a very large QR code.
Read more

Feedback

Image
 So I asked my peers about Feedback for my work so far and advice on how I can edit them to make them more successful.  Feedback: My main piece of Feedback was about making the work more cohesive together, that I need to solidify the Gonzo that I'm going with, the personality and what type of Character he is going to be.  The painted piece I created seems to have been the most successful and gave off the most personality, especially with the background. However, the back didn't seem as cohesive to the design and far more generic, as if less thought had been put in when it came to designing the back. The spacing between the text and Gonzo on the Instagram Story ad also needs to be something that I keep in mind, so that it doesn't become overly cluttered, especially as it will be seen on a phone screen, up close. Improvements: With the Souvenir, I am going to theme it more around that top painting. I will see what it looks like with just a similar background to the top with t
Read more

Final Designs

Image
With each asset created for this I wanted them to be cohesive and all work well together, making the event unified and all fitting under one specific scheme and aesthetic to help it feel more professional. Final Business Card Design Final Front side of the souvenir  Mock up of back & Final Back I've included both the mock-up and final image to share with the client how their final product will look once the sticker is also stuck onto the back. Final Advert Design Final Instagram Advert This was created ready to go straight onto an Instagram story, which can then be shared to something like Facebook stories or Snapchat, all having the same format. Final Billboard Final Billboard [Printed] Created for a printed rather then digital billboard, it's saved as a high quality PDF with pre-prepared bleed on it. 
Read more