Typography | Task 1 : Exercises
2023.09.26 - 2023.10.31/ Week 1 - Week 6
Tracy Angeline Tio / 0362222 / Bachelor of Design (Honours) in Creative Media
Typography / Taylor's University
Task 1 ( Type Expression | Text Formatting )
TABLE OF CONTENTS
3. Work Progress Type Expression
4. Work Progress Text Formatting
1. LECTURES
LECTURES 1 (WEEK 1 Introduction to Typography)
First day of class, we began by reading the module information that contain all the materials and exercises to do. The lectures also gave the video and notes in microsoft teams about starting to build the E-Portfolio using blogger. After finish made the blog, Lectures gave the first task for us. She/He allow us to choose 4 word and we had to use our creativity to made the word legible and artistic.
For the activities of week 1, Here are some notes that i made :
- Typography : The art of using letter forms for communication, for example : newspaper, notesbook, poster.
- Font : Typeface category. Example : Helvetica Bold, Helvetica Italic
- Typeface : The entire clan of font. Example : Helvetica
- Calligraphy : Writing styles
- Lettering : Draw the writing
LECTURES 2 (WEEK 1 History of Typography)
History of Typography :
- Started from 4th century B.C.E Phoenician votile stele Carthage, Tunisia
 |
| Fig 1.1 Phoenician Typography Week 1 26/09/2023 |
- The Alphabet moved from Phoenicia through Greece to Rome then through the Roman Empire. Late 1st Century B.C.E, Augustan inscription in the Roman Forum -Rome.
 |
| Fig 1.2 Greek Fragment Week 1 26/09/2023 |
 |
| Fig 1.3 Etruscan(Roman) carvers working Week 1 26/09/2023 |
- After Rome, started from 4th century :
 |
| Fig 1.4 history of typography after rome (4th century) week 1 26/09/2023 |
Moving to Typeface :
There are five basic typeface classification : Blackletter, Oldstyle, Italic, Script, Transitional, Modern, and Square Serif. (left to right)
- Kerning : Automatic adjustment of space between letters.
- Letterspacing : Add space between the letters.
- Tracking : The addition and removal of space in a word or sentence.
 |
| Fig 1.6 example of kerning, letterspacing, tracking week 2 03/10/2023 |
Tracking also had 3 type which is Normal Tracking (Image 2), Tight Tracking (Image 3), and Loose Tracking (Image 4).
 |
| Fig 1.7 example of three type tracking week 2 03/10/2023 |
Designers always letterspace uppercase letters but there has long been strong resistance within the type community to letterspace lowercase letters within text.
Uppercase letterforms are drawn to be able to stand on their own, whereas lowercase letterforms require the counterform created between letters to maintain the line of reading.
2. Formatting Text
- Flush left : mirrors the asymmetrical experience of handwriting. Each line starts at the same point but ends wherever the last word on the line ends. Spaces between words are consistent through the text, create an even gray value : Text on white surface.
Fig 1.8 example of flush left week 2 03/10/2023
- Centered : Imposes symmetry upon the text, assigning equal value and weight to both ends of any line. Centered type creates such a strong shape on the page. its important to amend line breaks so that the text doesn't appear too jagged.
- Flush right : Places emphasis on the end of a line as opposed to its start. It can bee useful in situations where the relationship between text and image might be ambiguous without strong orientation to the right.
Fig 1.10 example of flush right week 2 03/10/2023
- Justified : Imposes a symmetrical shape on the text by expanding or reducing spaces between words and sometimes between letters. Careful attention to line breaks and hyphenation is required to amend this problem whenever possible.
Fig 1.11 example of justified week 2 03/10/2023
It's important to know how to choose typefaces that suit the message at hand. Understand how different typefaces feel as text. Consider their different textures and colour (grey value).
3. Texture
Type with a relatively generous x-height or relatively heavy stroke width produces a darker mass on the page than type with a relatively smaller x-height or lighter stroke. Sensitivity to these differences in colour is fundamental for creating successful layouts.
 |
