Typography Task 2/Exercises

 May 04,2023


2/5/2023 - 26/5/2023 (Week 5 - Week 8)

KE BO ZHI / 036253

Typography / Bachelor of Design (Honours) in Creative Media 
Task 2 / Exercises

refer to task 1

SMALL RECAP

In Week 5, Mr. Vinods introduced a design software for typography called Adobe InDesign (ID), a layout and page design software for some of the subsequent tasks.

In task2, we need to use two (200mm x 200mm per page) template formats as the base to create a creative text. In this task, we need to use typography to express the content of this text. Choose one creation from the three texts given by Mr. No pictures.

The requirements of task 2 is as followed:

Dimensions of 200mm x 200mm per page.
Only in greyscale.
Utilize the provided 10 typefaces
Only minor graphical elements are allowed, such as line, shade
No images allowed.
Instructions


                           Figure 1.1: Assignment Guidelines for Typography.

DESIGN PROCESS

 1.0 Research 

We were asked by Mr. Vinods to choose one of the three texts to edit, and we needed to understand the content of the paragraph in order to express the author's meaning of the text and to better design it

I chose "Rules to build and live by." Compared to the other two text options, I was more inspired by the title of this article. After reading the article, I learned that the author talked about the moral code of different designers.

Then I searched pinterest for some samples to help me get some ideas







 2.0 Ideation

Before creating the sketch, I came up with several scenarios and came up with a rough distribution, grey for the body.




Figure 2.3 draft(18.6.23)




Figure 2.4 draft2(18.6.23)

 3.0 Layout

Than The title is then digitized for further design


Figure 2.5 draft3(18.6.23)



Figure 2.6 draft3(18.6.23)

Then, I have formatted the text provided in Adobe Indesign. I have played with layouts as well as simple shapes in order to enhance the attraction of important parts of the text. At this point, I have not done any kerning as I am still deciding if I want to do left justified or left aligned.


Figure 2.7 draft3(18.6.23)



Figure 2.8 draft4(18.6.23)




Figure 2.9 draft4(18.6.23)


In the form reply of the sixth week, Mr. Vinods said that my work did not meet the rules and needed to use the prescribed 200x200 (mm) template and ten fonts used before to edit, so it was different from the assignment requirements. As a result, I redesigned the mission at Mr. Vinods request.

This is what it looks like after modification



Figure 2.10 final draft(19.6.23)

I then followed the previous steps to digitize the sketch of the document in Adobe Illustrator.



Figure 2.11 final draft(19.6.23)



Figure 2.12 final draft(19.6.23)

Then I started adding and editing text




Figure 2.13 final draft(19.6.23)

These are rough preview images with headings and subheadings in black and text sections in gray.


Figure 2.14 final draft(19.6.23)

So this is all the finished diagrams.



Figure 2.15 final format(19.6.23)

4.0 Final Outcome 

head

Font:Futura Std(bold)
Type Size:30point
Leading: -
Paragraph spacing: -

body

Font/s:ITC Garamond Std(bold),Bembo Std(regular)
Type Size: 12 pt (Body)
Leading: 12 pt
Paragraph spacing: 14 pt
Characters per-line: 38
Alignment: Left aligned

Margins: 6mm (top+bottom+left+right)
Columns: 2
Gutter: 5mm



Figure 3.1 final format(19.6.23)



                                                    Figure 3.2 final format PDF(19.6.23)



Figure 3.3 final format Grid baseline(19.6.23)



                                              Figure 3.4 final format Grid baseline PDF(19.6.23)

FEEDBACK

week 6: General Feedback: Mr.Vinods asked us to upload the edited text to Facebook, and he offered some feedback on classmates' work. Let's have problems with text alignment, length, text size, and the reading experience that need to be solved with more appropriate fonts and typography.

week 6:Specific Feedback: Incorrect. The page format is not as instructed (200mm x 200mm per page). Choice of typeface (condense) impedes readability. Line length exceeds suggested max. character line-length. The headline expression can be misleading (the article talks about a code / rules / guidelines, the headline exp. suggest a secret or passcode. As per instructions, you are supposed to use the 10 fonts provided to you. You have used fonts that are other than the 10. This calls into question your ability to understand the instructions in-class, in the brief and in the demonstrations and feedback provided.

Week 7: General Feedback: Pay attention to document formatting and use the ten fonts previously used to create the text, ensuring readability of the text and highlight of the title

week 7:Specific Feedback: Your text is in the gutter of the two pages!

REFLECTION

Experience

In task 2, we need to use all the knowledge we have learned since we started to learn typography. In class, I often misunderstood or ignored my teacher's requirements due to language difficulties and translation problems, so I often searched for ways to complete homework on the Internet after class, and I needed to design and try more. There were also some deficiencies in the blog collection that I needed to revise slowly. Hopefully, I won't make so many mistakes with task3.

Observation

I need to improve socializing, understanding, practice and thought to make me more inspired and thoughtful when creating, and try not to finish tasks at the last minute.

Finding

Through task 2, I found that I always suffered from low morale and depression due to a small setback, which often affected my mood and made me feel less confident and aimless. Therefore, I think I need to jump out of my comfort zone, communicate more with classmates and teachers, and keep confident and cheerful, so as not to let emotions and self-doubt hinder my inspiration.

FURTHER READING



    Figure 4.1 further reading(19.6.23)

In this book the author says in graphic design, they are overall structures, grids, fonts, text and titles, illustrations, and so on. The consistency of the design is provided by appropriate relationships between the various syntactic elements of the project: How does the font relate to the grid and images on the page.

Paginate throughout the project. Or, how type sizes are related to each other. Or, the relationship between the picture and the parts and the whole.

Attention to detail requires discipline. Sloppiness, carelessness and delay are not allowed. Every detail matters because no matter what we are doing, the end result is the sum of all the details in the creative process. As far as quality is concerned, there are no grades. Quality either exists or it doesn't, and if it doesn't exist, we lose time.

评论

此博客中的热门博文