Typography - Task 2/Typographic Exploration and Communication
-October 28,2024
28/10/24-4/11/24 (Week6 -Week7)
PAN RUINING(0378138)
Bachelor of Design(Honours)in Creative Media/Taylor's University
Task 2: Typographic Exploration and Communication
CONTENT LIST
-Week 6: Typo_6_Screen&Print
LECTURES
-Week 6: Typo_6_Screen&Print
In summary of this lecture, Mr. Vinod Nair introduced typography across
various media. Today, typography is found not only on paper but also on
numerous screens. Mr. Vinod Nair highlighted the differences between Print Type and Screen Type, as well as between Static and Motion typography.
Fig 6.1.1
Fig 6.1.2
-Type for Print
·Type was designed intended for reading from print long before we read from
screen.
·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.
·They are universal, easily digestible classic typefaces with neutrality
and versatility, making typography effortless.
·Fonts for the web are optimized and often modified to enhance readability
and performance across various digital environments.
·Especially for smaller font sizes, there is more open spacing, and all
these factors help improve character recognition and overall readability in
non-print environments.
·Hyperactive Link
A hyperlink is a word, phrase, or image that can be clicked to navigate to
a new document or a new section within the current document. Hyperlinks can
be found on almost every webpage.
·Font size for screen
At 16 pixels on a screen, text is roughly the same size as printed text in
books or magazines when accounting for reading distance, as we tend to hold
books quite close.
Fig 6.1.4
·System font for screen/Web safe fonts
Each device comes with its own pre-installed fonts, largely depending on
its operating system. Windows-based devices may have one set of fonts, while
macOS devices have another, and Google's own Android system also uses its
own fonts.
·Pixel differential between devices
The screen sizes of our personal computers, tablets, smartphones, and
televisions vary, and they also display text at different proportions due to
their different pixel sizes
Fig 6.1.5
-Static
From billboards to posters, and from magazines to flyers, we encounter
various forms of static typography with wide-ranging uses, and the
impressions they leave on the audience are closely related to their
impact.
-Motion
Temporal media offer print workers the chance to create 'dramatic'
typefaces, resulting in typography that is 'fluid' and 'kinetic.' Moreover,
motion graphics, particularly in branding for film and television production
companies, are increasingly incorporating animated type
Fig 6.1.6
INSTRUCTIONS
TASK
In this task, we were asked to choose one of the three texts provided by
Mr. Vinod on Teams to complete a title and text layout design. As
demonstrated in the video, we had to format it into a two-page editorial
layout (200x200 per page) to complete the assignment.
I chose the third text, which is "Unite to visualize a better
world." I first created the title of the text using Illustrator, and then I input
the text into InDesign.
Here are my practice processes
Fig 6.2.1 progress screenshots
Fig 6.2.2 Layout screenshots
Fig 6.2.3 Five compositions
Fig 6.2.4 Final Text Expression and Formatting Product (JPEG)
Final Text Expression and Formatting Product (PDF)
Fig 6.2.5 Final Text Expression and Formatting Product with guides
(JPEG)
Final Text Expression and Formatting Product with guides (PDF)
FEEDBACK
-Week 6
General Feedback: This week, Ms. Vitiyaa asked us to print out our layout practice for her review in class.
She provided guidance and suggestions to each of us individually.
Specific Feedback: Ms. Vitiyaa emphasized the importance of the golden ratio and demonstrated how to
correct my mistakes.
-Week 7
General Feedback: This week, Ms. Vitiyaa asked us to print our Task 2 works on A3 paper for individual review and
guidance in class.
Specific Feedback: Since I didn’t read the instructions carefully, I
mistakenly worked on all three texts instead of picking just one. Ms. Vitiyaa told me I should have chosen only one and also mentioned that my
design was too simple and lacked appeal. After that, I went back, chose one
text, and made a new version, which I sent privately to Ms. Vitiyaa on Teams. The teacher replied, " OK."
REFLECTIONS
Experience
After two weeks of learning, I’ve gotten more used to using Illustrator and
InDesign. I’m also becoming more interested in this course. Through my own
designs, I’ve made clear progress in layout design, with improvements in
both creativity and following the rules compared to before.
Observations
I’ve realized that it’s important to think more creatively instead of just
sticking to what’s shown in the teacher’s videos. Looking at related
websites or books can help me get more ideas. Otherwise, my designs can end
up looking too plain and boring, not catching people’s attention.
Findings
I found that using just one thin and simple font for titles can make the
design look boring. When arranging the text, it’s important to keep
everything balanced. You shouldn’t make one area too crowded or leave too
much empty space. Paying attention to all the details and handling them well
is important to make the design look good and feel comfortable.
FURTHER READING
Type on Screen written by James Craig and Irene Korol Scala, mainly discusses typographic techniques in digital design. The book not only explains font selection and layout but also emphasizes how to improve readability and visual impact on screens. It explores the challenges of typography across different devices, such as how to handle responsive design, ensure text is clear and legible on various screen sizes, and how to guide users' attention through typography.
Comments
Post a Comment