Typography // Task 1: Exercises

25/08/20 -21/09/20 (Week 1 - Week 5)

Caitlyn Aurelia Tjandra (0339381)/BDCM

Typography 

Task 1 - Exercises

---

Lecture Notes

Lecture 1: Introduction (25/08/20)

Today we meet both our lecturer for this module which is Mr Vinod and Mr Shamsul. this is our first class conducted in borderless learning form, which is an online and physical class conduct simultaneously.  After that Mr Vinod briefed us on how to make our blog for e-portfolio.  He explained that blog is a document of our design journey. 

He start by instructing us how to make a line using html and also the five layout of the portfolio we need to have. Then, he also showed us how to embed pdf file of typography MIB. He then explained briefly about the MIB and how grades don't matter and told us to focus on the feedback that we get. We were also told to download 10 typeface families that we will be using throughout the semester. Finally, We were briefed with our first exercise called type expression.

Mr Shamsul take over the lecture to teach us some basic function in Adobe Illustrator such as Type tool, Ungroup and Clip mask. We were also told few of the shortcuts needed for Adobe Illustrator.

Shortcuts we learned and understood: 

        - Hold Shift to enlarge proportionally

  - Command + Z = zoom in

- Opt + Arrow = to bring text together

- Shift = select 2 object

- Command + T = Undo

- Command + Shift + G = ungroup

- Command + Shift + O = turn to object

- Command + 7 = clipping mask

We also learn two Key terms which is :

        * non objective (graphic element) : element other than text 

        * Kerning: reduction of space between letters

Lecture 2: Development (31/08/20)

for this lecture, we were given a YouTube video lecture for us to watch. This lecture talked about the development of typography from the first time it was made. This lecture includes histories and description of the different typefaces.

The content of this lecture was mostly from the book Kane, J, 2002 A type Primer, London UK : Laurence King. Here is the summary of what I learned:

Development/ Timeline

-letter form can be seen to have evolved out of tools and materials. Type of writing has been develop majorly by tools and materials such as stick, clay and stone.

1. Early letterform development: Phoenician to Roman

The greek change the direction of writing. They wrote from right to left, This is developed by the greek which is called 'boustrophedon' which means how the ox ploughs, which means that the lines of text read alternately from right to left and left to right.  Greek like the Phoenicians, did not use letter space or punctuation. Latter or the greeks would move strictly left to right writing.

Etruscan (and Roman) carvers works in marble painted letterforms before inscribing them. They would develop Certain qualities of their strokes changes in wight from vertical to horizontal. A broadening of the stroke at start to finish.

Fig1.1 Letterform Development

2. Hand script from 3rd - 10th century C.E.

Square capitals were the written version that can be found in Roman monuments. These letterforms have serifs added to the finish of the main strokes and variety of strong width was achieved by reed pen held at an angle of approximately 60 degree off the perpendicular.

Square and rustic capitals were typically reserved for documents of some intended performance such as everyday transaction. However, they were typically written in cursive hand in which form ]s were simplified for speed in which we refer to as lowercase letterforms. Development formalisation of cursive hand. 

Charlemagne entrusted his task to Alcuin of York to rewrote the text using both majuscules (uppercase ), minuscule, capitalisation and punctuation. 

3. Blackletter to Gutenber's type

Fig1.2 Gutenber's Type

In Northern Europe, a condense strongly vertical letterform known as Blackletter or textura. In the south, a rounder more open hand gained popularity. His type of mould required a different brass matrix or negative impression for each letterform. He choses bible as it was a popular book in the religion era. 

4. Humanist script to roman type

1471 : Quintilian, Nicholas Jenson, venice.

5. Venetian type from 1500

1499 Colona, type by Francesco Griffo

6. The golden age of French printing

7. Ducth printing c 1600

8. English type from 18 c

9. Bakersville innovation

10. 1818 Giambattista bodoni, manuale tipografico, parma

11. Text type classification 

Typeforms have developed in response to prevailing technology and aesthetic trends. 

  A) 1450 Blackletter: 

    - earliest printing type

    - based upon hand copying styles used for books in Northern Europe

