{"id":714,"date":"2020-12-02T06:40:20","date_gmt":"2020-12-02T06:40:20","guid":{"rendered":"http:\/\/www.simon-li.com\/design-and-code\/?p=714"},"modified":"2021-02-15T16:49:51","modified_gmt":"2021-02-15T16:49:51","slug":"hong-kong-through-my-designer-eyes","status":"publish","type":"post","link":"http:\/\/www.simon-li.com\/design-and-code\/hong-kong-through-my-designer-eyes\/","title":{"rendered":"Hong Kong through My Designer Eyes"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/4037864618_6e161082c9_o.jpg\" alt=\"\" data-id=\"730\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/4037864618_6e161082c9_o.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/4037864618_6e161082c9_o\/\" class=\"wp-image-730\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/4037864618_6e161082c9_o.jpg 640w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/4037864618_6e161082c9_o-300x200.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/4751902109_782afaac44_o.jpg\" alt=\"\" data-id=\"731\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/4751902109_782afaac44_o.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/4751902109_782afaac44_o\/\" class=\"wp-image-731\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/4751902109_782afaac44_o.jpg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/4751902109_782afaac44_o-300x200.jpg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/4751902109_782afaac44_o-768x512.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/8199276284_13ec2bbdcc_b.jpg\" alt=\"\" data-id=\"732\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/8199276284_13ec2bbdcc_b.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/8199276284_13ec2bbdcc_b\/\" class=\"wp-image-732\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/8199276284_13ec2bbdcc_b.jpg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/8199276284_13ec2bbdcc_b-300x200.jpg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/8199276284_13ec2bbdcc_b-768x512.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">From left to right: ICC in construction, Pak Nai and Devil\u2019s Peak.<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<p>These pictures were taken by me 10 years ago. They are the stunning views of Hong Kong, a city I feel very attached to. I grew up heavily influenced by its culture, and later I was lucky enough to live there for 15 years. What I love about the city is not just the amazing cityscape, but also the many great designs through my designer eyes.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h3 class=\"wp-block-heading\" id=\"abab\">The TV Programs<\/h3>\n\n\n\n<p id=\"5080\">I was born in Guangdong province on&nbsp;the mainland side of China. As a kid, I loved watching Hong Kong TV. That was how I picked up my Cantonese with the Hong Kong accent.<\/p>\n\n\n\n<p id=\"8e01\">For those like me growing up in the 1990s in the southern part of China, programs on TVB and ATV, which were two of the major TV stations in Hong Kong at that time, were our entrance to the colorful world. Japanese culture was extremely popular at the time. Tons of Japanese animes, dramas, documentaries, were being broadcast. My favorites were\u00a0<em>Crayon Shin-Chan<\/em>\u00a0and\u00a0<em>Doraemon<\/em>. One documentary series I really liked was called\u00a0<em>Japan Video Topics<\/em>, through which I learned the latest cool gadgets and lifestyles in Japan. I have a lot of fond memories of these programs. They made my childhood fun and interesting.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"407\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/0_qztECqspK67M6EiX.jpg\" alt=\"\" data-id=\"742\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/0_qztECqspK67M6EiX.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/0_qztecqspk67m6eix\/\" class=\"wp-image-742\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/0_qztECqspK67M6EiX.jpg 250w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/0_qztECqspK67M6EiX-184x300.jpg 184w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"265\" height=\"376\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/0_H1ik1OEttpogaRAs.jpg\" alt=\"\" data-id=\"741\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/0_H1ik1OEttpogaRAs.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/0_h1ik1oettpogaras\/\" class=\"wp-image-741\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/0_H1ik1OEttpogaRAs.jpg 265w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/0_H1ik1OEttpogaRAs-211x300.jpg 211w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"550\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-11-28-at-3.37.58-PM.png\" alt=\"\" data-id=\"740\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-11-28-at-3.37.58-PM.png\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/screen-shot-2020-11-28-at-3-37-58-pm\/\" class=\"wp-image-740\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-11-28-at-3.37.58-PM.png 710w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-11-28-at-3.37.58-PM-300x232.png 300w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Online pictures: Doraemon, Crayon Shin-Chan, and Japan Video Topics.<\/figcaption><\/figure>\n\n\n\n<p>When I was a primary school\/middle school student, websites and motion graphics in Hong Kong started to catch my eyes because they were so handsomely designed. Below is the opening of the prime time news program in 2002.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"2000\u5e744\u670812\u65e5 \u516d\u9ede\u534a\u65b0\u805e\u5831\u9053 \u7b2c\u4e00\u7bc0 \u9023\u5831\u6642\u8a0a\u865f\" width=\"640\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/vSKp4OSLVkg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption><a href=\"https:\/\/www.youtube.com\/watch?v=vSKp4OSLVkg\">https:\/\/www.youtube.com\/watch?v=vSKp4OSLVkg<\/a><\/figcaption><\/figure>\n\n\n\n<p>This news opening was a classic. It was, and still is, my favorite. I really like the multiple hues of blues&nbsp;in&nbsp;the&nbsp;clip, which add depth to the colors. I also like the variety of objects. There are big ones like the camera, the satellites and the globe to tell the story, and the small ones like the waves, the comets, the text and the numbers to establish the tone of voice. These objects manifest the theme of speed, information and professionalism, and the variation in size and shape creates a lot of visual interest.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"420\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Lq11tkTuoexWVVSG5MxaCQ.png\" alt=\"\" class=\"wp-image-746\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Lq11tkTuoexWVVSG5MxaCQ.png 700w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Lq11tkTuoexWVVSG5MxaCQ-300x180.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><figcaption>The clip uses multiple hues of blues, which add depth to the colors.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"375\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_YUvNGTnlkG48qh81epoqVg.png\" alt=\"\" data-id=\"748\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_YUvNGTnlkG48qh81epoqVg.png\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1_yuvngtnlkg48qh81epoqvg\/\" class=\"wp-image-748\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_YUvNGTnlkG48qh81epoqVg.png 500w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_YUvNGTnlkG48qh81epoqVg-300x225.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"375\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_l_8teylER89HtwkPFQEmlA.png\" alt=\"\" data-id=\"745\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_l_8teylER89HtwkPFQEmlA.png\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1_l_8teyler89htwkpfqemla\/\" class=\"wp-image-745\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_l_8teylER89HtwkPFQEmlA.png 500w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_l_8teylER89HtwkPFQEmlA-300x225.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">There are big objects like the camera, the satellites and the globe in the opening.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"420\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Lq11tkTuoexWVVSG5MxaCQ.png\" alt=\"\" data-id=\"746\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Lq11tkTuoexWVVSG5MxaCQ.png\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1_lq11tktuoexwvvsg5mxacq\/\" class=\"wp-image-746\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Lq11tkTuoexWVVSG5MxaCQ.png 700w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Lq11tkTuoexWVVSG5MxaCQ-300x180.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"334\" height=\"250\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_yBt5VIdC2AFOwNrIIae9Tw.png\" alt=\"\" data-id=\"747\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_yBt5VIdC2AFOwNrIIae9Tw.png\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1_ybt5vidc2afownriiae9tw\/\" class=\"wp-image-747\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_yBt5VIdC2AFOwNrIIae9Tw.png 334w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_yBt5VIdC2AFOwNrIIae9Tw-300x225.png 300w\" sizes=\"auto, (max-width: 334px) 100vw, 334px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"334\" height=\"250\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Bc9ZX9DkqXD9mSPUJ0a4OQ.png\" alt=\"\" data-id=\"744\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Bc9ZX9DkqXD9mSPUJ0a4OQ.png\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1_bc9zx9dkqxd9mspuj0a4oq\/\" class=\"wp-image-744\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Bc9ZX9DkqXD9mSPUJ0a4OQ.png 334w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_Bc9ZX9DkqXD9mSPUJ0a4OQ-300x225.png 300w\" sizes=\"auto, (max-width: 334px) 100vw, 334px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">There are also small objects like the waves, the comets, the text and the numbers to establish the tone of voice.<\/figcaption><\/figure>\n\n\n\n<p id=\"e2c7\">As a kid, I also noticed some subtle differences between TV channels in Hong Kong and those in the mainland.<\/p>\n\n\n\n<p id=\"ff72\">Whenever I watched TVB, before each program started, the logo would always appear first, just like what you saw in the previous video. It created a mental model in my mind that whenever I saw the logo, a program was about to begin. From this tiny detail, I learned the principle of consistency. It was sort of the Design 101 in my childhood.<\/p>\n\n\n\n<p id=\"3ac8\">At that time, the TV shows on the mainland side could end abruptly if they ran overtime, leaving the audience disoriented. TV programs in Hong Kong, on the other hand, rarely suddenly ended, even if it implies that the previous program might overrun a bit. The seamless transition between TV programs didn\u2019t throw the viewers off, and made me feel that the audience has been taken care of.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"31f1\">The MTR<\/h3>\n\n\n\n<p id=\"6640\">Besides TV, another thing I really love about Hong Kong is its mass transit railway system, also known as the MTR. It\u2019s such a safe, convenient and enjoyable way to travel, and in my designer eyes, it\u2019s a masterpiece of interaction design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"592\" height=\"768\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/592px-MTR_Signboard.jpeg\" alt=\"\" class=\"wp-image-721\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/592px-MTR_Signboard.jpeg 592w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/592px-MTR_Signboard-231x300.jpeg 231w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><figcaption>The signage of the MTR. This design language is used consistently and unifies all the stations. Credit: Wikipedia Commons \u2014&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/wiki\/User:HK_Arun\">HK Arun<\/a>.<\/figcaption><\/figure>\n\n\n\n<p>Above is the signage of the MTR. I like how this design unifies all its stations, creating consistency and clarity to help passengers navigate smoothly. I also really like the blinking LED system map above the train doors, which have been in use for 20+ years. It allows people to know where they are within the MTR system at a glance and helps them plan their trips. I still remember the first time I saw it as a passenger, I felt two things: one, the train system was so smart that it could sense its current position; two, I was rest assured that I wouldn\u2019t get lost and would know when to get off.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_mV0lsDY0T8pVw5ltYTXJDQ-1024x683.jpeg\" alt=\"\" class=\"wp-image-749\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_mV0lsDY0T8pVw5ltYTXJDQ-1024x683.jpeg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_mV0lsDY0T8pVw5ltYTXJDQ-300x200.jpeg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_mV0lsDY0T8pVw5ltYTXJDQ-768x512.jpeg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>The blinking LED system map above the train doors, which have been in use for 20+ years. Credit: Wikipedia user \u2014&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/wiki\/User:Wykymania\">Wykymania<\/a>.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-Prince_Edward_Station_2020_03_part2.jpg\" alt=\"\" data-id=\"729\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-Prince_Edward_Station_2020_03_part2.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1024px-prince_edward_station_2020_03_part2\/\" class=\"wp-image-729\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-Prince_Edward_Station_2020_03_part2.jpg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-Prince_Edward_Station_2020_03_part2-300x200.jpg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-Prince_Edward_Station_2020_03_part2-768x512.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"681\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-MTR_ADM_4.jpeg\" alt=\"\" data-id=\"728\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-MTR_ADM_4.jpeg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1024px-mtr_adm_4\/\" class=\"wp-image-728\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-MTR_ADM_4.jpeg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-MTR_ADM_4-300x200.jpeg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-MTR_ADM_4-768x511.jpeg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Cross platform interchange inside the MTR. Credit: Wikipedia Commons \u2014&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?title=User:Qwer132477&amp;action=edit&amp;redlink=1\">Qwer132477<\/a>,&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/wiki\/User:Hokachung\">Hokachung<\/a>.<\/figcaption><\/figure>\n\n\n\n<p>Another amazing design of the MTR is the cross platform interchange. To change between lines, people just need to walk from one platform to another, which is such a breeze. Note that this kind of design was built into the system as early as the 1970s. Last but not least, the connections between the stations and the nearby residential buildings, offices, schools and shopping centers were thoughtfully planned. You\u2019ll often find lots of tunnels, footbridges, ground transport hubs near each and every station. All these make people\u2019s lives so much more convenient.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-6 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_mw1b_ksD9v0pBBZg9IBr8w.jpeg\" alt=\"\" data-id=\"750\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_mw1b_ksD9v0pBBZg9IBr8w.jpeg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1_mw1b_ksd9v0pbbzg9ibr8w\/\" class=\"wp-image-750\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_mw1b_ksD9v0pBBZg9IBr8w.jpeg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_mw1b_ksD9v0pBBZg9IBr8w-300x225.jpeg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_mw1b_ksD9v0pBBZg9IBr8w-768x576.jpeg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_ytzYNGGZgyQwAA-smzkXgQ.jpeg\" alt=\"\" data-id=\"751\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_ytzYNGGZgyQwAA-smzkXgQ.jpeg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1_ytzynggzgyqwaa-smzkxgq\/\" class=\"wp-image-751\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_ytzYNGGZgyQwAA-smzkXgQ.jpeg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_ytzYNGGZgyQwAA-smzkXgQ-300x225.jpeg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_ytzYNGGZgyQwAA-smzkXgQ-768x576.jpeg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_ZJwu4vKG8dolyYRqa9wHsw.jpeg\" alt=\"\" data-id=\"752\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_ZJwu4vKG8dolyYRqa9wHsw.jpeg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1_zjwu4vkg8dolyyrqa9whsw\/\" class=\"wp-image-752\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_ZJwu4vKG8dolyYRqa9wHsw.jpeg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_ZJwu4vKG8dolyYRqa9wHsw-300x225.jpeg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1_ZJwu4vKG8dolyYRqa9wHsw-768x576.jpeg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-Kwun_Tong_Station_2020_08_part6.jpg\" alt=\"\" data-id=\"727\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-Kwun_Tong_Station_2020_08_part6.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1024px-kwun_tong_station_2020_08_part6\/\" class=\"wp-image-727\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-Kwun_Tong_Station_2020_08_part6.jpg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-Kwun_Tong_Station_2020_08_part6-300x200.jpg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-Kwun_Tong_Station_2020_08_part6-768x512.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Many MTR stations are seamlessly connected with shopping centers, office\/residential buildings. Credit: Wikipedia Commons \u2014&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?title=User:ShingWong~commonswiki&amp;action=edit&amp;redlink=1\">ShingWong~commonswiki<\/a>,&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?title=User:Kamenyaks&amp;action=edit&amp;redlink=1\">Kamenyaks<\/a>,&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?title=User:Lotinfinawso&amp;action=edit&amp;redlink=1\">Lotinfinawso<\/a>,&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?title=User:Qwer132477&amp;action=edit&amp;redlink=1\">Qwer132477<\/a>.<\/figcaption><\/figure>\n\n\n\n<p>I love the MTR. I love it so much that I used it as an example of great interaction design in my statement of purpose when applying to the master in HCI program in the US. It\u2019s truly a user-centered design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7d0e\">The Signage in HKIA<\/h3>\n\n\n\n<p id=\"4a26\">People in Hong Kong like to joke that they complain a lot. For me, I once filed a complaint about the typeface used in the signage of the Hong Kong International Airport.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/20180524204659_10_26026030_1695104967219212_5616065100695766404_o.jpg\" alt=\"\" class=\"wp-image-733\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/20180524204659_10_26026030_1695104967219212_5616065100695766404_o.jpg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/20180524204659_10_26026030_1695104967219212_5616065100695766404_o-300x188.jpg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/20180524204659_10_26026030_1695104967219212_5616065100695766404_o-768x480.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Photo source: Hong Kong International Airport.<\/figcaption><\/figure>\n\n\n\n<p id=\"0531\">The airport in Hong Kong was basically the best in the world between 2000 and 2010. Its signage was designed in a way that aligns really well with its interior design. Modern, simple and clear. The key to its success is the typefaces. Airplanes are sophisticated and modern, and a great flying experience is smooth and relaxing. The sleek sans-serif Chinese and English sans-serif typefaces were great picks because they manifest these qualities.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-7 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/Hong_Kong_International_Airport_Hong_Kong_-_panoramio.jpg\" alt=\"\" data-id=\"735\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/Hong_Kong_International_Airport_Hong_Kong_-_panoramio.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/hong_kong_international_airport_hong_kong_-_panoramio\/\" class=\"wp-image-735\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/Hong_Kong_International_Airport_Hong_Kong_-_panoramio.jpg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/Hong_Kong_International_Airport_Hong_Kong_-_panoramio-300x200.jpg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/Hong_Kong_International_Airport_Hong_Kong_-_panoramio-768x512.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_Airport_Arrival_area_zone_interior_luggage_belt_floor_toilet_blue_sign_Feb-2013.jpeg\" alt=\"\" data-id=\"722\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_Airport_Arrival_area_zone_interior_luggage_belt_floor_toilet_blue_sign_Feb-2013.jpeg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1024px-hk_airport_arrival_area_zone_interior_luggage_belt_floor_toilet_blue_sign_feb-2013\/\" class=\"wp-image-722\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_Airport_Arrival_area_zone_interior_luggage_belt_floor_toilet_blue_sign_Feb-2013.jpeg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_Airport_Arrival_area_zone_interior_luggage_belt_floor_toilet_blue_sign_Feb-2013-300x225.jpeg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_Airport_Arrival_area_zone_interior_luggage_belt_floor_toilet_blue_sign_Feb-2013-768x576.jpeg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Before 2011, the typefaces used by the airport were MHeiHK (Chinese) and Univers (English). Credit: Wikipedia Commons \u2014&nbsp;<a href=\"https:\/\/web.archive.org\/web\/20161015081301\/http:\/\/www.panoramio.com\/user\/191138?with_photo_id=32534849\">Andrew Martin<\/a>,&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?title=User:YF2013&amp;action=edit&amp;redlink=1\">YF2013<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-8 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_Intl_Airport_\u9999\u6e2f\u570b\u969b\u6a5f\u5834_departure_zone_airlines_notice_n_directory_signs_night_July-2013_HKIA.jpg\" alt=\"\" data-id=\"723\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_Intl_Airport_\u9999\u6e2f\u570b\u969b\u6a5f\u5834_departure_zone_airlines_notice_n_directory_signs_night_July-2013_HKIA.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1024px-hk_intl_airport_%e9%a6%99%e6%b8%af%e5%9c%8b%e9%9a%9b%e6%a9%9f%e5%a0%b4_departure_zone_airlines_notice_n_directory_signs_night_july-2013_hkia\/\" class=\"wp-image-723\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_Intl_Airport_\u9999\u6e2f\u570b\u969b\u6a5f\u5834_departure_zone_airlines_notice_n_directory_signs_night_July-2013_HKIA.jpg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_Intl_Airport_\u9999\u6e2f\u570b\u969b\u6a5f\u5834_departure_zone_airlines_notice_n_directory_signs_night_July-2013_HKIA-300x225.jpg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_Intl_Airport_\u9999\u6e2f\u570b\u969b\u6a5f\u5834_departure_zone_airlines_notice_n_directory_signs_night_July-2013_HKIA-768x576.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_\u8d64\u9c72\u89d2_Chek_Lap_Kok_\u9999\u6e2f\u570b\u969b\u6a5f\u5834_Hong_Kong_Intl_Airport_Terminal_T1_\u5ba2\u6a5f\u96e2\u6e2f\u7981\u5340_Departure_zone_August_2019_SSG_21.jpg\" alt=\"\" data-id=\"726\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_\u8d64\u9c72\u89d2_Chek_Lap_Kok_\u9999\u6e2f\u570b\u969b\u6a5f\u5834_Hong_Kong_Intl_Airport_Terminal_T1_\u5ba2\u6a5f\u96e2\u6e2f\u7981\u5340_Departure_zone_August_2019_SSG_21.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/1024px-hk_%e8%b5%a4%e9%b1%b2%e8%a7%92_chek_lap_kok_%e9%a6%99%e6%b8%af%e5%9c%8b%e9%9a%9b%e6%a9%9f%e5%a0%b4_hong_kong_intl_airport_terminal_t1_%e5%ae%a2%e6%a9%9f%e9%9b%a2%e6%b8%af%e7%a6%81%e5%8d%80_dep\/\" class=\"wp-image-726\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_\u8d64\u9c72\u89d2_Chek_Lap_Kok_\u9999\u6e2f\u570b\u969b\u6a5f\u5834_Hong_Kong_Intl_Airport_Terminal_T1_\u5ba2\u6a5f\u96e2\u6e2f\u7981\u5340_Departure_zone_August_2019_SSG_21.jpg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_\u8d64\u9c72\u89d2_Chek_Lap_Kok_\u9999\u6e2f\u570b\u969b\u6a5f\u5834_Hong_Kong_Intl_Airport_Terminal_T1_\u5ba2\u6a5f\u96e2\u6e2f\u7981\u5340_Departure_zone_August_2019_SSG_21-300x225.jpg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_\u8d64\u9c72\u89d2_Chek_Lap_Kok_\u9999\u6e2f\u570b\u969b\u6a5f\u5834_Hong_Kong_Intl_Airport_Terminal_T1_\u5ba2\u6a5f\u96e2\u6e2f\u7981\u5340_Departure_zone_August_2019_SSG_21-768x576.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Left: in 2011, the typefaces were changed to MingLiu (Chinese) and Avenir (English). Right: the typefaces were changed back to MHeiHK and Univers. Credit: Wikipedia Commons \u2014<a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?title=User:Kamshukwonlanmen&amp;action=edit&amp;redlink=1\">Kamshukwonlanmen<\/a>,&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?title=User:Guso_Kqfuam_Shybioe&amp;action=edit&amp;redlink=1\">Guso Kqfuam Shybioe<\/a><\/figcaption><\/figure>\n\n\n\n<p id=\"7e42\">However, starting from 2011, for better readability, the airport adopted a new design that used a serif Chinese typeface that has pretty thin strokes. This typeface was also the default one in all the Traditional Chinese Windows system. This tiny change instantly altered the tone of voice. Because the serifs created bumps in the strokes, and because this typeface was so often used in everyday documents, the design was no longer about the relaxing and enjoyable flying experience. Instead, it became mundane and boring.<\/p>\n\n\n\n<p id=\"aa0c\">This change of typeface created heated discussions in the design community in both Hong Kong and Taiwan, because the airport in Taipei also adopted the same signage design. To urge the airport to reverse its decision, I wrote an email explaining why this new typeface was not a good choice and suggested alternative ways to improve readability. After sending feedback multiple times through different channels, in the end, the airport changed the typeface back to the original sans-serif one. I was glad about their decision. However, looking back, I feel bad that I probably have complained about this too many times and caused too much stress and anxiety to the original designer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"e12b\">Hong Kong and My Designs<\/h3>\n\n\n\n<p id=\"272a\">I went to Hong Kong to study in University and stayed there after graduation. I soaked up the vibe of the city from everything I saw and experienced. However, it was only when I was away from Hong Kong that I realized how much I had been influenced by it, which was manifested in my designs.<\/p>\n\n\n\n<p id=\"2177\">This was the lease I designed in Pittsburgh during my master\u2019s program in HCI. Our assignment was to redesign a 3-page lease. I decided to condense it into a single page by using a multi-column layout and creating a strong hierarchy through typography. The final design was was a reflection of Hong Kong, dense but orderly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"1024\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease_v3-791x1024.jpg\" alt=\"\" class=\"wp-image-736\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease_v3-791x1024.jpg 791w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease_v3-232x300.jpg 232w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease_v3-768x994.jpg 768w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease_v3.jpg 816w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><figcaption>In the redesigned lease, I condensed the content into a single page.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-9 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"1024\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease1-791x1024.jpg\" alt=\"\" data-id=\"737\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease1.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/lease1\/\" class=\"wp-image-737\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease1-791x1024.jpg 791w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease1-232x300.jpg 232w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease1-768x994.jpg 768w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease1.jpg 816w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"1024\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease2-791x1024.jpg\" alt=\"\" data-id=\"738\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease2.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/lease2\/\" class=\"wp-image-738\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease2-791x1024.jpg 791w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease2-232x300.jpg 232w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease2-768x994.jpg 768w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease2.jpg 816w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"1024\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease3-791x1024.jpg\" alt=\"\" data-id=\"739\" data-full-url=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease3.jpg\" data-link=\"http:\/\/www.simon-li.com\/design-and-code\/lease3\/\" class=\"wp-image-739\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease3-791x1024.jpg 791w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease3-232x300.jpg 232w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease3-768x994.jpg 768w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/lease3.jpg 816w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">The original 3-page lease that we\u2019ll need to redesign.<\/figcaption><\/figure>\n\n\n\n<p>This was the educational poster I designed in the same course. The theme of the assignment was urban farming. I explored multiple directions, and landed on this one&nbsp;using&nbsp;a&nbsp;person&nbsp;to&nbsp;tell&nbsp;a&nbsp;story, which reminded me of the ads and the light box posters in the MTR stations: they often feature a person\/celebrity to grab passenger\u2019s attention and communicate their messages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/A4_Final_Poster_Simon_Li-683x1024.jpg\" alt=\"\" class=\"wp-image-734\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/A4_Final_Poster_Simon_Li-683x1024.jpg 683w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/A4_Final_Poster_Simon_Li-200x300.jpg 200w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/A4_Final_Poster_Simon_Li.jpg 864w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><figcaption>My poster for urban farming.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_\u85cd\u7530\u7ad9_Lam_Tin_MTR_Station_interior_ads_posters_Jan_2017_IX1.jpg\" alt=\"\" class=\"wp-image-725\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_\u85cd\u7530\u7ad9_Lam_Tin_MTR_Station_interior_ads_posters_Jan_2017_IX1.jpg 1024w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_\u85cd\u7530\u7ad9_Lam_Tin_MTR_Station_interior_ads_posters_Jan_2017_IX1-300x200.jpg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2020\/12\/1024px-HK_\u85cd\u7530\u7ad9_Lam_Tin_MTR_Station_interior_ads_posters_Jan_2017_IX1-768x513.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Posters inside the MTR often features people\/celebrities to communicate their messages. Credit: Wikipedia Commons \u2014&nbsp;<a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?title=User:TENgna_SHLismao&amp;action=edit&amp;redlink=1\">TENgna SHLismao<\/a><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Final Thoughts<\/h3>\n\n\n\n<p id=\"862b\">Living in Hong Kong can be stressful. These great designs in the city add comfort and delight to people\u2019s lives. I\u2019ve been away from Hong Kong for about a year now, and I started to miss the city. Will I return to Hong Kong? Where will my next stop be? I\u2019m not sure. However, one thing is certain: wherever I go, I\u2019ll bring my Hong Kong experience with me, and let it inspire my designs. I\u2019m forever grateful for what the city has offered, and hope that it\u2019ll continue to shine and prosper.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>These pictures were taken by me 10 years ago. They are the stunning views of Hong Kong, a city I feel very attached to. I grew up heavily influenced by its culture, and later I was lucky enough to live there for 15 years. What I love about the city&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[90],"tags":[],"class_list":["post-714","post","type-post","status-publish","format-standard","hentry","category-design-in-general"],"_links":{"self":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts\/714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":8,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts\/714\/revisions"}],"predecessor-version":[{"id":842,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts\/714\/revisions\/842"}],"wp:attachment":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/media?parent=714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/categories?post=714"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/tags?post=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}