1/NOV/17 - 15/NOV/17, Week 9 - Week 11
Hanif Rashid (0333455)
Typography and Hypertextuality
Project 2_Font Design
Lecture Notes
Lecture 8
No Lecture for this week, proceed with exercise and feedback session.
Our Lecturer did Invited few of the best Senior, Kumail, Arief and Shiyun Teo to share their experiences throughout the process from start to complete.
Lecture 9
No Lecture for this week, proceed with exercise and feedback session.
For this week One of the Missing Senior that didn't manage to came in last week, did come and help us all out and sharing his experience to us, Kamal Afiq.
Lecture 10
Important notes from lecturer 10 :
Instruction
The Brief
Font Design.
Duration of Assignment
2 Weeks (Briefing on week 8)
Deadline
Week 10
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—software for digitization shall be determined in class. Artworks shall be printed out for critique sessions followed by refinements. If time permits we shall generate the font for actual use.
Requirements
The student must utilise the accumulated knowledge from the exercises, lectures and from their own reading (library books and online sources) to guide them and inform them in their decisions. The student must document the process (sketches, trial and errors) in their eporfolio and hardcopy portfolio. The student will be expected to submit the final mock-up in the hardcopy portfolio and the softcopy PDF (and or JPEG) uploaded or embedded unto the eportfolio. Create a separate folder in your Google Drive and store all files, artefacts, project submissions, etc. here. Ensure all items are logically and chronologically ordered, labelled and dated.
Submission
Work Process
Research Process
I began the work by doing a little research on Gill Sans font and Future itself by going into the details of what is exactly the history of the font.
Guide for determining the sidebearing measurements:
Process
The Sketch idea.
Font Design Process :
Initially i created my font using a fill and combine it to make an object and it was completely wrong from the beginning, luckily i only produce a couple of letter before Mr. Vinod realized the mistake i do. And also noted is better to come early in class so that our lecture can check our work early and spot mistake and give feedback early before class even begin.
Feedback
Week 9
Both Mr.Vinod and Mr.Shamsul happy with my 1st 5 letter. There's is some consistency. The only problem that i have is when creating the font i used shape and fill instead of stroke. Mr.Vinod ask me show me the right way to create the font and ask me to redo everything since he's only check the 1st 5 letter.
Week 10
Generally Mr. Vinod and Mr Shamsul just give a small feedback for my font design. Mr. Vinod okay with the overall font just my small letter A particularly have an error which is the X-height is above the line. And Mr. Vinod give a tips especially for for the curve, give it a from thin to thick to give a better illusion of the font.
Week 11
Font my font design, Mr Vinod and Mr Shamsul are okay with the overall consistency. Only my numbersign (hastag) look a little bit big just make is smaller. My capital V and U looks a bit akward. And my X and Y capital, i need to taperd the edges. Other than that, Mr Vinod okay with my font design and told me great job with finishing the work on time.
Reflection
Experience.
This is the first time I've had a project that revolved exclusively around font design, and it's really been a fascinating experience going through the process. It's something out of the ordinary how to produce a font from scratch.
Observation.
But during week 10, Mr. Vinod and Mr. Shamsul share their experience how the it was used to be design process and how long was it take to produce a font, i would rather said i am great full for advance technology that helps this generation and the future to make our design process smooth and quick as possible but i do notice one thing, the more advance the technology, the more less we appreciated the process value into designing and now i do understand why our lecturer really stressing out how important sketch process is so we can understand the value of designing and the process.
Finding.
For the research process, my font was base initially on Gill sans and it was a surprise discovery how that innocent looking font having a colorful history. Well to be exact, a black history from the creator, Eric Gill. Again this is part of the process for designing my own font and it's quite fascinating to interest this as my design process. The final process of having everything compiled together, having the letter spacing done and generating the font makes me appreciate the entire process of creating a font even more, as there's a significant amount of work that goes behind crafting these individual letters and shapes that we take for granted everyday.
Further Readings
I started to read this book for my beginning Typography class and progressively read throughout the semester when ever i'm free. Going into the class I really knew nothing about typography except for the names of some fonts. Not only does Ellen Lupton do a fantastic job explaining just about everything you've ever wanted, or needed to know about typography there are lots of elements discussed that will give you a better understanding of design in general. This book is not a critique on fonts, nor is it a book on how to design them. While this book explains what a font is, you learn a lot about what the visual representation of a word is comprised of and how to use these representations in the various ways in design, and how they have been used in the past. After reading this book i started be familiar with almost all of the typographer's jargon terms, vocal, and you will have a better understanding of how to organize text in a design. But still information what i receive during the class and what i get from the research sometimes can be a little bit varies but the point is when comes to design is very subjective and complex and each designer have their own ways.
Hanif Rashid (0333455)
Typography and Hypertextuality
Project 2_Font Design
Lecture Notes
Lecture 8
No Lecture for this week, proceed with exercise and feedback session.
Our Lecturer did Invited few of the best Senior, Kumail, Arief and Shiyun Teo to share their experiences throughout the process from start to complete.
Lecture 9
No Lecture for this week, proceed with exercise and feedback session.
For this week One of the Missing Senior that didn't manage to came in last week, did come and help us all out and sharing his experience to us, Kamal Afiq.
Lecture 10
Important notes from lecturer 10 :
- Kerning - minus space
- letter space - add spacing
- Tracking - do both in one sentence
- Leading/line spacing - spacing up down
- letter spacing better keep it at 5
- Logo type still used little spacing
- reading - even spacing is important
- Counter-form must look good - space outside the letter
- GRAY VALUE - evenness of the letter, neg pos space.
- center - use sparingly, don't used the whole text
- point size too big line length 50-55 | 55-60
- half-close eye to see the apporiate
- text is a vital element in design
- 35-65 character idea - thumb rule
- Enlargement to 400% to see clear sense
Instruction
The Brief
Font Design.
Duration of Assignment
2 Weeks (Briefing on week 8)
Deadline
Week 10
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—software for digitization shall be determined in class. Artworks shall be printed out for critique sessions followed by refinements. If time permits we shall generate the font for actual use.
Requirements
The student must utilise the accumulated knowledge from the exercises, lectures and from their own reading (library books and online sources) to guide them and inform them in their decisions. The student must document the process (sketches, trial and errors) in their eporfolio and hardcopy portfolio. The student will be expected to submit the final mock-up in the hardcopy portfolio and the softcopy PDF (and or JPEG) uploaded or embedded unto the eportfolio. Create a separate folder in your Google Drive and store all files, artefacts, project submissions, etc. here. Ensure all items are logically and chronologically ordered, labelled and dated.
Submission
- 1. All gathered information (failures, successes, epiphanies, sketches, visual research,
printouts, websites, images, charts, etc.) documented logically and chronologically in the A4 Clear Sheet hardcopy portfolio. The works 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. - All the glyphs transferred to the determined software, formatted for the purpose of
generation.
- To develop students ability to construct a readable and legible font.
- To develop students ability to design a font with consistent characteristics.
- To allow students to experience the various phases of font design
Work Process
Research Process
I began the work by doing a little research on Gill Sans font and Future itself by going into the details of what is exactly the history of the font.
- The Helvetica of England
 |