B) 1457 Oldstyle

    - lowercase forms 

C) 1500 Italic

    - contemporary Italian handwriting

    - straight form complimented italic

    - serif with italic = italic

    - roman with italic = oblique

D)1550 Script

    - calligraphic forms

    -not for larger text

    - not for capital letters

E) 1750 Transitional

    - retirement of qoldstyle forms

    - this to thin relationship were exaggerated 

F) 1775 Modern

    - further rationalisation of qoldstyle

    -serif were unbracketed

    - contrast between which and thin

G) 1825 square serif/ slab serif

    - heavily bracketed serif

    - heavy type

    -advertising 

H)1900 san serif

    - eliminate seif

    - strokes were flared to suggest calligraphic origin form

    - refereed to as grotesque and gothic 

I) 1990 serif/san serif

    - include both and often stages between the two

    - semi san/ semi serif 

Lecture 3: Type Expression Animation_Basic  (7/09/20)

1.3 Sink animation lecture

For this lecture, I wanted to watch this particular one rather than continuing the lecture based video. This is because our task for week 3 is to do an animation for our chosen words. In the video, Mr Vinod is guiding us through Adobe Illustrator and Photoshop in creating a an animation gif. Here is what I have learned:

AI

- Sketch

- duplicate dartboard

- shift o -> drag-> shift + option = duplicate entire dartboard and contents

- to create brunch move word up by 3 inch then bring the words down

- leave huge gap for quick abrupt movement

- duplicate and don't change anything for a pause

-file -> export as jpeg 

PS

- file -> scripts -> load file into stacks

- import the Ai that we save

- windows -> timeline

-  change video animation to create frame animation

- duplicate particular timeline

- file -> export-> save for web -> gif

Lecture 4: Text Formatting  (14/09/20)

1.4 text format lecture

Paragraph spacing, forced line break, kerning and letter spacing (kerning)

TASK 1

- open new document ( 210 x 297 mm)

- no facing pages

- column gutter 5 mm

- margins: 10 mm

- esc = selection tools (v)

- rectangle frame tool = import images within

- rectangle tool= shape tool

- make a rectangle box ( 90 mm x 55 mm)

- view > grids & guidelines > smart guides

- Change box strokes = 0.5 pt

- view > show rulers

- type tool > click and drag

- command B = text frame options

- change alignment > centre

- put the small box inside big box

- select small box > command + shift + C (centre)

- choose font > make it bigger ( mine is 21 pt)

- opt + left arrow key = kerning - reset (put 0)

- type > change case > uppercase

TASK 2

- shift + option = duplicate

- reduce text = 12 pt

- add dress, tel num, email

- command + alt + I > a dot symbol(spacing) and paragraph symbol will appear 

- forced line break = shift + enter

-leading 14.5 pt

-space after 14.5 pt

- change number to small caps

-reduce text box + held opt ( same amount)

- command + a = select all 

- command + shift + L =left align

- smaller the box to show only ur name

- allign > top

- make a border > shape tool > 7 mm > drag ruler to make a grid line

Task 3

-layout > margin and columns > 4 column 

- layout > create guides > 6 rows

Lecture 5 : Basic (21/09/20)

1. Basic/describing letterforms

Lexicon = terminologies

Baseline > the imaginary line the visual base of the letterforms

Median > the imaginary line defining the x-height of letterforms

X-height > the height in any typeface of the lowercase 'x'

Strokes > any line that defines basic letterform

Apex/vertex > the post created by joining two diagonal stems

Arm>  short strokes off the stem of a lowercase letterform that project above the median line

Barb > the half serif finish of a curve strokes

Bowl > rounded for that describes a counter

Em/en > originally referring to gap between words 

Ligature > the character formed by the combination of two or more letterforms

Stress > the orientation of letterform indicated by thin strokes in round forms 

Swash > flourish that extend the strokes of the letter form ( no capital togather)

2. Basic/ the font

To work successfully with type, you should make sure you are working with a full font and you should know how to use it.

Uppercase > capital letters ( accented vowels )

