Typography (Week 13) Submission of the Booklet and Microsoft Word portfolio

13.4.16 (Week 13)

Name: Fatin Nadia Binti Ishak (300422242)

Typography

The Booklet and Word portfolio

Lecture: Basically, Mr. Vinod checking our  last mocks-up for the booklet and gave us feedback. He also checking our wordportfolio and gave us few tips on how to edit it. At the of the class he taught us on how to create a pocket at the back of word portfolio back cover. Not to forget, the rule of third (on how to place the name and title of front cover for both, booklet and wordportfolio). For the booklet cover, Mr. Vinod says if we using black or white hard cover, we cannot use white color sticker paper.

Instructions: You need to create a booklet and come up with few lines about yourself. These lines will be arranged and expressed according to their meanings. Please refer to the previous eportfolio for further instructions.

The portfolio (30%): Eportfolio & Microsoft Word portfolio (PDF)

The portfolio is an edited document to include all the work produced in this course. It is a visual documentation of the process in chronological order (neatly packaged and presented). The Microsoft Word portfolio is developed progressively on a weekly basis throughout the semester, it is the hardcopy version of the eportfolio.

The hardcopy portfolio is an A4 bound document (See image below) that consists of research materials, sketches, fails, epiphanies, writings, images, drawings, text, etc. well arranged, organized and appealing. The document is also uploaded as a soft-copy PDF onto your eportfolio on the 14th week.

The ePortfolio is an online blog (Blogger engine) that is updated on a weekly basis, throughout the semester. The ePortfolio documents the summary of the lectures, records the instructions and feedback given, and documents the reflections of the student on a weekly basis.

A4 Bound portfolio document (Only selected students will be asked to print and submit this on the 14th week)

Marking Criteria: The portfolio must showcase consistent evidence of students meticulous and chronological documentation of progress/process work in the module, students lectures, instructions, research, outcomes, feedback and reflections. The portfolio or eportfolio is clean clear, neat, labelled and dated, it needs to be easily navigable and easy on the eyes (visually supportive to the content)

Duration: 14 weeks
Deadline: week 14

Research:

Throughout the semester, I bought things from the Art Friend Shop in The Garden Mall, everything is there

Adjust and Execute (Final Booklet)

I've decided to stick with 3 types of font.

For artboard one, I use Century. Artboard two Century Gothic. Artboard three is Gill Sans Mt and artboard four is Calson 540 LT Std Italic. I refer back to the previous lesson on which Mr. Vinod show us there are few types of font which is compatible with each other. So basically I chose a compatible font for artboard one and two and for artboard three and four. So it will shows connection, besides the arrangement of the lines.

For the final booklet: I've have changed font for artboard three and adjust the artboard 4 design.

Wordportfolio: I did adjust the kerning, pictures size and few others in order to make it lighter and less pages, from week 1 until week 13. I did changed it to Helvetica font and 10pt size. In addition, I did adjust kerning for each lines, around '50 to 60' I also create a pocket at the back of the cover page.

Booklet: Since Mr. Vinod want variations of color, instead of using white sticker paper, I've changed it to purple and for the contents, I'm using light pink paper.

Mr. Vinod also wants us to apply the 'third rule' for the placement of name

Process: I did apply the rule of third for my booklet cover and wordportfolio front cover;(Booklet front cover, where I later place my name on the sticker paper)

Sticker paper:'I leave about 1mm space for each side', so it will be more neat;

Then, after divide the space according to the rules of third, I stick the sticker name on the top of right side.

Next for the front cover of the wordportfolio, Im using Helvetica font 10pt, and 13 leading. I place it according to the rules of third division,'on the top of right side'.

Submission of the Wordportfolio: 

Front Cover:

Back Cover:

Final Submission of the artwork:

Combination of Artwork:

Final Submission for the booklet:

Feedback:

Hi Nadia,

You are hardworking and consistent in your effort towards work. I think your eportfolio was exemplary in that it documented and chronicled your journey really well. Your reflections were good and the outcomes were by and large good. The effort behind the work produced will certainly reflect in the results you will eventually obtain. I wish you well in your future undertakings and good luck.

