2. InDesign – Double Page Spread
This is my first attempt at using
Adobe InDesign as a program.
I started to make a double
page spread however I could
only get half of it done. I added
a picture that covered the top
quarter of 1 page and added
columns of Lorem Ipsum text
to fill my text boxes. With
InDesign it is possible to fill
one box with text and have it
easily follow into another box
which allows for an easy way
of filling all the text boxes
without filling them each is
separately. In the middle of my
page I added a PNG image of a team logo and used the text wrap tool which allowed the text to go all around the image without having to
manually move each line of text. Another feature I learned however didn't use was the spacing between lines and characters. This allows
you to fit more or less onto a line and how much of a gap is between your lines of text. Despite me not using this feature in this example I
will use it in my actual double page spread as it will allow me to create even looking lines of text which will look better on my DPS.
3. InDesign - Double Page Spread
This is my full example of a
double page spread that I
created. The contents of this
DPS is expected to be in a
photography magazine
because I didn't want to make
an example of a DPS on the
same topic as my actual
magazine idea. The blue grid
lines are a new feature I
learned which helps to create
even looking images and text
because they are confined to a
grid which gives even spacing
between the pictures and text.
Personally I think the grids are
a good idea and help when spacing the images out however I don’t think I will use it in my actual DPS production as I find them quite
confining and limiting as you cant fill half a grid area. It also limits the orientation of the pictures which makes them look to uniformed for
my liking. Along with my other example of a DPS I used Lorem Ipsum to fill my text boxes to get a better idea of how it would look.
4. InDesign - Website
This is my unfinished website
design I created on InDesign. I
used 8 vertical columns when
designing this. Personally I
don’t think this worked as it
was far too limited with what I
could do. I created my own
side bar in Photoshop however
due to time limits I didn't finish
the rest of the website. I
intended on adding some
images that would have gone
across columns as well as text
between the images. Luckily I
will not be using InDesign for
making my website and only
using it for the DPS and front cover. With more time and working a bit faster I would have been able to complete all my website mock to
get rough idea how InDesign works with websites.
5. Website Idea - Wix
Here is my front page
mock up for a website
idea I made on Wix. This
is just an idea I had in
order to fill in the template
and I wont actually be
making my website on
bananas. I changed the
background to be more
colourful and vibrant. I
changed the titles and
pictures to relate to my
website. I also added a
spin effect so when
someone loads up my
website or refreshes it the
banana in the centre
spins.
6. Website Idea - Wix
This is my navigation bar that
would feature at the top o the
webpage regardless of what
pages you are on. It includes a social media bar that is included in the free Wix package. Originally it had six tiles with Instagram,
Google+ and Tumblr however I swapped them out for snapchat. I will add more navigation options for my actual website.
This is a strip that I added that
is under my main page. This is
another feature that Wix has
where you can add strips to
the home page such as a
contact strip or meet the team
strip. This would be useful to
reduce the amount of
navigation options or if you
wanted to keep all your
website on 1 page and have it
scroll down and read more for
more information on that area.
7. Website Idea - Website Builder
This is a website
designer I used called
Website Builder in
which you are given a
rigid template where
you cant really add
much to it however you
can customize all the
areas that are given to
you. The template I
used was a football
team however it had a
design that I liked and
similar to y initial design
idea so I used images
that are related what I will be making my website on. Personally I like the amount of navigation options it has at the top as well at
the option to change the background to an image of my choice.
8. Website Building Software Comparison
The website building software's I used were Wix, Website Builder and WordPress. WordPress was by far the one I disliked the most.
This is mainly down to the fact it doesn't offer many customizable options and when it does it does it in an awkward way in that I
cant see the text in the website until I confirm that is the text I want. It is just bad for previewing the website as you edit areas. Wix
and Website Builder however offered more customizable options and allows you to edit the webpage as you view it. Wix offers more
customizable options in my opinion by adding your own images and changing the layout somewhat. It also offers features such as
adding a social media bar and strips of information. Website Builder
9. Photoshop – Front Cover
This is my incomplete front cover design I made on Adobe Photoshop. I
used palatton to match colours and give me an idea of a colour scheme
however I ended up just following the colour scheme of the skater
himself by having the title colour the same as the skateboard and the
bottom block colour the same as this jumper. I used the eye dropper
tool in Photoshop which allowed me to match the colours easily. For the
title I added a stroke and drop shadow to make it pop off the page more
which gives a similar effect to that of the skateboard as it looks like that
is popping off the page as well. Where the beige colour is strongest is
where I would put a headline for the main feature of the magazine. If I
had more time I would add a headline, some more skateboard logos
and some side article headlines however still keep it simplified to some
degree.