Lowercase > lowercase include same character as uppercase

Small capitals > uppercase draw to the x height of the typeface. Primally fun din serif font 

Ornaments : used as flourishes in invitation and certificates 

3. Basic/ tdescribing typefaces

Roman - letter form because uppercase forms are deprived from inscription of roan monuments

Italic :  Italian handwriting

Boldface: thick strokes

Light: light strokes

Condense: comprised typeface

---

Instruction

Exercise

Task 1: Type Expression (Week 1- 2)

For this week we were assign the task "Type Expression". We were told to compose and express 4 words out of  6 words. We were given the opportunities to choose our selected words by doing a Facebook polls. The final top 6 words are:

• BANG!
• BLOOM
• TWIRL
• TIRED
• MAD

We should only use the 10 type families provided. We were told to make sketches to figure out various way to express the word. 

Sketches and Exploration

Fig 2.1 Bang, Mad, Twirl Sketches (28/08/20)

Fig 2.2 Bloom, Tired Sketches 

This was my first try of sketching the words and I was sketching this without thinking of the typeface first since it would be best to start with a foundation and then built it up from there. I decided to sketch most of the words first rather than straight away choose 4 of my favourite words, hence this way I was able to analyse more of the possibilities.

Personally, the word bloom and bang! was my most difficult development process and to determined the final sketch. I had a hard time to find the sketches that I like, therefore I decided to spend more time figuring out for the word bloom and bang!. Additionally, I decided to sketch my sketches digitally since I am more comfortable that way and it also gives me more flexibility on the words.

After that, I decided to choose 2/3 sketches of each words and apply the type faces that Mr Vinod has requested us to use for this assignments in Adobe Illustrator. The 10 type faces assigned to us were:

- Adobe Caslon Pro
- Bembo Std
- Bodoni Std
- Futura Std
- Gill Sans Std
- ITC Garamond Std
- ITC New Baskerville Std
- Janson Text LT Std
- Serifa Std
- Univers LT Std

Thankfully, I was reading this week's book which is I.D.E.A.S Computer Typography Basics by David Creamer (2003) which were able to helped me understand more on each typography fonts.

Fig 2.3 Digitalised Version Bang, Twirl, Mad (30/08/20)

Fig2.4 Digitalised Version Bloom, Tired

Finally after applying the type face, I was able to choose my top 4 word based on my best sketches that I like.

Fig 2.5 Finalised Progression (31/08/20)

Bang : For the word bang, I did the A as the centre focus of the typography and I also have them all capitalised in order to evoke a sense of loud. I use the typeface Futura STD because I like the roundness and thickness of the type. In the end I added minimal graphic elements which is line to mark the negative space around the A and also adds to the expression of Bang!

Mad : as for the concept of mad, I want to portray mad as the expression of angry. The scribe lines represent the how if you're angry your mind would jumble into this whole mess. I use the type font of Gill Sans STD which has a really thick lines that compliments the word MAD.

Tired : My concept of tired centres around how the letters are being put together. The letter are put in a way similar to domino falling down. As the word T which were standing still slowly rotate into a sleeping position of D which symbolise the sense of falling down. For this word I didn't use capital letters because tired is usually the opposite of loud. When you are tired, you don't have energy which is why I use a lowercase letters.

Twirl : For the world twirl, I played a little with the letter. I did an upside down T and a mirrored R this gives the image of twirling however still maintain a minimalistic image. When you think of twirl you think of a word spinning or maybe in my case is a ballerina twirling, hence the simplicity of the word expression. I use minimal graphic element to further enhance my typeface expression, I use a semi circle / oval line going across the type face to give an illusion of the word actually spinning. 

Fig 2.6 Final Draft Type expression (1/09/20)

Then, it was time to wait for our next typography lesson where Mr Vinod would be giving out feedback and perhaps some major changes to my sketches.

Feedback Rework 

After the first feed back I fixed my design according to what Mr. Vinod said. I changed the word Bang! to the Bloom sketch that he picked which needed to be digitalised. I also did the minor changes that Mr. Vinod has suggested for Tired and Mad. Meanwhile, the twirl doesn't need any changes, therefore it remain the same.

