The document summarizes the design elements of several posters and websites. It describes the graphic styles, fonts, images, colors, and navigation structures used in the designs. For the posters, it notes the slogans, prominent images of Barack Obama, and use of colors from the American flag. For the mental health website, it outlines the grid layout, formal text, embedded videos, and internal hyperlinks to navigate between pages and content sections.
2. A real poster campaign
Graphic styles used
• Modernism
• Pop art
The font used in this poster is Arial. The text is big and bold and goes with
the colour scheme of the poster.
HOPE is the title/ slogan for the poster it shows Barrack Obama’s face it
shows that their will be hope in this president
There isn't a lot of text on this poster because it would take away all the
meaning that they poster is trying to show we can see on this poster that the
clear message is hope.
The one and only dominant image is barrack Obama. He is the only figure
we see on the poster which makes us want to now why he is the figure for
hope
The logos on his blazer shows that he is running to be president. It also runs in
the colour theme of the poster.
The colour scheme is red, white and blue which is the colour on the American
flag. It is the same colour on the logo on his blazer it shows that he is running for
an American president
4. Navigation
When people first go onto the website we
are shown on central point which is the
big poster saying join time talk and if you
click on it navigates you to time talk sub
category below that there is a simple grid
system below that navigates you to
places that they are talking about.
If you click share the small things it
shows you the small grid system
below which shows you what you can
do and what the small things are this
system is very easy to find your way
around.
Personal stories is a different
layout to the rest of the
website. It has it own search
bar involved in it and you can
search different types of stories
easily than having to search for
it by scrolling down
There is a simple menu system above which helps you see the different
things that you can look at on the website. And above that there is a
search bar where you can look things up on the entire website
5. Structure and grid
The structure on this website is left to right, people read it in this composition because that is how
the website was made. The website uses the grid system through out of the website. A side bar is
used to show the different categories you can use in that section of the website. Below the grid
system is in different colours it makes the grid eye catching on the website and also having a grid
system make audience member that is reading it easier for them to read because it has its own box
and colour which makes it different from other things on the page. Also the grid system allows a
lot of sub categories this makes it easier to find what you are looking for on the page
6. Text and image choice
The text that is used is formal the text on this site is big they used this to make the audience look at particular
important things on the website. The text is in short paragraphs this means that the reader will not get bored with
reading things on the page because there isn't a lot of long paragraphs to read and also some of the texts are big
and bold and some are the normal size this is done so that there is variation
Type and typographic structure
The only font used in this website is Sans serif this font is a more formal font
than serif. They used this kind of font because they are talking about a serious
thing on their campaign website and if they used serif it might distract the
reader in what they are reading. The font size on this site varies for example
when they are trying to inform someone about an upcoming event the text is
bigger but if it is talking about information about mental health it is the normal
size text is
7. Dynamic content
The first screen shot shows people can share this site with people through Facebook, twitter and email.
People can also comment on this site through these social media sites. The site is updated every time
someone wants to share their stories or talk to other people that are going through the same thing. We can
see people sharing their stories and when someone uploads their story on the website it goes to the top of
the stories. It also includes their stories as well. The last print screen shows that their that there is an
embedded video on their website and there is also a link where people can watch more videos about mental
health. Having a video on the website means that the website is more interactive and interesting.
8. Use of hyperlinks, inline and anchor links
The first screen shot shows a menu
system that shows the key things
that are on the website for example
what the campaign website is
about. Next the about section
shows a side bar where people can
see what is on the page instead of
scrolling through all of the page.
Also when you click something on
the side bar it takes you to what it is
talking about. The third screen shot
shows share the small things and if
you click it shows where you can
add to the website the small the
things that can make people happy.
On the last print screen we see a
grid system being used and if
people out the cursor on top of one
of the sub categories then it will
navigate you onto another page