Reflection:

Experience: In the overall, I've found that creating a booklet is very interesting task. We have been given a freedom to choose color of the cover, paper and design. I felt like I'm in the primary school, esspecially art class. So far this course really benefit me in many ways. 

Observation: I'm struggling throughout the course, deadline at midnight etc,taking 6 subjects for this semester is not easy for me. Since it is my last task for the subject, I felt relief and looking back at my previous work from the wordportfolio, I can say that I'm not that bad, at least I'm trying my best and I didn't give up. 

Finding: I've learn a lot from the course, I hope that I will always apply it later on.

Typography: (Week 12) Final Mocks-up for the Booklet

5.1.16 (Week 12)
Name: Fatin Nadia Binti Ishak (300 422 242)
Typography

Lecture: Basically we had an opportunity to ask questions regarding the booklet. We also discuss among each other for ideas and etc.

Instruction:

Task 2 (20%): The Booklet
Your task requires you to come up with 10-12 lines about your self. The lines can vary in the number of words (1 word, 5 words, 10 words). These lines will be arranged and expressed according to their meanings. Utilize the knowledge gained in all the tasks previously and express yourselves.

The booklet you are creating has 8 pages in all (2 A4 sheets stuck together and divided into halves). The format of the booklet is an accordion fold and affixed on either end with a card-board.

You have to compose your lines on the various pages, using a variety or appropriate fonts/typefaces, and then considering the size, impact of the respective artworks, place them in an appropriate sequence to ensure a healthy variation from page to page.

A demonstration of this shall be conducted in class. How to fold, how to create your illustrator template and how to place the typographic artworks (expressions of the different lines) in illustrator.

You will submit, a hardcopy print out and upload the respective JPEGs of the 8 pages in spreads of 2 onto your eportfolio.

Marking Criteria: Your work will be judged on whether you have been able to express the meaning of your sentences through your typography and layout (arrangement). The layouts must showcase sensitivity and creativity in the choice of font, its arrangement, its relevancy and its suitability in context of the sentences. It must reflect and enhance the inherent meaning of the sentences. 

You must look at the arrangements for all the pages and decide whether the pages look like a cohesive unit, whether there is a level of consistency or variation, so as to avoid monotony or over-consistency.

You will be judged on whether you have demonstrated critical thinking and exploration, research capability, ability to chronologically document your process and reflect on your journey. This evidence must be visible in your postings in the eportfolio and your in-class process work. 

Duration: 3 weeks
Deadline: week 13

Few research: 

Earlier Mr. Vinod asking us to refer to Dadaism work:

http://people.sabanciuniv.edu/~ayiter/stylesforstarters/era_avantgarde.htm

I did Google example of Russian Costructivism, Dadaism and few others. Honestly, I can't really read the artwork, but I can say that the arrangements of the words make it looks unique.

Adjustment & Execute:

Since Mr. Vinod says I need to use more words and etc. I did put in quotes, psychologist fact, and how I currently feel. But then, all of it is related to me.

Picture above shows my artworks from Adobe Illustrator; for the front page of the booklet 'upper part' I'm using Century & Century Gothic. For the back page of the booklet 'lower part', I'm usingGill Sans MT Condensed & Calson 540 LTD Std Italic. Basically, I've only use three types of fonts.

Results:

Based on the previous comment, I've decided to play with the space, my work is very simple.

It's basically similar as a short story of myself, it's start with the title (my name: from the previous week task), according to Mr. Vinod we can make some adjustment, and obviously I did. Instead of having sharp end at each angle, I've changed it to a round end.

Next, an introduction part, my first artworks can be relate to the name, because it's again in the rounded shapes. Then are a plot of the story, climax and then conclusion part. At first glance, my story look like as if I'm having a Bipolar Disorder, 'mood swing', happy, sad, tired and proud all in one.

Final process:

Cut the THC PVC foam sheet. I remembered Mr. Vinod says I should let the 'artworks paper' hang in the middle of the cover. So, I've decided to give 'margin' of 1.5mm at every side of the 'artworks paper'. I've chosen white color because I'm using the white color paper for the content and sticker paper. For me it looks nice and clean.

Picture above shows how I basically cut the sticker paper, i cut it in rectangular size but left round end at each sides of the name artworks.

Picture above shows how I actually I try to find a middle point, the axis of 'x' & 'y', because I've decided to place the sticker paper exactly at the middle of the booklet cover. 

Final I've manage to stick the sticker.

Results of my booklet:

(Final submission for the booklet)

Front page:

Then front side of the booklet:

Then, back side of the booklet:

4 Art boards: Final submission for the artworks in JPEG:

Feedback:

Mr. Vinod says my cover page is very big it should be 1.5mm extra instead of 1.5cm, but It's great I've managed to let tha artworks booklet hang in the centre.

For the booklet contents: He says good work in overall you have managed to relates each part with another, and for the last part of the artworks, it's fine I've managed to fit it in the space.

For the word portfolio, he says I need to change the size of the pictures and summarize the instructions.

Reflection:

Experience:
I went through a lot from this final task, personally I think that it is very challenging compare to previous task, because it's the combination of all. I've left my pendrive at the printing shop; it's really annoying because I did saved a lot of important things in there, the printing shop all of sudden went black out right after I print out my work and I'm rushing back, I am so careless. Anyway, my classmate did helps me throughout the course.

Observation:
I can say that, my knowledge for this subject is too little, in order for me to produce something good, but I've already trying my best.

Finding:
I've found that, in order to be success in this field, we need to really focus on the details of the work and it not an easy subject.

Typography (Week 11) - The Booklet, Mocks-up (Second step)

 

30.3.16 (Week 11)

Fatin Nadia Binti Ishak (300 422 242)

Typography

Lecture: 

 

Mr. Vinod gave us feedback for our first mock-up individually. Then he will help anyone who has questions regarding the booklet.

Instruction:

Task 2 (20%): The Booklet
Your task requires you to come up with 10-12 lines about your self. The lines can vary in the number of words (1 word, 5 words, 10 words). These lines will be arranged and expressed according to their meanings. Utilize the knowledge gained in all the tasks previously and express yourselves.

The booklet you are creating has 8 pages in all (2 A4 sheets stuck together and divided into halves). The format of the booklet is an accordion fold and affixed on either end with a card-board.

You have to compose your lines on the various pages, using a variety or appropriate fonts/typefaces, and then considering the size, impact of the respective artworks, place them in an appropriate sequence to ensure a healthy variation from page to page.

A demonstration of this shall be conducted in class. How to fold, how to create your illustrator template and how to place the typographic artworks (expressions of the different lines) in illustrator.

You will submit, a hardcopy print out and upload the respective JPEGs of the 8 pages in spreads of 2 onto your eportfolio.

Marking Criteria: Your work will be judged on whether you have been able to express the meaning of your sentences through your typography and layout (arrangement). The layouts must showcase sensitivity and creativity in the choice of font, its arrangement, its relevancy and its suitability in context of the sentences. It must reflect and enhance the inherent meaning of the sentences. 

You must look at the arrangements for all the pages and decide whether the pages look like a cohesive unit, whether there is a level of consistency or variation, so as to avoid monotony or over-consistency.

You will be judged on whether you have demonstrated critical thinking and exploration, research capability, ability to chronologically document your process and reflect on your journey. This evidence must be visible in your postings in the eportfolio and your in-class process work. 

Duration: 3 weeks
Deadline: week 13

Research & Thoughts:

Based on the last week feedback, he wants me to create something that has an impact and each work need to be related.

Again, I do few more research to get some ideas;

I’ve found few pictures from Google that really unique and can be used as an example for the task.

 

Previously, I did try out different font for different part of works. However, too much fonts looks really messy and there is no coherent.