| Gill Sans Bold |
- What do you use Gill Sans for?
 |
| Historical plaque on the Apollo 11 lunar module "Eagle" (Photo: NASA) |
- Inspired by the Bauhaus
- Popularity today
- Kumail Blog Inspiration.
Guide for determining the sidebearing measurements:
Process
The Sketch idea.
 |
| Design Process. Sketch 1. |
 |
| Design Process. Sketch 2. |
Font Design Process :
Initially i created my font using a fill and combine it to make an object and it was completely wrong from the beginning, luckily i only produce a couple of letter before Mr. Vinod realized the mistake i do. And also noted is better to come early in class so that our lecture can check our work early and spot mistake and give feedback early before class even begin.
 |
| the 1st design process. Using stroke to create the letter. This act as our base for the font. |
 |
| The Stroke viewing in GPU preview. |
 |
| Now convert it into object. From this, we can tweaking into details how the shape of the font will be like. |
 |
| After finish all the letters, transfer it to Fontlab Studio, a software where we produce Ai into a legit Font. |
 |
| One of the Process, putting Capital A into the space provided. |
 |
| Once we finish putting all the letters, we need to export it as a Font, and it will came out as this preview. |
 |
| Fungill font. Final outcome |
 |
| Final outcome after do some correction feedback from Mr. Vinod and Mr. Shamsul. |
Feedback
Week 9
Both Mr.Vinod and Mr.Shamsul happy with my 1st 5 letter. There's is some consistency. The only problem that i have is when creating the font i used shape and fill instead of stroke. Mr.Vinod ask me show me the right way to create the font and ask me to redo everything since he's only check the 1st 5 letter.
Week 10
Generally Mr. Vinod and Mr Shamsul just give a small feedback for my font design. Mr. Vinod okay with the overall font just my small letter A particularly have an error which is the X-height is above the line. And Mr. Vinod give a tips especially for for the curve, give it a from thin to thick to give a better illusion of the font.
Week 11
Font my font design, Mr Vinod and Mr Shamsul are okay with the overall consistency. Only my numbersign (hastag) look a little bit big just make is smaller. My capital V and U looks a bit akward. And my X and Y capital, i need to taperd the edges. Other than that, Mr Vinod okay with my font design and told me great job with finishing the work on time.
Reflection
Experience.
This is the first time I've had a project that revolved exclusively around font design, and it's really been a fascinating experience going through the process. It's something out of the ordinary how to produce a font from scratch.
Observation.
But during week 10, Mr. Vinod and Mr. Shamsul share their experience how the it was used to be design process and how long was it take to produce a font, i would rather said i am great full for advance technology that helps this generation and the future to make our design process smooth and quick as possible but i do notice one thing, the more advance the technology, the more less we appreciated the process value into designing and now i do understand why our lecturer really stressing out how important sketch process is so we can understand the value of designing and the process.
Finding.
For the research process, my font was base initially on Gill sans and it was a surprise discovery how that innocent looking font having a colorful history. Well to be exact, a black history from the creator, Eric Gill. Again this is part of the process for designing my own font and it's quite fascinating to interest this as my design process. The final process of having everything compiled together, having the letter spacing done and generating the font makes me appreciate the entire process of creating a font even more, as there's a significant amount of work that goes behind crafting these individual letters and shapes that we take for granted everyday.
Further Readings
 |
| Book by Ellen Lupton |
 |
| Designing a letter. |
 |
| The anatomy of letters 1. |
 |
| The anatomy of letters 2. |
 |
| This section of book explain how font arrange for poster. |
I started to read this book for my beginning Typography class and progressively read throughout the semester when ever i'm free. Going into the class I really knew nothing about typography except for the names of some fonts. Not only does Ellen Lupton do a fantastic job explaining just about everything you've ever wanted, or needed to know about typography there are lots of elements discussed that will give you a better understanding of design in general. This book is not a critique on fonts, nor is it a book on how to design them. While this book explains what a font is, you learn a lot about what the visual representation of a word is comprised of and how to use these representations in the various ways in design, and how they have been used in the past. After reading this book i started be familiar with almost all of the typographer's jargon terms, vocal, and you will have a better understanding of how to organize text in a design. But still information what i receive during the class and what i get from the research sometimes can be a little bit varies but the point is when comes to design is very subjective and complex and each designer have their own ways.
Comments
Post a Comment