Fig 2.7 Bloom digitalised sketch

Fig 2.8 Final progression after first feedback

Final design

After I had finished finalising and correcting my mistakes on the type expression, Mr Vinod asked us to showed him the results again. Therefore, this is the second feedback.

For the second feedback, he told me everything's good and I only need to fix the line for mad. I needed to use normal line for mad instead of using calligraphic brush. This is because calligraphic brush has a thin and thick strokes which made the line weird. Therefore, using a simple brush could create a normal thick strokes.

Fig 2.9 Final Type Expression result (01/09/20)

 

Mr. Vinod told me that everything is good and I am ready to move on to the next task which is animating one of the word that we sketched.

Task 2: Animation  (Week 3)

Animation Gif

At first, I thought of animating one word only. however, since I'm not sure which word I wanted to animate. therefore, I did 2 animation and the choose from there. I animate the word tired and bloom in adobe illustrator then photoshop. I watched lecture to guide me in the animating process.

Fig 3.1 Bloom draft 1 progression 53 Frames (7/09/20)

Fig 3.2 Bloom draft 1 GIF

For bloom animation I wanted to make the circle looks like it was blooming, so I made it from a smaller circle into a big circle. Meanwhile, as for the word BLOOM I wanted to make them like a flower petal blooming from a plant. therefore, I am using opacity to create the word slowly appeared.

Fig 3.3 Tired Draft 1 progression 22 frames

Fig 3.4 Tired Final 1 GIF

This was my first time trying to animate something. For the word TIRED I wanted to make it looks as if it was falling like a domino. The T I made it tilt to the left as if it was nodding off then abruptly stand up and when it standup, it loses balance to the right and knocked the other words down.

It was quite difficult to do the tired one as I need to make it looks like it is tired and the falling for the word IRED needs to flow smoothly. Then it was time for week 3 class where mr Vinod where give us feedback for my animation work. Mr Vinod liked my work and said that I don't need to change anything. Although, if I want I could try make the I into a lowercase I.

Since I had fun with animation I decided to make 1 more tired animation with the lower case I. Here is the result :

Fig 3.5 Tired Final 2 GIF

Task 3: Text Formatting (Week 4 - Week 5)

For this week we were assign the task "Text Formatting". We were told to watch the lecture video which had a demo tutorial of our task. The video consist of 3 tasks:

1. Name only card
2. Detailed card
3. Paragraph text

Firstly, we were taught on Adobe Indesign since it was our first time trying out the application. Then, after that we move on to our first task which is creating a name card using only our name. We were also told to choose font from the 10 type font faces that resembles our personality. I choose the typeface Futura STD because I liked how they looked and it was one of the most font I used when doing my last task.

Lecture Video Excercise

Fig 3.6 Excercise 1 (front)