| Fig 1.12 Anatomy of typeface week 2 03/10/2023 |
How to read the typeface ?
Example : 10/13.5 Adobe Janson Pro
Answer : Point size 10, Leading 13.5
- Type size : text type should be large enough to be read easily at arms length.
- Leading : Text that is too tightly encourages vertical eye movement. A reader can easily loose his or her place.
- Line Length : Appropriate leading for the text is as much a function of the line length as it is a question of type size and leading. A good rule of thumb is to keep line length between 55-65 characters.
5. Type Specimen Book
- It shows samples of typefaces in various different sizes, Without printed pages showing samples of typeface at different sizes, no one can make a reasonable choice of type, only determine choice on screen when the final version is to read on screen.
- The function is to provide an accurate reference for type, type size, type leading, type line length, etc.
- Compositional requirement : Text should create a field that can occupy a page or a screen.
- Keep in mind that nothing replaces looking closely at an actual print out of your work. The best screen is still an electronic approximation of the printed page - unless designing for screen, the judging it is accurate.
 |
| Fig 1.13 Example of type specimen book Week 2 03/10/2023 |
LECTURES 4 (WEEK 3 Indicating Paragraphs, Widows, Orphans, Highlighting Text, Headline Within Text )
- Pilcrow : a holdover from medieval manuscripts seldom use.
- Line space : ensures cross-alignment across column of text. ex : line space 12 pt, paragraph space is 12 pt
- Indentation : typically is the same size of the line spacing or the same as the point size of your text
2. Widows and Orphans (Traditional Typesetting)
- Widow : short line of type left alone at the end of a column of text.
- Orphan : short line of type left alone at the start of the new column.
- For Widow, its acceptable only is to rebreak the line endings through out paragraph so the last line is not noticeably short.
- For Orphans, you need to require more care. make sure that no column of text starts with the last line of the preceding paragraph.
Fig 1.14 Example of Widow and Orphans Week 3 10/10/2023
3. Highlighting Text
- When highlighting text by placing a field of colour at the back of the text, maintaning the left reading axis of tthe text ensures readability is at its best.
- Example : sans serif font often looks bigger than serif typeface so it's been reduced.
- It is neccesary to place certain typographic elements outside the left margin of a column to maintain a strong reading axis. (Bullets mark " can create a clear indent)
 |
| Fig 1.15 The different size of font Week 3 10/10/2023 |
4. Headline Within Text
- Sometimes, typographer needs to make sure the labels (A, B, C) is clearly signify to the reader the relative importance within the text and to their relationship to each other.
- A head indicates a clear break between the topics within a section.
- Hierarchy : Putting together a sequence of subheads. (Obviously, there is no single way to express hierarchy within text, in fact the possibilities are virtually limitless.
- The structure : Cross aligning headlines and captions with text type reinforces the architectural sense of the page.
 |
| Fig 1.16 Headline Within Text Week 3 10/10/2023 |
LECTURES 5 (WEEK 4 Describing Letterforms, The Font, Describing Typefaces, Comparing Typefaces)
1. Describing Letterforms
- Knowing letterforms component parts make it much easier to identify specific typefaces.
- Basic of describing letterforms :
- Baseline : The imaginary line the visual base of the letterforms
- Median : The imaginary line defininf the the X-height of letterforms
- X-height : The height in any typeface of the lowercase "x"
 |
| Fig 1.17 Example Baseline,Median,X-Height Week 04 17/10/2023 |
- Stroke : Any lines that defines the basic letterform
 |
| Fig 1.18 Stroke Example Week 04 17/10/2023 |
- Apex / Vertex : The point created by joining two diagonal stems (Apex above, Vertex below) :
 |
| Fig 1.19 Apex/Vertex Example Week 04 17/10/2023 |
- Arm : Short strokes off the stem of the letterform, either horizontal (E,F,L) or inclined upward (K,Y)
 |
| Fig 1.20 Arm Example Week 04 17/10/2023 |
- Ascender : The portion of the stem of a lowercase letterform that projects above the median.
 |
| Fig 1.21 Ascender Example Week 04 17/10/2023 |
- Barb : The half-serif finish on some curved stroke.
 |
| Fig 1.22 Barb Example Week 04 17/10/2023 |
- Beak : The half serif finish on some horizontal arms.
 |
| Fig 1.23 Beak Example Week 04 17/10/2023 |
- Bowl : The rounded form that describes a counter, may be either open or closed.
Fig 1.24 Bowl Example Week 04 17/10/2023
- Bracket : The transition between the serif and the stem.
 |
| Fig 1.25 Bracket Example Week 04 17/10/2023 |
- Cross Stroke : The horizontal stroke in a letter in a letterform that joins two stems together.
 |
| Fig 1.26 Cross Stroke Example Week 04 17/10/2023 |
- Cross Bar : The horizontal stroke in a letterform that joins two stems together.
 |
| Fig 1.27 Cross Bar Example Week 04 17/10/2023 |
- Crotch : The interior space where two strokes meet.
 |
| Fig 1.28 Crotch Example Week 04 17/10/2023 |
- Descender : The portion of the stem of a lowercase letterform that project below the baseline.
 |
| Fig 1.29 Descender Example Week 04 17/10/2023 |
- Ear : The stroke extending out from the main stem or body of the letterform.
 |
| Fig 1.30 Ear Example Week 04 17/10/2023 |
- Em/en : Referring to the width of an uppercase M, and em is now the distance equal to the size of the typeface. often used to describe em/en spaces and em/en dashes.
 |
| Fig 1.31 Em/en Example Week 04 17/10/2023 |
- Finial : The rounded non-serif terminal to a stroke.
 |
| Fig 1.32 Finial Example Week 04 17/10/2023 |
- Leg : Short stroke off the stem of the letterform, either at the bottom of the stroke (L) or inclined downward (K,R)
 |
| Fig 1.33 Leg Example Week 04 17/10/2023 |
- Ligature : The character formed by the combination of two or more letterforms.
 |
| Fig 1.34 Ligature Example Week 04 17/10/2023 |
- Link : The stroke that connects the bowl and the loop of a lowercase G.
 |
| Fig 1.35 Link Example Week 04 17/10/2023 |
- Loop : In some typefaces, the bowl created in the descender of the lowercase G.
 |
| Fig 1.36 Loop Example Week 04 17/10/2023 |
- Serif : The right-angled or oblique foot at the end of the stroke.
 |
| Fig 1.37 Serif Example Week 04 17/10/2023 |
- Shoulder : The curved stroke that is not part of a bowl.
 |
| Fig 1.38 Shoulder Example Week 04 17/10/2023 |
- Spine : The curved stem of the S.
 |
| Fig 1.39 Spine Example Week 04 17/10/2023 |
- Spur : The extension the articulates the junction of the curved and rectilinear stroke.
 |
| Fig 1.40 Spur Example Week 04 17/10/2023 |
- Stem : The significant vertical or oblique stroke
 |
| Fig 1.41 Stem Example Week 04 17/10/2023 |
- Stress : The orientation of the letterform, indicated by the thin stroke in round forms.
 |
| Fig 1.42 Stress Example Week 04 17/10/2023 |
- Swash : The flourish that extends the stroke of the letterform.
 |
| Fig 1.43 Swash Example Week 04 17/10/2023 |
- Terminal : Self contained finish of a stroke without a serif. It may be flat, flared, acute, grave, concave, convex or rounded as a ball or a teardrop.
 |
| Fig 1.44 Terminal Example Week 04 17/10/2023 |
2. The Font
- The full font of typeface contains much more than 26 letters, to numerals, and a few punctuation marks. - To work successfully with type, you should make sure that you are working with a full font and you should know how to use it -
- Type of Font :
- Uppercase : Capital letters, including certain accented vowels, the c cedilla and n tilde and the a/e and o/e ligatures. Ex : A,B,C,D,E
- Lowecase : Include the same characters as uppercase. Ex : a,b,c,d,e
- Small Capitals : It's primarily found in serif fonts as part of what is often called expert set. Ex : A B C D,, A B C D
- Uppercase Numerals : Used with tabular material or in any situation that calls for uppercase letters. Ex : 1 2 3 4
- Lowercase Numerals : Used when you would use upper and lowercase letterforms. Ex : 1 2 3 4
- Italic : Refer back to the fifteenth century italian cursive handwriting. Oblique are typically based on the roman form of the typeface. Ex : A B C D 1 2 3
- Punctuation, Miscellaneous Characters : It's important to be acquainted with all the characters available in a typeface before you choose the appropriate type for a particular job. Ex : ! @ # $ % ^ & * ( ) _ + : " {} > < ? / [ ] .
- Ornaments : Used as flourishes in invitations or certificates. They usually are provided as a font in a larger typeface family. Ex :
Fig 1.45 Ornament Week 04 17/10/2023
3. Describing Typefaces
- Basic of describing Typefaces : - ROMAN : Is so called because the uppercase forms are derived from inscriptions of Roman Monuments
- Italics Oblique : Named for fifteenth century italian handwriting. Oblique conversely are based on roman typeface.
- Boldface : Characterized by a thicker stroke than a roman form. It can also be called 'semibold', 'black', 'extra bold' or super.
- Light : A lighter stroke than the roman form. It's called 'thin'
- Condense : often called 'compressed'
- Extended : extended variation of a roman font.
 |
| Fig 1.46 Describing Typefaces Week 04 17/10/2023 |
4. Comparing Typefaces
 |
| Fig 1.47 The 10 Font Week 04 17/10/2023 |
- What is worth nothing isn't the similarities but rather the differences - the accumulation of choices that renders each unique. As you study other designer's work, you will notice that many people who work seriously with type employ a limited palette of typefaces.
2. INSTRUCTIONS
TASK 1 - EXERCISES 1 (TYPE EXPRESSION)
Express four from six meaning of the word given : Chaos, Spring, Bounce, Float, Crush and Dive. Use only 10 font type given. Feel free to explore the design except distortion. Rotation, flip and scale are still allowed. Monochrome colour.
Export your final JPEG artwork by following these steps in Illustrator: File > Export > Export As > Format: select JPEG > tick: Use Artboards > Range: Select Artboard Number > Export > Colour Model: Grayscale > Resolution 300ppi > Ok
After you done the type expression task, choose one of four word and try to animate these word using adobe illustrator.
TASK 1 - EXERCISES 2 (TEXT FORMATTING)
Download Adobe In design and start to learn kerning and tracking using your name and the 10 typeface provided.
After that download the document text "I am Helvetica" and start doing it in adobe indesign. After you done, submit your file in blogger using this rule :
- JPEG 300ppi, grayscale (with grid visible and without)
- PDF (with grid visible and without)
- A4 size
Duration : Week 1- Week 6 (Deadline)
3.1 Research
There are six words given from the polling result which is Chaos, Spring, Bounce, Float, Crush and Dive. We need to choose four (4) from six (6).
First thing that came from my mind was Dive, Bounce and Crush because i think it is easy to express the word. Float was the last word that i though. After choosing the word, I looked up some reference of the given words by using pinterest and here is my research recap.
.png)
Fig 3.1.1 reference for dive, bounce, float and crush week 1 26/09/2023
3.2 Sketches
Fig 3.2.1 sketches week 1 26/09/2023
I made around three (3) until four (4) ideas for each word. For the word Dive, i would say my favourite is Dive #1 and #3. For the #1 I got inspired for the word "Divide" especially the big V. I made the word I is diving and put the wave in the bottom. For the #3 I found the reference from the picture showing the progress of diving. I'm not sure for the others word because it is too much art in the font and can't really well express the meaning.
I mostly add shadow for the word Float to express the word look hanging in the air and in the water. Next, i found "crush" look similar as broken. To express the word "crush", I put so many cracked things like #1 and #2 example. As the #3, I made it look like a pieces from the destroyed word.
Lastly, the word Bounce was inspired by the basketball and the bouncing effect. Bounce #1 and #2 is illustrating people playing basket. For the Bounce #4 is inspired by the sport called "pole vault" where people do jumping passing the pole. The word C is jumping the "boun" pole and bouncing in E as mat.
After receiving feedback from Mr Vinod and Mrs Hsin, I would choose the word that is acceptable from their review which is Dive #4, Float #3, Crush #2, Bounce #1.
3.3 Digitisation
Based on the word chosen from week 2, I started digitized the word using adobe illustrator and try different font and style to choose which is the best.
Fig 3.3.1 digital exploration of "bounce, float, dive, crush" Week 2 03/10/2023
Fig 3.3.2 bounce digital exploration Week 2 03/10/2023
Trial 1 : b and u as a player, "o" as ball, n and e plays the "c" ball.
Trial 2 : b as basket ring, "o" as ball, "u" is jumping to shoot, "n,c,e" waiting for the turn
Trial 3 : look similar as trial 1, I just put a shadow and made the word "n,c,e" far away.
Fig 3.3.3 float digital exploration Week 2 03/10/2023
The word "float" #1 and #2 looks similar, I developed the top of the rectangle into wave shape to make it look like floating in the sea. The third one is the new idea i made using pen tool as a wave and the word looks float.
Fig 3.3.4 crush digital exploration Week 2 03/10/2023
Crush #1 was my second sketch in week 1. I choose that because after asking so many opinion from my relatives, they like those idea. After that I tried to develop another idea which is #2. I rotate the word so it looks like spilled thing and broke. I made a backup for the third exploration because i also like the first sketch idea.
Fig 3.3.5 dive digital exploration Week 2 03/10/2023
As for the "Dive" word, I only choose the idea that Ms. Hsin said interesting and unique. I develop the idea by changing the word E position and also a little rotate for the idea #3. I didn't change the position of I and V because it is the most important to express the word.
Ms Hsin told me to choose what is the best for me and the most important is the word could be readable. I started to finalize my attempt.
 |
| Fig 3.3.6 Final attempt Week 2 04/10/2023 |
I feel satisfied for the three words except for bounce. I started changed the font because i think it looks to thick.
 |
| Fig 3.3.6 Bounce attempt Week 2 05/10/2023 |
Most sadly, my laptop just got the blue screen so all of my file just gone and i'm unable to progress the shadow.. As a result, I did not apply it but it does not look bad at all.
3.4 Final Type Expression
 |
| Fig 3.4.1 Final Type Expression JPG Week 3 10/10/2023 |
Fig 3.4.2 Final Type Expression PDF Week 3 10/10/2023 |
3.5 Animation
I choose word "Bounce" as for my animation. Firstly I began by searching any ideas to make bounce animation in youtube to gather some detailed information for animation like the position of shadow, the shape of word.
Fig 3.5.1 Reference for animating bounce word Week 4 15/10/2023
After I watch these video and also the video tutorial by Mr. Vinod, I started creating many frame to make it smoother using adobe illustrator. Here is some pictures of my progress.
 |
| Fig 3.5.2 Making frame in Ilustrator Week 4 15/10/2023 |
As you can see, I made around 11 Frame. Each frame had a different position from the previous one. After I done the frame, I tried to export the artwork as JPG then moving to the photoshop by Load the files into stack then create frame animation for the next step.
 |
| Fig 3.5.3 Frame Animation in Photoshop Week 4 15/10/2023 |
3.6 Final Type Animation
 |
Fig 3.5.6 Final GIF Bounce Week 4 15/10/2023 |
>4. WORK PROGRESS TEXT FORMATTING
4.1 Minor Exercises on Kerning & Tracking
We should began this task by installing adobe in design and watched Mr.Vinod tutorial videos. For the first practice, We were given 10 Typeface and Type our name using it to learn about kerning and tracking.
 |
| Fig 4.1.1 Without Kerning and Tracking Week 05 21/10/2023 |
 |
Fig 4.1.2 With Kerning (between letter T and r) Week 05 21/10/2023 |
 |
| Fig 4.1.3 With Kerning and Tracking Week 05 21/10/2023 |
I using pinterest to search any idea about text formatting. Here is what i found and i think it is really interesting idea.
 |
| Fig 4.2.1 Reference for Text Formatting Week 05 21/10/2023 |
4.3 Digitisation
Following the youtube tutorial by Mr.Vinod and also downloaded the text provided, I started explored various type of text formatting using indesign.
 |
| Fig 4.3.1 Layout Exploration Week 05 23/10/2023 |
I made around five layouts. Here is my result after exploring different layouts :
 |
| Fig 4.3.2 Result of Layout Exploration Week 05 23/10/2023 |
I would said that my favourite one is #1, and #4 . I made it all justify because it is looking clean rather than left and right. After i choosing my layout, I started kerning and tracking to avoid the separated word and put a grid as the instruction above.
Unfortunately, Ms Hsin said that the #2 is the better one because it is really balance for the image and minimalist. The first one and fourth one is too far away than this subject. Ms Hsin said that these subject will be learn in future so we don't need to go too far. For the third one is not really balancing between image and paragraph.
 |
| Fig 4.3.3 Layout #2 Week 05 24/10/2023 |
After short brief by lectures, I fixed the line spacing to make it look more clean. I also put the references of the images i used.
4.4 Final Text Formatting Layout
HEAD
Font/s: Adobe Caslon Pro Bold Italic
Type Size/s: 50 pt
Leading: 60 pt
Paragraph spacing: 0
Type Size/s: 50 pt
Leading: 60 pt
Paragraph spacing: 0
BODY
Font/s: Bembo Std Regular
Type Size/s: 10 pt
Leading: 12 pt
Paragraph spacing: 12 pt
Characters per-line: 67
Alignment: Justify with last aligned left
Type Size/s: 10 pt
Leading: 12 pt
Paragraph spacing: 12 pt
Characters per-line: 67
Alignment: Justify with last aligned left
Margins : 127 mm top, bottom, inside, outside
Column : 2
Glutter : 0,4233 cm
 |
| Fig 4.4.1 Final Text Formatting (JPEG) Week 05 24/10/2023 |
Fig 4.4.2 Final Text Formatting (PDF) Week 05 24/10/2023
 |
| Fig 4.4.3 Final Text Formatting with (Grid- JPEG) Week 05 24/10/2023 |
Fig 4.4.3 Final Text Formatting with (Grid -PDF) Week 05 24/10/2023
5. FEEDBACK
5.1 Type Expression
Week 2
- General feedback : Put more explanation on lectures part from the book that given. For the further reading, explain what you got from the book or module that you learn.
- Spesific feedback : For the word crush #1, no need to add so much white line. Always remember that this isn't a font art so the word had to be the major than the other elements. Make sure the work had to be simple but memorable.
Week 3
- General feedback : Make sure that the word is readable for the example Crush #1 and #2. It's not readable because the word "h" look incomplete, so it could be misunderstood as "crus".
- Spesific feedback : All idea were good, and putting shadow is fine for the word bounce. For the word "Dive" Ms Hsin suggest me to take the #2 idea because she thinks it really fit well rather than #3.
Week 4
- General feedback : Design is not about the result but the progress of making, so you need to put all your progress in the portfolio, not only the result.
- Spesific feedback : All good for my animation, so i can moved to the next task which is text formatting. While making the minor exercises, Ms Hsin suggest me to not kerning and tracking all the words because there are limited space like Bodoni font.
5.2 Text Formatting
Week 5
- General feedback : All of the exercises must be grayscale. Colour is not allowed so in the task 2, please change the image into grayscale mode if there is a colour left.
- Spesific feedback : Ms Hsin suggest me to just make it minimalist and balancing, so layout #2 is the better than another layout. No need to go such a far thing that we are not learned already.
6.1 Experience
Making blogger and using adobe illustrator is a new experience for me. At first, I find it difficult when use it due to so much trial and error when putting to much elements so my RAM isn't enough.
But, after the exercises, it really gives me more information about using the blogger and how to operate adobe illustrator from basic. What i feel for this exercises is really hard but fun to do. It's really challenging for me because i also got new knowledge for my design skill. Besides that, I got a nice lectures that could help me out whenever i find the problem while using Adobe Illustrator and gave opinion about my ideas so far.
6.2 Observation
On my first day of class, i think the atmosphere in university is really different than my high school. We're just start learning and there is no time to knowing each other of class first. I understand that situation because in the university, there are so many kind of people and different style from us. Same like design, where there are so many unique idea in every exercises. That situation make me learn that everyone has their own style. When making this task, we came up from different perspective so that in 1 word could gave various expression.
6.3 Findings
Firstly, Typography is a mixed between font and expression art. The principles is think outstanding but keep it simple. It is my first time to learn typography because I'm more in illustration. I found out that this module is pleasureable because the consistency of learning. The lectures always gave us note as reminder for what should we do and what needs to be done.
After learning typography, I gain more useful information about the theories, how to use the adobe illustrator and also learn to animate. I think that these activities is going to be useful in the future, so learning Typography is a + score.
I Found this module from internet and it is really helpful for me to understand the typography. The module talks about the meaning of typography, basic typography from the font, typeface until the classification and how to make your typography looks good and understanding.
 |
| Fig 7.2 A type primer by John Kane Week 3 10/10/2023 |
The book that lectures gave to us and it is really comprehensive. "A type primer" by John Kane contains about Typography from basic, the history and the evolutions and the rules to make your typography looks good.
The pictures below are some example of Typography that helps me to understand better and could really useful as a reference for me to starting Typography from John Kane books.
 |
| Fig 7.3 Example Type Expression Week 3 10/10/2023 |
 |
| Fig 7.4 Example Text Formatting Week 4 15/10/2023 |
 |
| Fig 7.5 Typographic Design Form Communication Book Week 5 24/10/2023 |
The book above also gave me useful information. I learn about typography theory, grid and tips to made your formatting looks good and symmetrical.
| Fig 7.6 Example Text Formatting Week 5 24/10/2023 |
More than just for exercises, There are many information about theoritical typography to upgrade my lectures. It told about proportion, angle, weight of the font. I learnt that text formatting is not just about making title, put paragraph and images. It is about balancing, minimalist and living like how the text could breath, How the pictures looks symmetry.
Tips and shortcut about indesign for text formatting task :
- To make your justify paragraph looks better : Shift + Enter
- To view your characters per line : Block text - Window - Info
- To view detailed information in paragraph : Click right - Text frame option
- Made a grid : View - Grid and Guides - Show baseline grid
- To save task (PDF) : File - Adobe PDF Presets - High Quality Print - Save
- To convert JPG : Open PDF file in Acrobat - Convert Image format JPEG
Comments
Post a Comment