Then I’ve decided to use only 4 types of font for the booklet, and I choose fonts that compatible with each other for the each sides of the booklet.

According to Mr.Vinod, people will usually choose unique types of font to express the words, it’s actually doesn’t work.

Basically, I will usually prefer unique decorative and cursive font on my work, but this time I will use a basic and plain look of font and make comparison.

Process:

For this Mocks-up, I have decided to stick with only four fonts, which are 

- Page 1A + 1B & 3A + 3B =  Helvetica with Palatino .

- Page 2A + 2B & 4A + 4B = Century with Bauhaus.

Important point; is that those fonts basically compatible with each other.

Next Step, size of the font mostly is 12pt. I did use bigger font as well.

I have made a lot of changes compare to my previous work; I have changed the fonts, words by making it simpler and design as well.

 Last week work;

1) 

2) Some changes; 

Process on the Adobe Illustrator:

a) Change of the font and shape for 'sarcasm'.

b) Trying something different by using 2 pages for one sentence;

Difficulties:

Despite using two laptops and a phone to update my blog and work, again I’m facing problem when it comes to printing part.

I need more ideas for the visual expression part.

 

For my second mocks-up booklet, I try to put in a heart shape in it and using 2 spaces for a sentence. I am using a lot of space this time, and I am trying to create flow from 1 part to another.
Less fonts really helps, it does look a lot more clean than my previous booklet. Especially when those fonts compatible with each other.
I am totally aware that this final task require to adopt things that I have previously learned in the class, type expression, type arrangement and etc.
 

3) Result for this week;

I am sure that I will make few changes again, because I’m still not satisfied with my work, till then.

Final Submission for Mocks-up 2: 

 

Feedback:

According to Mr. Vinod I need to use more space.

Reflection:

Observation:

I want my work to look clean and meaningful, but still I didn’t feel it yet, perhaps after few mocks-up I can finally come out with the nice clean work. At least, I still have time to try out a few more ‘design’ etc. for my work.

Experience:

When it comes to printing part, I am still not good at it. But practice makes perfect, I am so grateful that finally the annoying guy at the printing shop understand how I actually want him to print my work. 

 

Finding:

But still I’m enjoying doing the task because, it allows me to explore more and use my ‘creativity’. At Least, I get some ideas based of the feedback given to me last week, on what actually the task require us to do. Feedback really helps. I will try my best to combine my knowledge and experienced in this course and produce a good result for this final task.

Typography (Week 10) - The Booklet (Mocks-up)

23.3.16 (Week 10)

Fatin Nadia Binti Ishak (300 422 242)

Typography

Lecture:

He explained further details about the format of the booklet.

For instance;

- It can be 10 to 12 lines (can be from the poem)/ one word/ two words.

- It should have variations, as an example, we should follow BBC news rather than RTM news for the variations.

- One font or two to three fonts

- We can use one typeface that have range on it, for example 'Helvetica', which has 40 fonts under it.

Next, Mr. Vinod gave us feedback for last week task. He also remind us to copy words from the eportfolio in the word file and save it as PDF.

Mock up:

Print out any words etc., then put hard cover on it.

Instruction:

Task 2 (20%): The Booklet
Your task requires you to come up with 10-12 lines about your self. The lines can vary in the number of words (1 word, 5 words, 10 words). These lines will be arranged and expressed according to their meanings. Utilize the knowledge gained in all the tasks previously and express yourselves.

The booklet you are creating has 8 pages in all (2 A4 sheets stuck together and divided into halves). The format of the booklet is an accordion fold and affixed on either end with a card-board.

You have to compose your lines on the various pages, using a variety or appropriate fonts/typefaces, and then considering the size, impact of the respective artworks, place them in an appropriate sequence to ensure a healthy variation from page to page.

A demonstration of this shall be conducted in class. How to fold, how to create your illustrator template and how to place the typographic artworks (expressions of the different lines) in illustrator.

You will submit, a hardcopy print out and upload the respective JPEGs of the 8 pages in spreads of 2 onto your eportfolio.

