45
the of publication design typography & lettering design visual identity printmaking website design interactive design motion graphic the PORTFOLIO of FIBI KUNG selected works FIBI KUNG recent graduated from e Hong Kong Polytechnic University School of Design with a degree in Design (Visual Communication). During her university life, she was an exchange student in England and she took this opportunity to travel extensively around Europe. She also applied as an internship in Seoul, South of Korea, to devote her learning to professional and international level. She is a designer who likes experience cultures from dierent countries and she believes good design comes from the dialoque with dierent people in daily life.

selected works 2014

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: selected works 2014

the !"#$%"&'" of %'(' )*+,

publication designtypography & lettering designvisual identityprintmakingwebsite designinteractive designmotion graphic

-.

the PORTFOLIOof FIBI KUNGselected works /-.0

FIBI KU

NG recent graduated from

!e H

ong Kong Polytechnic U

niversity School of Design w

ith a degree in D

esign (Visual Comm

unication). During her university

life, she was an exchange student in England and she took

this opportunity to travel extensively around Europe. She also applied as an internship in Seoul, South of Korea, to devote her learning to professional and international level. She is a designer w

ho likes experience cultures from

di"erent countries and she believes good design comes

from the dialoque w

ith di"erent people in daily life.

Page 2: selected works 2014

HKAF 2013 !"

BOOK !#

NATURE SPEAKS !$

KINGS HILL !%

BAD COMIC &&

CINEMA TYPE &#

TEN DAY FEST &$

13 STREET '!

HIKE & SEEK '"

UMBRELLA REVOLUTION TYPE '#

GOD IN A DREAM '(

THE CITY OF ROMANCE "!

HONG KONG HEADLINE TYPE "'

HONGKONGERS SAY ")

PING TIAN TI "%

THE PAINTED SKIN *'

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

!'

SELECTED WORKS

Page 3: selected works 2014

B,-1C,5.D0 EF7165=

B1.F GF-71,5

HIJ9K:L;K>M <8AKNM Poster Design Independent Project

B,-1C,5.D0 EF716520DO3 GF-71,5

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

HKAF '!&"

!"

Hong Kong Arts Festival is an annual festival in Hong Kong, mainly focuses on four stage performances: drama, dance, opera and theatre. The Chinese word, 藝 (Arts) was written in Chinese calligraphy as the display type, giving a traditional yet vivid movement on the poster.

Page 4: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

HKAF '!&"

!*

GF-.1OD0 EF716520DO3 GF-71,5

GF-.1OD0 EF7165=

B1.F GF-71,5

HIJ9K:L;K>M <8AKNM Poster Design

Page 5: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

BOOK

!#

HIJ9K:L;K>M <8AKNM Poster Booklet DesignIndependent Project

A handmade book is created by the consideration of every single point, line, plane, fold, cut, hole , bind and a pair of hands from the designers. With special folds and cut, the poster can be transformed into a booklet which is about some of my handmade book designs.

/-,5. 2DO3

Page 6: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

BOOK

!)

.P8 2,,30F. .P8 Q>9<8< H>A;8?

HIJ9K:L;K>M <8AKNM Poster Booklet Design

Page 7: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

NATURE SPEAKS

!$

K99IA;?L;K>MHIJ9K:L;K>M <8AKNM +-15.RD3156Poster Design / Editorial DesignIndependent Project

“Look deep into nature,and then you will understand everything better.” – Albert Einstein

There is a lot of hidden beauty around us but many people neglect them. When we would like to spend some time to focus more on them, we will discover that more hidden features that can be a source of visual pleasure.

Many people think plants attractive, especially the reproductive part (flower) can brighten the living rooms. However, I think each type of plant has its own special design. I have chosen the bark of the tree trunk as the main topic in the project as we may neglect the attractiveness of the pattern and texture of it. I illustrated a part of the bark from an actual size to a scale of 1:10 and printed on a big poster by screenprinting technique. And a small booklet is made to illustrate my project idea.

A:?88MH?KM;HL;;8?M

Page 8: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

NATURE SPEAKS

