Typography And Hypertextuality Week 6 - Week 8

Week 6 - Week 8
Nouval Kemalsyah Adhigumilang (0331328)
Typograpghy & Hypertextuality
Assignments—Project 01

 Lecture

 Lecture 6: Basic introduction to inDesign
On this lecture we learned the basics of indesign unlike the usual lecture.They taught us how to format the documents, setup guides, change measurement units, manipulate the kerning and leading of text as well as a host of other basics. We were also taught how to create facing pages, how the master-pages worked and how to space out text, lines and paragraphs.
Lecture 7: Tracking, letterspacing and kerning
Kerning is the reduction of space between the letters. Increasing the space between letters is letterspacing. Doing both is called tracking. Actually there is more than just three things we learnt, We also learned about alligment e.g.
  1.  Flush left is another term for left alignment of text. It mirrors asymmetrical handwriting. Spaces between words are consistent, allowing the type to create an even gray value.
  2. Center alignment gives a body of text shape and pictoral quality. It has dragging on both sides of the text.
  3. Dragging is the side of the text that is not perfectly aligned. 
  4. Flush right places emphasis on the end of the lines.
Justified imposes a symmetrical shape upon text by adjusting the tracking of each line so that all the line lengths look the same. 'Rivers' are white spaces that appear between words in justified text.
Lecture 8:
There are a variety of ways to separate text and paragraphs.
  • A pilcrow was used in medieval manuscripts to indicate paragraphs. 
  • Line-spacing (leading) is often used to separate text. Often the amount of line-spacing is the same as paragraph-spacing. 
  • Line spacing is from the descender of one line to the baseline of the line below. 
  • Indentation. Often it is the same size as the line spacing, however it can exceed that. 
  • Extended paragraphs. The first line is normal however every line that comes after is indented
