2: Design Module

Design | Learning Task 1. Identifying focus and hierarchy

P1

1) Photo is large, and in the middle. 2) Big text related to the large Photo. 3) A even larger text however this is not the centre of the page and might be overlooked at first look. 4) small stories under number 1 and 2 5, 6, 7, 8, 9) are all minor, with similar size and text.

P2

1) The photo is big, in the middle 2) several small vine videos in the background, although i would think this should of been No.1 i found that the large “Vine” was caughting my eye more. 3) bright colors, very eye catching. 4) a smaller video 5) text to go with the video. 6) centre in the middle, but as a low profile. 7) similar to No 6 8) some small icons

P3

1) a very large image 2) a great size font 3,4,5,6) smallish photos with beautiful text.

Design | Learning Task 2 | Identifying Elements and Principles

221

22

Design | Learning Task 4 | Identifying Negative Space

Screen Shot 2015-06-07 at 2.34.09 pm

Logo

black-and-white-night-building-house

Built Environment

Natural Environment

Natural Environment

Human Anatomy

Human Anatomy

A-12_Schalk_Flight,_1962

My Choice

Design | Learning Task 5 : Whitespace

iancul-Leeds-Alumni-rgh1-11

Print-publishing (magazines / newspapers)

Brooklyn-Street-Art-WEB-Public-COPYRIGHT-Steven-P-Harrington-1

Street advertising (billboards/ shop-frontage)

5314828371_a4409e0ca2_o

Billboard

Screen Shot 2015-06-07 at 3.34.57 pm

A Website

eiffel-tower-wallpaper-white-background-Eiffel-Tower-Wallpaper-White-Background

Your choice

Design | Learning Task 8| Gutenberg Diagram

Screen Shot 2015-06-07 at 3.53.08 pm

The Facebook page exhibits The Gutenberg theory of flow. The Title “Facebook” is situated near the left hand side, and is in large bold text. with the users eye Flowing diagonally rightwards to the bottom right hand corner showing a bold and large sign up title. The amount of eye catching images are limited to the centre of the page. The use of grid is very evident being a news site.

Design | Learning Task 10 | Typeface Panel

#KICKOFF14 (1)

Typeface: Vast Shadow. Designer: Sorkin Type Co. History and character: Vast is a Victorian slab serif advertising type. Vast has a feeling of sturdy solidity combined with just a little bit of refinement. Because Vast Shadow has a thin shadow that won’t display well at small sizes we recommend that you use it from 32px and larger…being created in 2013, Vast shadow has very little history.

 

Design | Learning Task 12 | Good and bad type

Representative of “good” type use

good2

Classic Font, minal change over years.

Good

The colour and contrast helps highlight the easy to read-classical looking font.

good3

A plain white background, and simplistic font.

good4

Large font, as well as easy to read from short to long distances, as well as very simple.

goof5

Colourful and bright with simple to read font.

Representative of “Bad” type use

Bad1

font is too small and the colour could be hard to see with the small font at certain distances as well as a not so simple to read font.

bad2

Although you can read the font for “London” the font for “2012” is incredibly bad to read and the shape/outline are so distorted, it is not straightforward.

bad3

The shape, size and font type makes this logo extremely hard to read.

bad4

The colour difference isnt greater enough to make the “to everywhere” stand out, and the background noise is too much.

bad5

Poor positioning of text.

Design | Learning Task 14 | Type Research

1) Your “searchability” and “accessability” decreases if you set your type as an image using Photoshop rather than html text.

2) Typekit, Typecast, Font Deck

3) Heading Commands, Font Size Commands, Centering Text, Colour changing, Bolding, ITALIC

4) CSS is a style language that defines layout of HTML documents. For example, CSS covers fonts, colours, margins, lines, height, width, background images, advanced positions and many other things.

5) Aliasing is an effect on any pixel devices, where diagonal and curved lines are displayed as a series of little horizontal and vertical lines. Anti-aliasing, is the name for techniques designed to reduce or eliminate this effect, by shading the pixels along the borders of graphical elements.

6) Google Web Fonts and Adobe Typekit provide free – and paid fronts that are safe and easy to use and trustworthy for web sites to user, this wasn’t the case before Google Web Fonts and Adobe Typekit when the range of safe trustworthy list of fonts were small.

7) Affair, Burgues Script, Parfumerie Script Pro, Engagement

8)victoria

9)
Screen Shot 2015-08-07 at 11.13.24 AM Screen Shot 2015-08-07 at 11.12.45 AM Screen Shot 2015-08-07 at 11.13.51 AM

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s