!(

A:?88MH?KM; HL;;8?M SK;P :>9>?

K99IA;?L;K>M / HIJ9K:L;K>M <8AKNM / +-15.RD3156Poster Design / Editorial Design

H?>T8:; ;LN9KM8

KM;?><I:;K>M J>>@98;

Page 9: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

KINGS HILL

!%

UKAIL9 K<8M;K;V <8AKNM Poster Design / Editorial DesignIndependent Project

Kings Hill is located in the borough of tonbridge and malling in Kent, South East of United Kingdom. It is a home to international and local residents and a place for providing employment opportunities for business.

The main focus on the branding project is to create the identity of Kings Hill by unifying the signages of Kings Hill in a set of color scheme, typeface and graphic forms. By a night experience of exploring Kings Hill alone, I lost my way due to the dark environment, so I came up with an idea of a digital signage design which projected the signages on LCD light board. To make it more interesting, the signage is animated with simple movement of the icons.

9>N> <8AKNM

Page 10: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

KINGS HILL

&!

H>A;8? <8AKNM K<8M;K;V NIK<9KM8

UKAIL9 K<8M;K;V <8AKNMPoster Design / Editorial Design

Page 11: selected works 2014

the +,-./,01, of /121 3456

BAD COMIC

&&

UKAIL9 K<8M;K;V <8AKNM Poster Design / Exhibition DesignClient ProjectCreative Director – Sparks Edition (Seoul)Exhibition – Seoul Comic Space Zaemirang, Seoul

BAD (Behind Adults Dream) comic exhibition is a comic exhibition held by four comic publishers in Seoul, Quang, Sal, BOGO and Comic Sauna. The exhibition opens for public from 11 Sept 2014 to 2 Nov 2014 in Seoul Comic Space, Zaemirang, showing the imagination inside the comic books created from a group of young comic artists to the public.

I was majorly responsible for the logo design, sketching ideas and layout design for the poster booklet and the wallpaper design inside the exhibition area.

9>N> <8AKNM

Page 12: selected works 2014

&'

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

BAD COMIC

H>A;8? U8?AK>M & H>A;8? U8?AK>5 '

UKAIL9 K<8M;K;V <8AKNMPoster Design / Exhibition Design

Page 13: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

BAD COMIC

&"

H>A;8? J>>@98;JL:@ AK<8

UKAIL9 K<8M;K;V <8AKNMPoster Design / Exhibition Design

Page 14: selected works 2014

&*

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

BAD COMICSL99HLH8? HL;;8?M <8AKNM 8WPKJK;K>M <8AKNM

UKAIL9 K<8M;K;V <8AKNMPoster Design / Exhibition Design

Page 15: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

CINEMA TYPE

&#

OPKM8A8 ;VH>N?LHPV <8AKNM Type DesignClient ProjectExhibition ! Hong Kong Film Archive

This is a cooperative project of Hong Kong Film Archive and the School of Design, The Hong Kong Polytechnic University. The project is an exhibition design about the architectural development of Hong Kong old cinemas. The type design is the main visual identity for this project which is inspired from the hand-writing typography (Mei Shu Zi) in the old Hong Kong movie posters.

From the analysis of the display type used in old Hong Kong movie posters, I found that the type has a very thick outline and dark shadow to stand out the movie title. I really appreciate the aesthetic of these visual elements, so I took these elements as an inspiration. As the exhibition is more related to the architecture and design of old cinema building, so I used geometrical form with sharp edge in the type design. The type was set to be wider to give an architectural touch to it.

;VH>N?LHPV <8AKNM

Page 16: selected works 2014

7898:;8< =>?@A '!&*the +,-./,01, of /121 3456

CINEMA TYPE OB1M8A8 ;VH>N?LHPV <8AKNMType Design

8WPKJK;K>M 9>N>

J?K8Q KM;?><I:;K>M >Q ;P8 :KM8XL

&)

Page 17: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

TEN DAY FEST

&$

UKAIL9 K<8M;K;V <8AKNM Type Design / Editorial Design / Poster & Banner DesignClient ProjectCreative Director – On Your Mark Design LaboratoryExhibition ! Innovation Tower, "e Hong Kong Polytechnic University

9>N> :>M:8H;

