Typography / Task2
Contents：
LECTURES
CLASS SUMMARY
INSTRUCTION
WORK
FEED BACKS
REFLECTION
FURTHER READING
Lectures (Task2)
Week5
・Letters / Understanding letterforms
Although the capital letter shape below indicates symmetry, it is not actually symmetrical. It's easy to see the weights of two different strokes. It is also worth noting that each bracket connecting the serif and stem has a unique arc.
・Letters - Baskerville and Univers are examples of type designers' efforts to create harmonious and expressive capital letter shapes despite their symmetrical appearance.
The complexity of individual letterforms is clearly illustrated by examining the lowercase "a" in two seemingly similar sans-serif typefaces, Helvetica and Univers. Comparing how the stems of the letters end and how the bowls meet the stems, the obvious laxity in the characters of both becomes immediately apparent.
・Letters / Maintaining x-height
The x-height generally describe the size of the lowercase letterforms. However, keep in mind that curved strokes such as "s" must be above the same size as the adjacent vertical and horizontal strokes.
・Letters / Forms / Counterform
Just as important as recognizing the shapes of particular letters is developing a sensitivity to the antishapes (or counters), the spaces expressed and often contained by the strokes of shapes. When letters are combined to form a word, the opposite form includes the spaces between the letters.
・Letters / Contrast
Graphic design principles apply directly to typography, with basic contrasts leading to variations such as small and organic, small and machined, and small and lightweight.
Week6
(Typo_6_Screen&Print)
・Typography / Different Medium
Previously, typography was considered alive only when it reached paper. Once the publication has been edited, typeset, and printed, it is complete.
Today, typography exists not only on paper, but also on numerous screens. It is affected by many unknown and variable parameters, such as the operating system, system fonts, the device and screen itself, and the viewport.
Print Type VS Screen Type
Type for Print
・Typefaces suitable for printing - Caslon, Garamond, and Baskerville are the most common typefaces used for printing.
・These are versatile, easy-to-understand classic typefaces that have a neutrality and versatility that make typesetting easy.
Type for Screen
・Typefaces intended for web use are optimized and often modified to improve on-screen readability and performance in a variety of digital environments.
・Another important adjustment is to increase the spacing, especially for typefaces intended for smaller sizes.
・All of these elements help improve character recognition and overall readability in non-print environments such as the web, e-books, e-readers, and mobile devices.
Hyperactive Link / hyperlink
・A hyperlink is a word, phrase, or image that you can click to jump to a new document or a new section within the current document.
・Hyperlinks are present on almost every web page, and users can click to move from page to page. Text hyperlinks are typically blue and underlined by default.
Font Size for screen
・16 pixels of text on a screen is about the same size as text printed in a book or magazine. This takes reading distance into consideration. Since we often read books just a few inches away, it is usually set at about 10 points.
System Fonts for screen / Web safe Fonts
・Each device has its own preinstalled fonts that are influenced by the operating system. Windows-based devices have one font family, MacOS uses another font family, and Google's Android uses another font family. Web-safe fonts can be found on all operating systems, although designers may choose obscure fonts and revert to simple fonts.
Pixel Differential Between Devices
・The screens used on PCs, tablets, mobile phones, and televisions not only have different sizes, but because they have different pixel sizes, the proportions of text displayed on the screen also vary.
Static VS Motion
Static Typography
・Static typography has minimal features in expressing words.
・From billboards to posters, magazines to flyers, we encounter static typography in all its forms with a wide range of purposes.
Motion Typography
・Traditional characteristics such as bold and italic provide only a fraction of the expressive power of dynamic properties.
・Temporal media offer typographers the opportunity to "dramatize'' type and make letterforms "fluid'' and "dynamic'' (Woolman and Bellantini, 1999). Movie titles are credited with typographical information over time, often brought to life through animation.
・On-screen typography has evolved to be expressive, helping to establish a tone for related content or expressing a set of brand values.
Offline class. Learned about the difference in font size depending on the font. Also teacher teach us how to export pdf and jpg file including bass line again. We get the feed back
Week6
Offline class. Got the feed back for last week work and teacher check the e-portfolio because the submission deadline is almost come.
WORK
Work (Week6)
Choose one of three text options and create your design
#1: I created the design based on the image of a rectangular booklet.
#2: I created the design by imagining pamphlets distributed at museums and other places.
#3: I tilted it slightly and added a diagonal line to make the title stand out.
Work (Week7)
Chose 1 design from that you made last week.
I chose #2. I decided that this design was the most appropriate for what I learned in this class.
For Week6:
General - Distortion and excessive use of graphic elements should be avoided.
Special - In addition to the normal baseline, you can also change the baseline of the letter to the lower part of the Unite T letter in your design.
REFLECTION
Experience - I enjoyed taking a very interesting class where we had to think about the placement of letters. I had studied the placement of letters in my own language, but I had never done it in English, so it was a great learning experience for me.
Observations - I found that different people have different preferences regarding how prominent the title should be.
Findings - I often finish my designs based on momentum, and I don't create designs with sketches in mind, so I would like to create designs with a more thorough sketch in mind.
FURTHER READING
It's one of the best book about typography and how to use it well in design. But, Although it contains a lot of information about letter types and their history, I didn't think it was a book for beginners.
Comments
Post a Comment