Typography - Task 2: Typographic Exploration & Communication
28.09.24 – 17.11.24 / Week 06 – Week 08
Sara Patel / 0362876
Typography / Bachelors in Creative Media Design / Taylors University
Task 2: Typographic Exploration & Communication
TABLE OF CONTENTS
LECTURES
Week 5:
In this lecture, we continued discussing letterforms, particularly in the context of symmetry, stroke weight, and letter form details in fonts like Baskerville and Univers. It delves into how type designers often create the illusion of symmetry, even though the letter forms themselves may not be perfectly symmetrical. Through these examples, the explanation highlights the different stroke weights, bracket arcs helps to achieve both harmony and individual expressiveness in each letter.
One important observation is the idea that what may seem symmetrical at first glance is not always the case upon closer inspection. For instance, the difference in stroke weights between the left and right strokes of the Univers typeface is not immediately apparent but becomes evident when analyzed in detail. This highlights the importance of optical sensitivity in type design, as designers adjust strokes and arcs to create a balanced visual effect, even if the technical measurements of strokes are unequal.
Additionally, the comparison between two sans-serif typefaces, Helvetica and Univers, illustrates differences in how letter forms like the lowercase "a" are treated. Subtle differences, such as the tapering of the stroke in Helvetica versus the more utilitarian approach in Univers, affect both readability and the overall aesthetic. Furthermore, the discussion introduces the concept of counter forms (the space around and between letters) as a crucial element of readability and legibility in typography. Designers must consider both the positive space of the letter and the negative space around it to ensure that words can be read easily.
Finally, the content emphasizes the importance of careful analysis when designing fonts, urging new designers to maintain consistency in their work and avoid overloading letter forms with excessive characteristics. The goal is to achieve balance, harmony, and readability through thoughtful, subtle adjustments to the design of each character.
We concluded this lecture with the quote: "On the streets, you look at girls(or boys). I look at types".
Week 6:
The lecture focused on the evolving role of typography across various mediums, particularly in light of the growing prominence of screen-based platforms due to technological advancements.
While print usage has declined, it remains significant due to the tactile experience it offers. Predictions from the late 1980s and 1990s regarding the demise of print have proven inaccurate, largely because of innovations like home printers. The speaker noted generational differences in reading preferences, with older individuals favoring print for extended reading and younger generations being more accustomed to screens. Research indicates that relying solely on e-books for educational purposes may be less effective than employing a hybrid approach that combines both print and digital formats. The discussion emphasized the balance between digital and print typography, highlighting the continued relevance of print in an increasingly digital world.
Furthermore, the speaker addressed the dynamic nature of typography in digital environments, which must adapt to varying screen sizes and browsers. Historically, skilled typesetters ensured readability in print, but technology has democratized typography, allowing for greater experimentation in design, particularly in European contexts. The distinction between serif and sans-serif fonts was also examined, noting that while many brands have shifted towards sans-serif for a modern aesthetic, classic fonts such as Baskerville and Univers remain highly legible and versatile for both print and digital use. Typography for screens is optimized for clarity, incorporating adjustments such as taller x-heights and open spacing, with recommended font sizes for screens generally between 16 and 24 pixels. The introduction of resources like Google Fonts has further facilitated cross-platform compatibility across various devices and browsers.
The discussion focused on the advancements in cross-platform typography, highlighting the increasing availability of typefaces across both Windows and Mac platforms, primarily facilitated by resources like Google Fonts. The speaker addressed the challenges designers encounter with font sizes and text visibility on different devices, as pixel dimensions vary across screens, complicating the design process. While static typography—characterized by traditional styles like bold and italic—offers limited expressiveness, it can still foster a strong emotional connection with audiences. In contrast, dynamic typography, which incorporates movement, significantly enhances viewer engagement.
The concept of kinetic typography was introduced, enabling fluid and animated letterforms in media such as film and television. The importance of typography across all design disciplines was underscored, advocating for comprehensive education to meet industry demands for designers with strong typographic knowledge. Additionally, the role of typography in music videos and advertisements was emphasized, noting its ability to enhance expressiveness and establish the tone of content. Title sequences, like that of the film "Se7en," were highlighted for their capacity to evoke specific moods and prepare audiences, reinforcing the notion that effective design treats text as a user interface to convey brand values and engage viewers.
The quote for this lecture was " A great designer knows how to work with text not just as content, he treats text as a user interface".
INSTRUCTIONS
https://drive.google.com/file/d/1f0kiJIT5Sn4de2G9lpkcDqyDf5cUfsM5/view?usp=sharing
PROCESS WORK
Task 2: Text Formatting and Expression
In this task, we were given 3 texts to choose from and express 1 of it typographically in 2-page editorial spread with minor graphics. We started by sketching out few ideas referring to ideas from Pinterest and then started digitalizing those sketches using Adobe Illustrator which was further exported to InDesign for final formatting.
Initial Process
I started by researching different formats on Pinterest and getting inspired by some of the formats sketched out few ideas out of which selected the best 4 ideas to explore further with.
.png)
Further made blocks layout of the formats to understand the flow better.
.png)
Layout Exploration
Started exploring the 4 sketches digitally using Adobe softwares to better understand the formatting and need of improvements accordingly. Accordingly even improvised the ragging of the texts and block layouts for a better outcome.
These were the details for the final formatting:
Gutter: 8 mm
Font: adobe Caslon pro bold
Body
Font: Adobe Caslon pro
Type Size: 10 pts
Leading: 11 pts
Paragraph spacing: 11 pts
Characters per-line: 53
Alignment: left aligned
Final Spread
This was the Final Format in 4 different forms.
FEEDBACKS
Week 6
Specific Feedback : We had to print out our layouts to get it final approved and reviewed before submitting the Task 1 and started with understanding basics of what we had to do for Task 2 and started researching on it to understand the concept better.
General Feedback : We were asked to update our feedback sheet and e - portfolio for final submission. We had to start working on the next assignment on Task 2 which was Text Editorial.
Week 7
Specific Feedback : We had to print out our task 2 in A3 and get it review in which Ms. V. told me that my text looks a bit distorted because of the difference in kerning. I finalized 2 from it with the help of my peers and started fixing it before actually submitting onto 1 final work in the portfolio.
General Feedback : We were asked to update our feedback sheet and submit our final Task 2 in 4 different forms in the portfolio. We also had to start working on Task 3 by watching videos.
REFLECTIONS
Experience: During Task 2, I had an explorative experience as I gained a deeper understanding of design layouts through research and progress work. Compared to the previous task, this task allowed me the freedom and space to experiment further. Throughout the process, I learned how typography can enhance storytelling by guiding the reader's eye. This task not only helped me creatively but also helped me improve my technical skills in Illustrator and InDesign, teaching me how to use both tools effectively for more organized layout design. Overall, this experience triggered my eagerness to learn more about layout and formatting as I saw how impactful it can turn out in the final outcome.
Observations: Observing variety of work from internet and my peers helped me alot to understand how the same text can be expressed in so many different ways creatively, showing how each one of us brings a unique interpretation. I also noticed how designs sometimes convey about one's personality which is quite interesting to observe. This experience taught me how easily we can create an original layout spread using both our creative and technical skills.
Findings: This task helped me improve my problem-solving skills, as I encountered many creative and technical challenges throughout the process. Continuously working through these issues gave me a better understanding of how to deal with difficulties during the process. Additionally, it enhanced my time management skills, as we only had just 3 weeks for this assignment, on that 1 of those weeks was dedicated to our previous submission, so managing time effectively was really essential to meet the deadline. I also gained a deeper appreciation for the importance of readability and aesthetics in creating final layout spread. Overall, this experience strengthened my understanding of how to create unique and engaging layouts.
FURTHER READINGS
For these weeks I decided to read and summaries few parts of a book "Typographic design: Form and communication" suggested by Mr. Vinod.
For this week, I decided to read through few parts which would help me through my task. Firstly went through Legibility which is often misunderstood and neglected by designers, but it is an important aspect that requires careful attention. It is achieved by arranging elements in a way that makes texts easy to read, ensuring that readers can understand it with minimal effort. This helped me alot to arrange my text boxes in readable manner for the final editorial spread.
Secondly went through Typographic Grids which is a framework that helps designers organize information in a clear and structured way. It is used across various mediums like print, film, digital screens, and even physical spaces to help present information in an easily understandable way. This helped me arrange my texts in a structured format.
Lastly went through Typography Syntax and Communication which is a language that must be learned to understand typographic designs. It involves connecting typographic elements like letters, words, lines, and margins to create meaningful words and sentences. This really helped me create the final editorial spread.
Comments
Post a Comment