Ten days - Social Innovation Festival 2013 is a festival held by The Hong Kong Polytechnic University with the collaboration with Hong Kong Jockey Club in the new building, Innovation Tower from 27 Sept - 6 Oct. This festival lasts 10 days which aims to promote the concept of innovation in daily life to the community through workshops, talks, exhibitions and other activities.

The concept of the logo is the Chinese word 十日 (ten days) with the number 10 merged together. Besides, we have an idea for the visual identity is +日, which means plus a day / additional day, encouraging visitors to apply additional knowledge day by day.

I was mainly responsible for the visual identity, the typography design and the program booklet. I also got involved in the sketching, brain-storming idea and layouts for the poster and banner.

Page 18: selected works 2014

7898:;8< =>?@A '!&*the +,-./,01, of /121 3456

TEN DAY FEST

&(

H?>T8:; ;LN9KM8

UKAIL9 K<8M;K;V <8AKNMType Design / Editorial Design / Poster & Banner Design

;VH8 <8AKNM A8;

Page 19: selected works 2014

7898:;8< =>?@A '!&*the +,-./,01, of /121 3456

TEN DAY FEST

&%

UKAIL9 K<8M;K;V <8AKNMType Design / Editorial Design / Poster & Banner Design

H?>N?LX J>>@98; Y KMUK;L;K>M :L?< <8AKNM LHH9K:L;K>MA

Page 20: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

13 STREETS

'!

H?KM;XL@KMNCyanotype / Exhibition DesignIndependent ProjectExhibition ! Cattle Depot Artist Village, Hong Kong

“The 13 Streets”, a traditional old district in Ma Tau Kok, have been long known for the clustering of garage business and the 11 vertical streets. This series of art pieces adopted the elements of the 13 streets, car components, using the method of cyanotype to introduce the 11 kinds of lucky animals in Chinese custom represented by the street names. The work aims to capture the unique characteristics of the district, at the outlook of urban re-establishment in the future.

OVLM>;VH8 Z +P>;>N?LHPK: H?KM;KMN ;8:PMK[I8

Page 21: selected works 2014

7898:;8< =>?@A '!&*the +,-./,01, of /121 3456

13 STREETS

'&

+-15.RD3156Cyanotype / Exhibition Design

KM H?>:8AA

8WPKJK;K>M L;L; OL;;98 E8H>; D?;KA; GK9-

Page 22: selected works 2014

7898:;8< =>?@A '!&*the +,-./,01, of /121 3456

13 STREETS

''

+-15.RD3156Cyanotype / Exhibition Design

O\D5,.\+FF]+F-1RF5.7

"ese are the trials made accidentally when I was #rst introduced to the photographic printing technique - Cyanotype, a technique that gives lots of unexpected e$ect.

Page 23: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

HIKE & SEEK

'"

UKAIL9 K<8M;K;V <8AKNM Logo Design / Website Design / Namecard DesignIndependent Project

Hike means hiking while seek means exploring and discovering. Hike & Seek is a night hiking organization which aims to provide special night hiking experience for adventurous young adults. As the target audience is young adults, a more youthful, playful and interesting graphic is designed for the image of the brand.

Page 24: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

HIKE & SEEK

'*

UKAIL9 K<8M;K;V <8AKNMLogo Design / Website Design / Namecard Design

K<8M;K;V N?LHPK:A Z ;P8 PK@KMN JI<<K8A

K<8M;K;V N?LHPK:A

X8XJ8?APKH :L?< <8AKNM

S8JAK;8 <8AKNM

MLX8 :L?< <8AKNM

Page 25: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

UMBRELLA REVOLUTION TYPE

'#

;VH>N?LHPV <8AKNM HIJ9K:L;K>M <8AKNMType Design / Poster Design / Postcard DesignAn Ongoing Independent Project

[ I used to love objects in blue color, but not this time. ]

A type series of 18 letters created for Umbrella Revolution in Hong Kong by selecting different objects relevant to this revolution.

I discovered that most of the artworks in different occupied protest sites are in Tradition Chinese. For each object, I typed a short caption in English about what I saw and happened in this revolution time. Poster, postcard and zine are printed to post in the occupied sites and distributed to the public, hoping more people know what is happening in Hong Kong.

+>A;:L?< <8AKNM

Page 26: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

UMBRELLA REVOLUTION TYPE

')

;VH>N?LHPV <8AKNM / HIJ9K:L;K>M <8AKNM Type Design / Poster Design / Postcard Design

+>A;:L?< <8AKNM

Page 27: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

UMBRELLA REVOLUTION TYPE

'$

;VH>N?LHPV <8AKNM / HIJ9K:L;K>M <8AKNM Type Design / Poster Design / Postcard Design

H>A;8? H>A;8< KM>::IHK8< H?>;8A; AK;8A

During Umbrella Revolution in Hong Kong, part of the streets in Mongkok, Admiralty and Causeway Bay were occupied by the protester as a protest sites. We could see a lot of artworks, posters everywhere in these sites. "e posters I designed also posted there with English caption to let foreigners know more about Umbrella Revolution.

Page 28: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

GOD IN A DREAM

'(

;VH>N?LHPV Y 0F..F-156 <8AKNM Type DesignClient ProjectCreative Director – Sparks Edition (Seoul)

This is a lettering design for a Korean comic book titled (God in a Dream). The story is about escaping

from the real life by living in a virtual world created in a digital video game. The player can choose and decide their future in the game.

The contrast of black and white, abstract and structural strokes in the lettering design shows the contrast of the real and the virtual world. The abstract form of the type gives a dreamy feeling while the detail of the structural strokes create a digital, organised touch in the design.

A:?88MH?KM;HL;;8?MU8?AK>M &

U8?AK>M '

Page 29: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

GOD IN A DREAM

'%

;VH>N?LHPV Y 98;;8?KMN <8AKNMType Design

Page 30: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

THE CITY OF ROMANCE

"!

;VH>N?LHPV Y 0F..F-156 <8AKNM Type DesignClient ProjectCreative Director – Sparks Edition (Seoul)

This is a lettering design for a Korean book titled, introducing the cities in European countries

in the scenes of some famous romantic movies. The stroke with curvy lines detail and big contrast created a soft, romantic and elegant touch in the design.

98;;8?KMN A8;

Page 31: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

THE CITY OF ROMANCE

"&

;VH>N?LHPV Y 98;;8?KMN <8AKNMType Design

;?LMA9L;K>M KM 8MN9KAP

<8;LK9

Page 32: selected works 2014

the +,-./,01, of /121 3456

HONG KONG HEADLINE TYPE

"'

;VH>N?LHPV <8AKNM Typeface Design / Poster Design / Lea%et Design / Exhibition DesignIndependent ProjectExhibition – Innovation Tower, "e Hong Kong Polytechnic University

In local newspapers, the use of language in different types of news is different. Some sections use formal language for serious local and international news, while others may use informal language, for example, entertainment and sports. However, different kinds of typefaces are used in the headlines for these sections, and they are not consistent in the same newspaper, creating a fragmented visual language throughout the paper.

Hong Kong Headline Type is a typeface family suitable for the headlines in local newsapapers. It provides a unified visual language in the headlines in the same newspaper but have variations in the tone of voice. It is bold and condensed and thus a space-saving typeface. Based on three degrees of formality, three stylistic variants are designed for formal and informal language in Hong Kong.

:>XHL?KA>M >Q ;P?88 A;V9KA;K: UL?KLM;A

[ A Traditional Chinese typeface family for headlines in local newspapers with three stylistic variants based on formality ]

7898:;8< =>?@A '!&*

Page 33: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

HONG KONG HEADLINE TYPE

""

;VH>N?LHPV <8AKNMTypeface Design / Poster Design / Lea%et Design / Exhibition Design

P@P8L<9KM8 ;VH8 Q& P@P8L<9KM8 ;VH8 Q' P@P8L<9KM8 ;VH8 Q"

Page 34: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

HONG KONG HEADLINE TYPE

"*

;VH>N?LHPV <8AKNMTypeface Design / Poster Design / Lea%et Design / Exhibition Design

H>A;8? <8AKNM

98LQ98; <8AKNM

Page 35: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

HONG KONG HEADLINE TYPE

"#

;VH>N?LHPV <8AKNMType Design

H?8HL?L;K>M Y 8WPKJK;K>MTo present the typeface design in the exhibition booth, I prepared a big board with the Chinese characters made by laser-cut on wood board painted with colors.

Page 36: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

HONGKONGERS SAY

")

KM;8?L:;KU8 <8AKNM Website DesignIndependent Project

The informal language in Hong Kong is evolving very rapidly. Hongkongers say is an online platform for collecting, documenting and sharing emerging slang expressions. Users contribute definitions, origins and example sentences of these expressions, and can edit and comment on these contributions. It can be developed into an archive of the development of Hong Kong informal languages.

KM;8?QL:8 <8AKNMMLUKNL;>? <8AKNM

Page 37: selected works 2014

1 Searching by parts of speech

2 Searching by sentence

3 Searching by category

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

HONGKONGERS SAY

"$

KM;8?L:;KU8 <8AKNMWebsite Design

SKM<>S Q>? AIJXKAAK>M

SKM<>S Q>? <8QKMK;K>M

4 Searching by property

"e pop up window for the user to submit a new slang or colloquial expression. "e user is asked to #ll in the detail included the name of the contributor, the word or phrase, the de#nition, sample sentence and origin. "e user is also asked to selcet the parts of speech, sentece, category and property of the slang which helps to categorize the slangs for easy seaching of other users.

78L?:PKMN 8MNKM8For the ‘Searching’ tool, di$erent categorizations of Hong Kong slangs and colloquial expressions is shown for the user to choose from. "e design of the navigation bar is clean and easy to read.

After searching, a pop up window will be shown to read the de#nition, sample sentence and origin of the slang. "e user can also comment or provide other de#ntion if they have their own interpretation. "e user can also share this slang to his friends through other social online platform.

Page 38: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

HONGKONGERS SAY

"(

KM;8?L:;KU8 <8AKNMWebsite Design

KM;?><I:;K>M UK<8>A simple introduction video is made to introduce the basic use of this website.

Page 39: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

PING TIAN TI

"%

;VH8QL:8 <8AKNM Type DesignIndependent Project

Píng Ti&n Ti is a typeface inspired from the tower crane, a mechanical machine for building use. It is designed to project the beauty of geometry and angles between straight lines of the tower crane. After observation, development and adjustments of the strokes and parts, 100 Chinese words were created. A maunal booklet was made for the introduction of the type from research, development, design and application.

Page 40: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

PING TIAN TI

*!

;VH>N?LHPV <8AKNMType Design

&!! ;VH8 <8AKNM

Page 41: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

PING TIAN TI

*&

;VH>N?LHPV <8AKNMType Design

KMAHK?L;K>M KM;?><I:;K>M J>>@98;

Page 42: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

THE PAINTED SKIN

*'

HIJ9K:L;K>M <8AKNM Book DesignIndependent Project

This is a bilingual book design project for the story, The Painted Skin from Strange Tale of Liao Zhao. It is a traditional Chinese ghost story about a ghost used human’s skin to create a beautiful face to meet a boy she likes. Though it is a scary ghost story, it is initiated with love.

U8?AK>M &

Page 43: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

PING TIAN TI

*"

HIJ9K:L;K>M <8AKNMBook Design

Design concept I selected a very light paper with a skin-like texture on it, trying to give more feeling about the skin of the ghost to the readers when they touch the papers. "e English words and Chinese words are translated directly on every single page. "e color of the bottom part of the text are faded to give a light feeling of the soul of the ghost.

U8?AK>M &

Page 44: selected works 2014

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

PING TIAN TI

**

HIJ9K:L;K>M <8AKNMBook Design

Design concept I used butter paper and immersed them into water after printing for the second version, so it became crinkle after drying. "e sound created when the reader %ips through the pages made it a more unusual reading experience to the readers.

U8?AK>M '

Page 45: selected works 2014

THANKS FOR YOUR READING.

AND I REALLY LOOK FOR AN OPPORTUNITY TO WORK WITH YOU.FEEL FREE TO CONTACT ME (!"#) $"%&'&&'$#[email protected]

OR SEE MORE OF MY WORKSwww.#bi-k.com

the +,-./,01, of /121 3456 7898:;8< =>?@A '!&*

*#