Typography // Project 1
15/9/2020 - 29/9/20 / Week 5 - Week 6
Gan Shin Tung / 0346455
Typography / Bachelor of Design (Hons) in Creative Media
Project 1 Type Formatting & Expression
Lectures:
Week 5 : Screen & Print
Typography in different Medium: It not only exist on paper but on multitude of screens. It is subject to many unknown and fluctuating parameters, such as operating system, system fonts, the device and screen itself, the viewport and more. Our experience of typography today changes based on how the page is rendered. because typesetting happens in the browser.
Print Type vs Screen Type:
Type for Print
A good typeface for print- Caslon, Garamond, Baskerville are the most common typefaces that is used for print. Because of their characteristic which are elegant and intellectual but also highly readable when set at small font size. They are versatile, easy to digest classic typeface, which has a neutrality and versatility that makes typesetting with it a breeze.
Type for Screen
Typefaces intended for use on the web are optimized and often modified to enhance readability and performance onscreen in a variety of digital environments. This can include a taller x-height, wider letterforms, more open counters, heavier thin strokes and serifs, reduce stroke contrast, as well as modified curves and angles for some designs. Especially for typefaces intended for smaller size - is more open spacing. All of these factors serve to improve character recognization and overall readability in the non-print environment, which can include the web, e-books, e-readers, and mobile devices.
Hyperactive Link/ Hyperlink
It is a word or image that you can click on to jump to a new document section within the current document. Hyperlinks are found in nearly all web pages, allowing users to click their way from page to another. It is normally blue and underlined by default.
System Fonts for Screen
Open Sans, Lato, Arial, Helvetica, Times New Roman, Times, Courier New, Courier, Verdana, Georgia, Palatino, Garamond
Static vs Motion:
Static
Has minimal characteristic in expressing words. Billboard, posters, magazine, all forms of static typography with wide raging purpose. The level of impact they leave to the audience is emotionally connected with viewers.
Motion
It is a media to dramatize type to become fluid. Film title credits presents typographic information over time, bringing it to life through animation. Motion graphics, brand identities of film and television production companies, increasingly contain animated type.
Instructions:
<iframe src="https://drive.google.com/file/d/1Ez2ML9nFG0GGNpYCY1pdzvK1cVw7jh2F/preview" width="640" height="480"></iframe>
TASK:
Project 1
Last week we were given lectures and instructions on doing project 1 so we were suppose to come out with our own design using the guides that had been taught in the previous classes. I got some inspirations online before I start off with my designs.
Figure 1.1 Inspirations for Editorial
 |
| Figure 1.2 Title Design(29/9/20) |
After finishing my heading design, I create a new document for my text using Indesign. I chose two columns and made margins for my text for guid lines.
 |
| Figure 1.3 Columns & Margins(29/9/20) |
 |
| Figure 1.4 Tracking and Kerning(29/920) |
I use tracking and kerning to arrange the text, also make use of the margins to align my text paragraphs. Also, I make cross-alignment and alignment in body text and make sure there is no widow.
 |
| Figure 1.6 Final Project 1 JPEG (29/9/20) |
Figure 1.6 Final Project 1 PDF Grids&Margins (29/9/20)
Figure 1.7 Final Project 1 PDF (29/9/20)
I redo all of my work again as told during feedback session in class. I redesign my title as well as my pages. I change it to black on the right page so that it seems more contrast instead of having same background color.
Reflection:
Week 5: Well, overall it was not easy, I really used quite a lot of time to do this. I never thought that arranging text could also be this exhausting. I guess nothing is easy in this world. Thank goodness I could finally finished it by myself.
Week 6 : I mistaken the instructions of project 1, I didn't know we have to use type expression for the title, I thought it was just random designs. I used black paint ink to present the meaning of designers as designers always draw and uses paint or ink. However, I didn't realize that I should focus on the words instead. I will make another design to show Mr.Vinod afterwards. I don't want to just get a pass, while others get good grades.
Feedback:
Week 5 :
General Feedback: Having two articles in one PDF, check the cross-alignment between headline and body text, by-text is aligned to the body text.
Specific Feedback: Mr. Vinod went through my blog, he said that generally it was fine but change the address for the name card to short form as my address was too long. After that, he mentioned that the bigger issue was on the text formatting. Cross-alignment between headline and body text is not present and by-text alignment with body text is not visible.
Specific Feedback: Mr. Vinod went through my blog, he said that generally it was fine but change the address for the name card to short form as my address was too long. After that, he mentioned that the bigger issue was on the text formatting. Cross-alignment between headline and body text is not present and by-text alignment with body text is not visible.
Week 6:
Specific Feedback: Mr.Vinod look through my project 1 and point out that my title does not show the meaning of the text. The title should be done like how we did type expression in exercise 1. He asked to redo it and show next week for further feedback.
Week 7 :
Specific Feedback: Mr.Vinod said that my title A designer's code of ethics does not represents type expression, he said I should emphasize on the words instead of the paint ink. He mentioned that there is no time for further changes as we have to proceed to project 2 therefore he will just give me a pass but not more than that.
Further Reading:
 |
| Source: https://www.fonts.com/content/learning/fontology/level-1/type-anatomy/serif-vs-sans-for-text-in-print |
Summary:
One of the first determinations to be made when selecting a typeface for text is serif or sans? This decision should be based on several key points regarding the project at hand. Once made, your typeface search will be narrowed down considerably.Although serifs are considered to be decorative, their appearance may well serve a higher purpose.For projects involving lengthy text, such as books, newspapers, and most magazines, serif typefaces are the most commonly used typestyle. Their prevalence stems from a combination of historical precedent and perceived readability. On the other hand, sans serif text typefaces can be used for annual reports and brochures. Sans serifs can also work well for magazines and other materials that allow for a more liberal design approach.When selecting a typeface for young children, or anyone just learning to read, sans serifs are preferable, as their simplified letterforms are easier to recognize.Serif strokes can be thin or thick, subtle or robust. Delicate serifs can be challenging to reproduce crisply in certain scenarios, notably: reversing them out of a dark color, photograph, or pattern; or printing them in CMYK.
Comments
Post a Comment