As for task two we were taught to make 3 detailed back name card. We were told to put our name, address ( make sure its a real address, telephone number , emails and website link. I followed Mr Vinod lecture for the three sample, however for the last one I decided to play around and create own myself. Although, I'm not quiet sure if the result is right, here is the result:

Fig 3.7 Exercise 2 Name card (Back)

Lastly, we were first told to write a 250 words about ourself in order to use them as a text layout in the last task. I did mine on google docs and then paste in on InDesign justice what Mr Vinod showed us to do. After that we did a margin and rows layout in order to place the paragraph text in a clean and formatted way. Here is the result:

Fig 3.8 Exercise 3 paragraph text

After the feedback I get from Mr Vinod. I quickly did rework on my card. I corrected my mistakes on Leading, paragraph spacing and sizes. I also experimented on several typefaces on my name. 

Fig 3.9 Rework Exercise Name Card (23/09/20)

Fig 4.0 Rework Paragraph Text

Class and Home Exercises

Then, It was class time. Mr Vinod demonstrates how to create the text layout again, this time detailedly, in Indesign. as for tutorial class we were given a task to make the same thing he makes on lecture class with different articles. He chooses the article called 'If science Could Be a Game, Could a Game Be Science?' We were told to finished it by the given time which is 1 and a half hour.

Fig 4.1  Class Exercise Draft Grid (15/09/20)

Fig 4.2 Class Exercise Draft 

Then we were told to do one more at home and we get the chance to choose which article we wanted to use as long as the article is from. Therefore, I did some research and found the article I wanted to make which is called 'Emphaty for Fictional Characters'

Fig 4.2 Home exercise Grid

Fig 4.3 Home exercise Draft (16/09/20)

After showing my progress to Mr Vinod on class, I realize I have many mistakes. Mr. Vinod told me all my mistakes and I quickly changed it. After I redo my work, I showed it to Mr Vinod personally through Facebook Messenger and he sent me several minor mistakes I need to change. Therefore, after revising my work here is the final work: 

Class and Home Exercises Revised

Fig 4.3 Class Excercise Rework Grid 

Fig 4.4 Class Exercise Final Outcome (23/09/20)

Fig 4.4 Home Exercise Rework Grid

Fig 4.5 Home Exercise FInal Outcome (23/09/20)

 

---

Feedback

Week 1

General Feedback: Mr. Vinod went through my blog and told me that my blog is on track, I have shown some developments and I have done the task needed for this week. Make sure the introduction is shift + enter rather than just enter. Also, make sure that all the files are visible because there are a lot of people who has blocked files.

Specific Feedback: I have done a good job on the word Tired, Twirl and Mad. However, for the word bang, I need to change it with the bloom sketch. The word mad needs to have more violent grey line on the background and make sure the tired letters are exactly on the base line.

Week 2

General Feedback:

Specific Feedback: Mr Vinod said that my tired has an elegant falling down. The animation expressed the word tired. He said it was an excellent animation and it was a brilliant use of software. He said that everything is good and I'm able to move on to the next exercise.

Week 4

General Feedback: Mr Vinod told the class that you don't need indentation when there's paragraph spacing,He also said that when exporting jpeg with text min 150 grayscale while by right 300 dpi BnW that way our picture would be high quality when posted in our blog. After looking  at several blogs, Mr Vinod reminded us that our Images needs to make sure to key in captions + dates 

Specific Feedback: For this week, our excercise was text formatting two articles and name card. Mr Vinod said that my card format seems okay, however my paragraph spacing has no leading and there are several layout that has leading that's too tight. For my article layout , mr vinod said that my point size and leading is too tight and the cross alignment is non existent.

PM Feedback:

---

Reflection

Week 1

Experience: our first class was more relaxed than I thought. there were quite a lot of students and it was bit weird to have an online class as well as physical class going on silmutaneously. Thankfully, Mr Vinod and Mr Shamsul kept going back and forth interacting with us and the other student in class. therefore, we, student who are online, won't feel lonely and as if we are watching a video pre recorded class where the lecturer isn't looking to the camera and only focuses on those who are in class. 

 
Observation: I observe that typography is not as easy as it seemed. you need to consider a lot of things in order to achieve results that you want. I also observe that I understand and concentrate more when I listen to the lecture and wrote down the things he said in a memo, that way the things he said would actually being process into my brain. 

Findings: I find that sketching digitally is much more easier for me than sketching on paper, which may result in a blurry photo or shadow. I also find that more sketches includes more possibilities, I like how as I was trying more option I could improve more than my first sketches.

Week 2

Experience: I was able to see my classmates works and how mr Vinod perceives them. This was a new experience for me and it was fun.

Observation: It is good to have several sketches instead of one. that way I can explore more possibilities and mr Vinod was also able to see my other potential. Perhaps even find a treasure in one of the sketches.

Findings: The feedback mr Vinod give was really helpful and I was able to realise my mistakes. By keeping the blog organised I was able to navigate through it more easily and it makes you more motivated to work further.

Week 3

Experience: It was a fun experience to be able to see my creation moving. It was my first time using photoshop and creating animation. Although I had a hard time figuring out in the beginning, I was able to create a smooth animation in the end.

Observation: From what I had observe on Mr Vinod feedback on mine and my classmates, it is better to have a lot of layer in order to create a smooth transition. There are also a lot of people that had too quick animation which resulted in failing to deliver the expression from the word itself.

Findings: This exercise was able to open my mind in how animation is created. The task wasn't easy and that is how we learned. It is also fun how I could potentially make a good and smooth animation.

Week 4

Experience: This was the most stressful task I've ever done. I never touched indesign at all and it's all new for me. I didn't understand anything and I was scared I could come up with anything good. Mr Vinod's lecture helps a lot for a newbie like me. I was able to understand the basic of the software and how we do the assignment. Although, this is so complicated that I was stressing over it. I couldn't came up with a good idea and I had struggles in the layout which makes it looks unbalanced

Observation: I did had fun doing this project however I also observe that I was lacking in this particular area. I had problem in layouts and composition. Especially when we need to make the text look good and we need to operate it with kerning, leading , tracking and etc

Findings: I find that watching the lecture video has helped me a lot in understanding the software. I was not sure what I need to do and it helped me figure out the way. Since the lecture is detailedly explained I find myself understanding the software slowly.

Week 5

Experience: I had a hard time understanding the text fromatting. This resulting a bad quality work. Mr Vinod has helped me improving my mistakes in which I finally understand what he wanted from my work when I looked at other people's work. Mr Vinod also has kindly spare his personal time to give extra feedback on my rework progress in which has helped me understand clearer.

Observation: It was hard to actually use InDesign. I had a new level of respect for people who worked at magazine company. This was my hardest work from typography.

Findings: I find that you need to watch the lecture a million times. I watch them 5 times but my work is still wrong. Therefore, I did all I coudld and ask around others some tips for my work. I also rewatch the lecture a bunch of time. Furthermore, taking down notes is really important! If you dont understand some things, ask around! You're not alone, so dont give up.

---

Further Reading

Week 1 

This week book's I.D.E.A.S Computer Typography Basics by David Creamer (2003).

I pick this book as my first book of typography because as the title said it has information of the fundamental basics of typography. As someone without design background, typography is a new thing for me. I am curious as to what type of typography is there and how to differentiate them. 

Luckily, this book has answered my questions. The book consist of every basic information I need for my typography class and it tells detailedly about each type of font categories and many more. The book uses expanded categories to help me clarify the difference of : 

• Serif
• San Serif
• Monospaced
• Display
• Script
• Text
• Dingbats

Therefore, this are the summarisation of what I learn and understood from the book.

Font Categories

1. Serif :

-Most common text or ‘body’ copy font 

-Work nicely for headline fonts

- Add a thick/thin look to the letter

- Easiest font to read

Subcategory            

 - Oldstyle 

 > based on classical Roman inscription

> very open, wide and round with pointed serifs  

> pleasing contrast between heavy and light strokes

-Modern 

> greater degree of mechanical perfection than Oldstyle fonts

>greater distinction between heavy/light strokes, thin/squared off serifs                

-Square Serif 

> contemporary style

> mainly for small amounts of text { subhead, headlines and advertising copy)

> square serifs

> mostly uniform with little contrast

2. Sans Serif :

- “without serif”

- even stroke weight = little contrast for letters

- modern look but harder to read 

- usually for small amount of copy but can be use for larger amount if applied with care

3. Display / decorative :

- attention-getting headline fonts

- rarely used as body copy

4. Script :

- mimic handwriting 

- letters touch one another

- traditional type used for formal invitations 

- never be used in capital letters

5. Text :

- handrawn letters by early monk for religious books

- ‘old world’ feel

- use for certificate, diplomas and invitation 

- shouldn’t be used in all capital letters

6. Mono-spaced :

- proportionally spaced

- typewriter style fonts 

- same amount of space regardless of the actual letter 

7. Dingbats 

- symbols and small pieces of arts

- enhance design of the text or page

- Zaph Dingbats and Wingdings are the most common dingbats

Learned: I have understood there are 7 difference of font categories. I also just  known the meaning of san serif is 'not serif'. I also learn the characteristic of each fonts and the proper way to use them. I also learned the do's and don's of certain fonts and I would have to take in mind that rules. This book has helped me in further understanding typography. With the knowledge I have learned, I am able to understand the characteristic of each font which helped me in my week 1 exercise of type expression. 

Week 2

Today I am reading character and word spacing from the same book as last week. Since Mr. Vinod has mention the terms kerning I thought that I should have research regarding this.

Kerning = Inter-character spacing

- create more pleasing look to the text

- Most word processor do not allow kerning adjustments

- most page-layout program apply kerning automatically

- required when using all uppercase letter combinations such as VA and WA

Tracking = adjustment of word spacing

- similar to kerning but refers to the adjustment of selection of character, words and spaces

- type fit a required space without altering type size or line spacing.

-fix single words at the end of a paragraph (orphans/danglers)

- can be used as a design tools

- it can be overused and abused

- remember: readability

 

Line spacing (leading) = amount of space between lines of type. 

- a character format / paragraph format

-if you are using a program that supports character based leading, select the entire paragraph to ensure a uniform setting.

Major factors to consider:

•The font used—some fonts require more line spacing than others to keep their ascenders and descenders from touching.

•The line length—longer lines require more leading for easier reading. 

•The type size—the larger the type size, the more line spacing is required. This rule mostly refers to body copy; headlines, which are normally set

larger, may actually be set with tighter line spacing.

Week 3

This week I didn't read any books, that is because we have our troublemaker's assembly of How to not kill your brain hosted by  Nasreen Ma. Nasreen Ma is a certified brain health coach and consultant  who has been involved in brain health for 13 years. I attend the assembly and had so much fun! The information I've gained has open my views and to eventually try fixing my habit. Here is what I have learned from the assembly :

How you can take care of your brain? 

Design students 

-pushed brain into particular limits =noticed flaws in yourself

 -designer has tendencies to be perfect

 -depression (eating unhealthy, sleep problem exercising) 

Why?

 -We cant see our brain 

-We don't know how to take care of our brain Sign of challenges in their brain 

- procrastination

 - sleep late 

- not enough nutrients 

- no movements 

- lack of vegetables 

How? 

-move 

-go outside see some trees 

- sleep before 11 

- optimistic person usually die younger 

- failure is important to learn

After the assembly we did a little quiz to see how healthy our brain is, we all designers did the test and most of us got 20+ including me with 23. This means that we are in the worst category and we need to improve our habit and lifestyle from now on.

Week 4

Typo Graphic Design: Form and Communication by Rob Carter Philip B. Meggs Ben Day Sandra Maxa Mark Sanders

Page 65

An appropriate line length is essential for achieving a pleasant reading rhythm, allowing a reader to relax and concentrate on the content of the words. Overly short or

long lines will tire a reader. Excess energy is expended when reading long lines, and it is difficult to find the next line.

A short column measure requires the eye to change lines too often, and there is an inadequate supply of horizontal perceptual cues.

Weight can be used advantageously to provide contrast and clarity between typographic elements such as titles, headlines and subheads.

There are appropriate reasons for setting either justified or unjustified typography, but type set flush left and ragged right promotes greater legibility. If properly used, flush-left, ragged-right typography provides visual points of reference that guide the eye smoothly down the page from line to line. Because each line is either shorter or longer than the next, the eye is cued from one line to another. In a justified setting, all lines are of equal length. Lacking are visual cues that promote easy reading.

With the use of unjustified typography, wordspacing is even, creating a smooth rhythm and a consistent texture. The indiscriminate placement of additional space between words in order to justify lines causes awkward gaps or “rivers” in paragraphs, which are disruptive to reading. Hyphenations at the end of lines should be used—but not overused—whenever possible to keep wordspacing consistent.

When setting ragged-right text, care should be taken not to rag the type too much. Uncontrolled line breaks of erratic rhythm can create awkward spaces that inhibit reading. In ragged-right type, care should be given to theselection of interline spacing, for it influences legibility and appearance. Spatial consistency and rhythmic line breaks result from careful typographical decisions.