Marking Criteria: Your work will be judged on whether you have been able to express the meaning of your sentences through your typography and layout (arrangement). The layouts must showcase sensitivity and creativity in the choice of font, its arrangement, its relevancy and its suitability in context of the sentences. It must reflect and enhance the inherent meaning of the sentences. 

You must look at the arrangements for all the pages and decide whether the pages look like a cohesive unit, whether there is a level of consistency or variation, so as to avoid monotony or over-consistency.

You will be judged on whether you have demonstrated critical thinking and exploration, research capability, ability to chronologically document your process and reflect on your journey. This evidence must be visible in your postings in the eportfolio and your in-class process work. 

Duration: 3 weeks
Deadline: week 13

Primary Research:

Search for a booklet picture online. I wonder how it usually looks like, the arrangements etc.

Below sample are amazing, the style and variations.

The sample below is very unique; I wonder how much time they spend, to create those booklets.

 

Secondary Research:

Google, poems & quotes about self, just to get some ideas how an arrangements of words.

Poems and quotes about self;

 

Process:

Basically I need to use four pages (2 A4 sheets), which then divided into halves.

So I need about 8 different lines to describe myself:

1. I love traveling
2. I am complicated
3. I never give up
4. Stubborn
5. Crazy Mom
6. Lack of sleep
7. Sarcastic
8. Unpredictable

I know that I need to search more unique words, beautiful poems and etc., in order to describe myself, so it will be a lot more interesting.

Experience & Difficulties;

1. I did not remove the 10mm grey line on my artwork.
2. I am not sure which type of paper I shall use for the cover.
3. After print it out, I have found that the sequence of the lines is wrong.
4. I did print it as double-sided but it turn out to be upside down.
5. My MacBook really annoy me, it’s stuck for no reason it’s probably because of it’s age. I need to use two laptops to save and print my works.
   
   

   Basically, I have at least known what I should and shouldn’t do. I need to ask Mr. Vinod a lot more regarding the Adobe Illustrator.

Using Adobe Illustrator, creating a template for the booklet:
Step 1: (Four pages/create the 10cm x 10cm box and put it at each angles)

Step 2: Divide it page into halves

Step 3: Create a black color line, so I will not use that part, because later I will cut it

Step 4: Lock the selection

 

 Step 5: Put in lines and words in

The truth is, I do mixed up fonts for each part, I wonder how it will turn up. But, the result is really messy so at least I know what font I should and shouldn't use.

Folded Booklet, things that needed:

12" scale (ruler), cutter, 10 sheets of A4 paper, and double sided tape 10mm (not the thick one the thin white one).

Types of paper for the front and back cover of the booklet;

(1) Mounting board white (2) THP PVC Foam Sheet (3) PVC Sheet White

My mocks-up:

The one we did in the class last week;

Mocks-up (combinations);

The Mocks-up

Close-up (Mocks-up)

Front:

Back:

Submission, for the first Mocks-up:

Feedback:

Mr. Vinod suggest me to stick the hard cover first then only cut it, so I will get the exact size. I need to use more spaces, he said that I'm being safe. I need to make a visual impact. I need to make sure that, one place flow to the next.

Reflection 

Observation:

Details are really important when creating a booklet. Arrangement of words, choice of fonts and many other are important too. I need more time to figure out more unique lines to describe myself so it can be more interesting. 

 

Experience:

I was having difficulties when printing those work, it turn out to be upside down and looks messy, but practice makes perfect. I was having difficulties with my Mac Book, it stuck and I have lost all of my work that I’ve saved, I need it to update my blog. My other laptop is worse, it does has an Adobe Illustrator in it but I can’t open WIFI ‘Internet’, because my software will update automatically, so I have no choice but to close the WIFI thingy!

Finding:

For the lines in booklet, I wanted to create something different and again unique. However, I’ve found that the booklet, which is our final work for the subject, need a combinations of all. For instance, I need to use what that have been taught to us in class previously, for the final task, arrangements of words, size, fonts, kerning, leading and etc.