Instructions
Project 1: A Story Book
Text
Title:
Mister Babadook
If it's in a word or in a look
you can't get rid of the Babadook.
If you're a really clever one
and you know what it is to see
then you can make friends with a special
one,
a friend of you and me.
His name is Mr Babadook
and this is his book.
A rumbling sound then 3 sharp knocks
ba Ba-ba DOOK! DOOK! DOOK! That's
when you'll know he's around.
You'll see him if you look.
See him in your room at night
and you won't sleep a wink.
(whisper: Let me in!)
I'll soon take of my funny disguise
(whisper: Take heed of what you've read...)
and once you see what's underneath...
YOU'RE GOING TO WISH YOU WERE
DEAD.
I'll WAGER with YOU, I'll MAKE you a BET.
The MORE you DENY the STRONGER I GET
(LET ME IN!)

Description
In this project you will be asked to express typographically the content above in a 16-page
booklet. No images are allowed. However some very minor graphical elements, i.e. line,
shade… might be allowed.
Utilising the knowledge gained in the exercises and other modules from the same semester, you will use illustrator to typographically compose and express the text within a given size.
And, upon completion you will place your illustrator artworks in InDesign to create a digital
ebook utilising the navigation and animation settings to enhance the expressions of your
composed text.
Requirements
The student must document the above progression in their eportfolio and A4 hardcopy portfolio. The results of the phases must be collated and presented. A thumbnail printout of all 16 pages, and an ebook for desktop viewing must be produced.
Submission
All gathered information (failures, successes, epiphanies, sketches, visual research, printouts, websites, images, charts, etc.) documented logically and chronologically in the A4 Clear Sheet folder. The works must be labelled and dated.
All gathered information (failures, successes, epiphanies, sketches, visual research, printouts, websites, images, charts, etc.) documented logically and chronologically in the eportfolio for the duration of the project in one post.
Generated eBook uploaded to the eportfolio and the relevant printouts of the artwork in the determined formats, in the hard copy portfolio.
Objectives
An appreciation of the skills sets and mental discipline required in Typography
To develop the necessary software skills for the typographic communication.
Assigment
Mr.Babadook Storybook
Our assigment was to make a storybook from an old children kinda horrorish storybook, and we were to only communiate it through words no visuals. So to make it short a book with expressive form of types.
image1. cover
image2. page 1
image3. page 2

this is pretty much the preview from the rest of the book and also this was after a few revisions from the lecturers
image3. ol' version
image4. ol" version (2)

So after finishing this our next assigment was to animate it and this how my assigment turns out.

Feedback
Starting this was a quite a difficult part for me and so in the first few times i got a lot of revisions and feedbacks. Im just gonna copy what ive written from the feedback spreadsheet for my lecturers

Week 6
"Making it all in uppercase is not a good way to start the sentences. Also take note on the positive & negative space make sure it looks balanced and to help with the compsition of the text its better to put out the plain text then add some variations too it. Also i didnt use my master pages correctly. But the flow of the 3rd and 4th page is okay said the lecturers"

 Week 7
Aligment is the main focus on today feedback the flow of the sentence needs to be clear and also affects the balance between the two pages. in page 6 the sentence was wrong and so need to double check it again. Its getting pretty dull/predictable after the few first pages so mr vinod said the trick is to have 4/5 formulas and use them in a rotating fashion and don't try to create something new in every spread. Also do a little bit of research and use other people work as reference. And after i finish it analyze it and get a step back and sleep over it and see it again. Also "less is more"
Week 8
be selective with the animation, 1-2 animation is enough per page. also the spacing between sentences on page 9
Reflections
Truth is what really helped me with the project is this book


new typographic design
At first i borrowed this book just because i thought it was a good reading material but not only that it also was a good reference book for the type expressions. If not for this book my final work could not be better

Comments

Post a Comment

Popular posts from this blog

Games Design Journal

Image
Initial Game Narrative One of our first assignment were to make our own 2d platformer game. For the idea of the game I have thought the theme and I’ll rework from past personal project. Set in the distant future Creature from ancient stories came alive and ravage the planet taking those who are weak and unlucky. Even though technology has advance vastly, humanity still wasn’t prepared for this type of outbreak. But out of this despair and misery, hope also came with it. A few selected individuals were chosen by nature to wield their power and take a stand for humanity survival, these individuals are now known as spirit bearers and they are meant to lead the new civilization. But there are those who don’t desire power for it’s a heavy burden to bear, yet fate chooses unconditionally. Our story began with 2 siblings Dwyn and Marg, Dwyn was a little bit frail but he was an adventurous little rascal and willing to take risks to satisfy his curiosity. Marg was also a curios las bu...
Read more

Usability & Mobile Applications I

Image
For our class assigment in this module we were to make a mobile app prototype. And before we start the app we had to came up with a few ideas and talk it through with the lecturer mine were these one below: 1.(google?)paint: like google docs but instead you can draw doodles together 2. WalkMate: need a friend to walk with? Check people near you who is going the same way with walkmate 3.PetHelp: for those who got a new pet but dunno how take care of it After talking it with the lecturer we decided the third one would be suitable. I was thinking of making like a community based app something like PetCoach  or   Quora . and so the lecturer told us to create flowchart for this app. Also after consultation with the lecturer i had a better name idea called PetVet basically the more active users the bigger database. i also came up with a logo for it though a few said it looks like a pet burial service. I also came up with the main wireframes But after pre...
Read more

Typography & Hypertextuality Week 9 - Week 10

Image
Week 9 - Week 10 (30 Mei 2017 - 6 June 2017) Nouval Kemalsyah Adhigumilang (0331328) Typograpghy & Hypertextuality Assignments—Project 02 Lecture Week 9   On this week we didnt have any lecture and so were focused on designing fonts. Week 10 Introduction to FontLab Instructions Description You will be expected to design a font of 27 western alphabets along with punctuation marks.To begin with choose an existing font design that adheres to the direction that you would like to head in. Study the font carefully by analysing its anatomical parts. Identify a Form (Basic shapes i.e., Square, Circle, Triangle) this shall be the starting point of your designs. You may also choose shapes that you see around you or that you like (i.e. an arrow, a face, a building, etc). One of these shapes will form the basis of your font design. Your font can be designed to also fulfil a specific need.Start with rough sketches and upon approval begin digitization of the drawings—s...
Read more