Typographic design| DVB201_20se1
Editorial Design 2 |Typographic Hierarchy| WK 8
TASK 1
Much Ado About Nothing Type Hierarchy Challenge (from Ina Saltz Type Hyerarchy Course)| Week 8
Typefaces used ( San-serif and Serif)
Much Ado About - Broadway, 100 pt
Nothing- Broadway , 74 pt
William Shakespeare's- Cooper Black, 48 pt
August 15–28, Performances are at 8pm - Cooper Black, 30 pt
All tickets: $35 - Bahnschrift, 30 pt
The Stockport Opera House 200 Ghent Road Hudson, New York- Minion Pro, 48 pt
1-800-228-4447 - Copperplate Gothic Light, 17 pt
stockportopera.org - Copperplate Gothic Light, 17 pt
Starring Nora Ives, Patrick Kirk, and Nat Zalis - Cooper Black, 22 pt
Directed by Wanda Mennily - Cooper Black, 22 pt
“Sheer giddy energy led by a WINNING YOUNG CAST!”
— USA Today - Arial Rounded MT Bold, 28 pt
Conclusion
The target audiences are for children . All typefaces are in the middle and position horizontally to make it easier to read rather than read all over the place. I made the title big and bold because it's the most important piece of information.I create 'much of ado about nothing' with a sharp letter to get the attention, because the only front is used for the title. I place 'nothing' silted to create a visual appeal.
I made the letter round to make the poster look softer and friendlier. Using different sizes of scales of typefaces helps important information to stand out. I found that the poster was crowded and needed more space. I didn't like the look of using the San-serif and Serif together. It makes it look messy .Also, the quote doesn't stand out. Next time, I'm going to make the poster have more spaces so that the information doesn't look overwhelming enough to read. I will not use San-serif and Serif together. I will also put the quote more in the middle to make it stand out to make the consumer interested in performance.
Typefaces used (Sherif)
William Shakespeare's - Copperplate Gothic Light, 30 pt
Much Ado About Nothing - Bernard MT Condensed, 60 pt
Starring Nora Ives, Patrick Kirk, and Nat Zalis - Bernard MT Condensed, 24 pt
Directed by Wanda Mennily - Bernard MT Condensed, 30 pt
August 15–28, Performances are at 8pm, All tickets: $35 - Bernard MT Condensed, 24 pt
stockportopera.org, 1-800-228-4447 - Minion Pro, 21 pt
The Stockport Opera House, 200 Ghent Road, Hudson, New York - Minion Pro, 21 pt
“Sheer giddy energy led by a WINNING YOUNG CAST!”- Bernard MT Condensed, 20 pt
— USA Today - Copperplate Gothic Light, 18 pt
Conclusion
The target of the audience was adults. All typefaces are in the middle and horizontal position to make the poster neat and tidy. I put a bar to serve as an anchor to separate the information and show important information. It also gives a visual effect to make the poster attractive. I've got the information to the group up to make it look minimal.It makes the poster look spacious and makes it easy for the target audience to read. The information of the date, the time of performance and the cost are in bold to stand out to show it's important.
Typefaces used
William Shakespeare's - Copperplate Gothic Light, 46 pt
Much Ado - Copperplate Gothic Bold, 100 pt
About Nothing - Copperplate Gothic Light, 48 pt
Starring Nora Ives, Patrick Kirk, and Nat Zalis - Minion Pro, 24 pt
Directed by Wanda Mennily - Minion Pro, 24 pt
August 15–28, Performances are at 8pm, All tickets: $35 - Copperplate Gothic Light, 24 pt
stockportopera.org, 1-800-228-4447- Copperplate Gothic Light , 17 pt
The Stockport Opera House, 200 Ghent Road, Hudson, New York-
Copperplate Gothic Light , 17 pt
“Sheer giddy energy led by a WINNING YOUNG CAST!”- Copperplate Gothic Bold, 30 pt
— USA Today - Minion Pro, 14 pt
Conclusion
Young adults were the target of the audience. All typefaces are in the middle and horizontal locations. I made Much Ado bold enough to attract attention. I use the lightweight of William Shakespeare and About Nothing to balance the Much Ado. The quote is boldly similar to the title and the USA Today is lightweight to make it ascetic pleasing. The date, time of performance and cost was place in middle . I have the information to the group to make it look minimal. I made the black ground black to make the letters/information to pop out.
TASK 2
Critique and Redesign
Critique and Redesign
What is the structure of the content?
What resources did the designer use to visually represent the structure of the content, to create a visual hierarchy on the page?
what do you think works? What doesn't and why?
The website works because it's simple and easy to navigate the website. The main colour is black and white. The secondary colour is brown and yellow. This helps make the product stand out, but the brand name doesn't stand out. The contact information is at the side which make the website not neat.
Redesign the page your way: keeping to the same format, same images, and colours, create a new version of the page you just analysed.
Describe your design decisions, style guide and reflect.
I decide to make the brand name bigger to make it important. I put the image next to the brand name to add visual instead of being lost in the corner. I put the information on the news arrived, the bestseller, and the clearance sale at the bottom to make it look not busy. I'm also putting the black border to separate the information.
I place contact information more to center to make it visually appealing.
I place contact information more to center to make it visually appealing.
References
Bringhurst.R.(2004). The element of typographic style. Retrieved from
Kbeautysydney. (2020). Retrieved from https://www.kbeautysydney.com.au/etude-house.
LinkedIn. (2020). Typography: Hierarchy and Navigation - Solution: Shakespeare's play announcement. Retrieved from https://www.linkedin.com/learning/typography-hierarchy-and-navigation/solution-shakespeare-s-play-announcement?u=57080313.
