{"id":13,"date":"2021-09-16T04:36:27","date_gmt":"2021-09-16T04:36:27","guid":{"rendered":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/?p=13"},"modified":"2021-10-04T05:56:10","modified_gmt":"2021-10-04T05:56:10","slug":"visual-research-i","status":"publish","type":"post","link":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/2021\/09\/16\/visual-research-i\/","title":{"rendered":"Visual Research I"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Line<\/h1>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>BTS &#8216;LOVE YOURSELF&#8217; Series Album Covers<\/strong><\/h3>\n\n\n\n<p><em>HuskyFox Inc., 2019<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/30dfe877735237.5ca1c9387992f-1024x928.jpg\" alt=\"\" class=\"wp-image-21\" width=\"804\" height=\"728\" srcset=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/30dfe877735237.5ca1c9387992f-1024x928.jpg 1024w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/30dfe877735237.5ca1c9387992f-300x272.jpg 300w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/30dfe877735237.5ca1c9387992f-768x696.jpg 768w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/30dfe877735237.5ca1c9387992f.jpg 1400w\" sizes=\"auto, (max-width: 804px) 100vw, 804px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/f058dd77735237.5ca1c93878a0b-1-1024x683.jpg\" alt=\"\" class=\"wp-image-24\" width=\"805\" height=\"537\" srcset=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/f058dd77735237.5ca1c93878a0b-1-1024x683.jpg 1024w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/f058dd77735237.5ca1c93878a0b-1-300x200.jpg 300w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/f058dd77735237.5ca1c93878a0b-1-768x512.jpg 768w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/f058dd77735237.5ca1c93878a0b-1-1536x1024.jpg 1536w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/f058dd77735237.5ca1c93878a0b-1.jpg 1920w\" sizes=\"auto, (max-width: 805px) 100vw, 805px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-video alignleft\"><video controls src=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/2717638906-2.mp4\"><\/video><figcaption>This series of designs were made for the album covers of kpop group BTS. The albums include Love Yourself &#8216;Her&#8217;, Love Yourself &#8216;Tear&#8217;, and Love Yourself &#8216;Answer&#8217;, combining together to tell a story of hope and self-love. These covers rely solely on line and colour to communicate their central message, but the overall effect is extremely impactful in my opinion. The lines depict the life of a flower, from its full bloom in Love Yourself &#8216;Her&#8217; to its petals falling in Love Yourself &#8216;Tear&#8217; and &#8216;Answer&#8217;. The simplicity and abstractness of these designs give a sense of grace and softness, highlighting the storyline of the series, which is one of the biggest reasons why the music of BTS remains so iconic and relatable.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Hafnia-Hallen Logo<\/strong><\/h3>\n\n\n\n<p><em>Re-public, 2018<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"676\" src=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/Hafnia-Hallen-Plakater-7-1024x676.jpeg\" alt=\"\" class=\"wp-image-29\" srcset=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/Hafnia-Hallen-Plakater-7-1024x676.jpeg 1024w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/Hafnia-Hallen-Plakater-7-300x198.jpeg 300w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/Hafnia-Hallen-Plakater-7-768x507.jpeg 768w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/Hafnia-Hallen-Plakater-7-1536x1015.jpeg 1536w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/Hafnia-Hallen-Plakater-7.jpeg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>The logo of Hafnia-Hallen (left), the reconstructed public sports facility in Copenhagen, features lines that join to make a ball at the centre. The clean design combined with the bright colours conveys a friendly and welcoming image, inviting the public to visit and use its facilities. The logo&#8217;s lines represent the floor markings on different sports courts, which is also illustrated by other designs made for the sports facility (centre and right), while collectively forming the capital letter H for Hafnia.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Time Magazine Cover<\/strong><\/h3>\n\n\n\n<p><em>Peter Greenwood, 2017<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.squarespace-cdn.com\/content\/v1\/5362255de4b0140e264a238c\/1490968771289-1FAKHB13TGI6U7TU4M9C\/TimeCover.jpg?format=1500w\" alt=\"\" width=\"838\" height=\"1119\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/Untitled-4.gif\" alt=\"\" class=\"wp-image-41\" width=\"837\" height=\"1110\" \/><figcaption>This Time magazine cover displays an intersection of highways and roadways along with modes of transportation presented in a birds-eye view. The cars, trains, construction cranes, and roads themselves form large and small lines that are parallel and perpendicular to each other, giving the entirety of the piece a sense of structure and rigidity. In addition to the lines, the fact that the roads are tilted at an angle adds direction and motion to the cover.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading\">Space<\/h1>\n\n\n\n<h3 class=\"wp-block-heading\">Musica Angelica Poster<\/h3>\n\n\n\n<p><em>2017<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/99designs-blog.imgix.net\/blog\/wp-content\/uploads\/2018\/02\/attachment_69536771-e1519200424440.jpg?auto=format&amp;q=60&amp;fit=max&amp;w=930\" alt=\"\" \/><figcaption>This poster design for a baroque orchestra is a prime example of using space productively. The violin and the background of the poster are the same colour, with only the brown and green curves distinguishing the edges of the instrument, leaving the rest of the blanks to be filled in with our own imagination. The small details of the instrument and text at the bottom together tie the overall minimalistic composition together nicely.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">The Works of Geoffrey Chaucer Now Newly Imprinted<\/h3>\n\n\n\n<p><em>William Morris, 1896<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/ilovetypography.com\/img\/2012\/05\/kelmscott-chaucer2.jpg\" alt=\"\" \/><figcaption>This page is one of many in the book &#8220;The Works of Geoffrey Chaucer Now Newly Imprinted.&#8221; Each spread is filled to the brim with detailed designs and illustrations to go along with the text. The rectangles bordering the art and typography give structure, while the vines loosely swirl around the title and along the edges of the text. Though it was created over a century ago with traditional printing techniques, this book surely is a masterpiece!<\/figcaption><\/figure>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Psycho Movie Poster<\/h3>\n\n\n\n<p><em>Eduard Cirstea, 2017<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.boredpanda.com\/blog\/wp-content\/uploads\/2017\/03\/Negative-Space-Artist-back-with-Alfred-Hitchcock-tribute-58c449f1989ea__880.jpg\" alt=\"\" width=\"794\" height=\"1123\" \/><figcaption>The use of negative space is prominently shown in this poster design for Alfred Hitchcock&#8217;s movie Psycho. The curtains are illustrated with the white panels while the knife and hooks are in black, making the knife seem to blend in with the panels, which is very reminiscent of the famous shower murder scene that happens in the movie. There are an additional two posters also for Hitchcock&#8217;s movies done by the same artist shown below.<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.boredpanda.com\/blog\/wp-content\/uploads\/2017\/03\/Negative-Space-Artist-back-with-Alfred-Hitchcock-tribute-58c449f44c63c__880.jpg\" alt=\"\" width=\"400\" height=\"565\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.boredpanda.com\/blog\/wp-content\/uploads\/2017\/03\/Negative-Space-Artist-back-with-Alfred-Hitchcock-tribute-58c449f6e349d__880.jpg\" alt=\"\" width=\"401\" height=\"567\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading\">Shape<\/h1>\n\n\n\n<h3 class=\"wp-block-heading\">Beethoven Poster<\/h3>\n\n\n\n<p><em>Josef M\u00fcller-Brockmann, 1955<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"680\" src=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/c21e9f46416eb03c02bb3985d5d8f9f0-1024x680.jpeg\" alt=\"\" class=\"wp-image-74\" srcset=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/c21e9f46416eb03c02bb3985d5d8f9f0-1024x680.jpeg 1024w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/c21e9f46416eb03c02bb3985d5d8f9f0-300x199.jpeg 300w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/c21e9f46416eb03c02bb3985d5d8f9f0-768x510.jpeg 768w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/c21e9f46416eb03c02bb3985d5d8f9f0-1536x1020.jpeg 1536w, https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-content\/uploads\/sites\/13241\/2021\/09\/c21e9f46416eb03c02bb3985d5d8f9f0.jpeg 1590w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This Beethoven Poster is designed by Josef M\u00fcller-Brockmann, a Swiss graphic designer know for using calculated geometric shapes that result in his simple yet eye-catching designs. All of the curved rectangular shapes seem so effortlessly scattered yet lay perfectly to frame the text. The rigidity and contrast of the colours are balanced out by the roundness or the curves and gives a sense of rhythm and harmony, much like Beethoven&#8217;s music. The photo on the right shows a more detailed analysis of the placement of each element of this poster, done by <a href=\"https:\/\/www.behance.net\/gallery\/9862277\/Mueller-Brockmanns-Beethoven-Poster-Geometric-Analysis\" data-type=\"URL\" data-id=\"https:\/\/www.behance.net\/gallery\/9862277\/Mueller-Brockmanns-Beethoven-Poster-Geometric-Analysis\" target=\"_blank\" rel=\"noreferrer noopener\">Kimberly Elam on Behance.<\/a><\/p>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Beat the Whites with the Red Wedge<\/h3>\n\n\n\n<p><em>El Lissitzky, 1919<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/s3.us-west-2.amazonaws.com\/secure.notion-static.com\/55183ce6-d66f-44e4-b9f7-52540e46a73c\/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIAT73L2G45O3KS52Y5%2F20210921%2Fus-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20210921T145753Z&amp;X-Amz-Expires=86400&amp;X-Amz-Signature=87bf7ed1786bf13d700f6115450b4feb1b513160da845d191e0da2b1a72d270d&amp;X-Amz-SignedHeaders=host&amp;response-content-disposition=filename%20%3D%22Untitled.png%22\" alt=\"\" width=\"843\" height=\"680\" \/><figcaption>The element of shape can also be seen used effectively to deliver messages of propaganda, like the poster above. Titled &#8220;Beat the Whites with the Red Wedge,&#8221; El Lissitzky uses both colour and shape to symbolize the Bolsheviks and Mensheviks during the Russian Revolution. The red triangle, representing the &#8220;Reds&#8221; or communists, shatters the borders of the white circle, representing the &#8220;Whites&#8221; or monarchists, delivering a clear message of the Bolsheviks&#8217; power and intentions. Shapes played an important role in this poster to communicate its core idea in the simplest form, allowing the audience to quickly grasp what the design is trying to say.<\/figcaption><\/figure>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Hub-Tones Album Cover<\/h3>\n\n\n\n<p><em>Reid Miles, 1962<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/I\/71gtyF-BUXL._SL1500_.jpg\" alt=\"\" \/><figcaption>Freddie Hubbard&#8217;s Hub Tones is known to be a staple in a jazz collector&#8217;s set, not only because of Hubbard&#8217;s undeniable talent on the trumpet but also for the iconic cover, designed by Blue Note Records art director Reid Miles. Though simplistic, the photography, text, and composition of the nine black bars were enough to captivate the audience&#8217;s attention. Our eyes are immediately drawn to the offset rectangle above the smart placement of text, creatively juxtaposing the repetitiveness and predictability of the rest of the cover. As analyzed in <a rel=\"noreferrer noopener\" href=\"https:\/\/le0pard13.com\/2017\/03\/08\/best-album-covers-hub-tones\/\" target=\"_blank\">this blog post<\/a>, the offset rectangle can also be seen as a symbol of the tonal weight of Hubbard&#8217;s tunes, &#8220;expressively signalling the authority of the tones&nbsp;emanating.&#8221; With all these careful decisions taken into consideration, it is no wonder why Reid Miles&#8217; works are some of the most iconic in both design and jazz history.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>BTS &#8216;LOVE YOURSELF&#8217; Series Album Covers HuskyFox Inc., 2019 Hafnia-Hallen Logo Re-public, 2018 Space Musica Angelica Poster 2017 The Works of Geoffrey Chaucer Now Newly Imprinted William Morris, 1896 Psycho Movie Poster Eduard Cirstea, 2017 Shape Beethoven Poster Josef M\u00fcller-Brockmann, 1955 This Beethoven Poster is designed by Josef M\u00fcller-Brockmann, a Swiss graphic designer know for&hellip; <a class=\"more-link\" href=\"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/2021\/09\/16\/visual-research-i\/\">Continue reading <span class=\"screen-reader-text\">Visual Research I<\/span> <span class=\"meta-nav\" aria-hidden=\"true\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":13119,"featured_media":24,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-13","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-6"],"_links":{"self":[{"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/users\/13119"}],"replies":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":26,"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/posts\/13\/revisions\/137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/media\/24"}],"wp:attachment":[{"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/hiuyeung\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}