Page 1


CO N T EN T S ABOUT ME Resume

4

Experience

USER I NTER FACE DESI GN Levooya

6

Bla

18

Furnish

24

Talentzy

30


GRAPH ICIAL USER I NTERFACE DESI GN Levooya

40

Bla

42

Furnish

44

Talentzy

46

GRAPHIC DESIGN Hsiao Chueh

50

Salu

52

Value fo Money

54

90's Hong Kong

56

Gift

58

Leben Korper

60

The Sight

62


㼠Ꟁ倴

䎂꬗鏤鎙

⢪欽罏➝꬗

Graphic Design User Interface Design

林 珍

<

知 kn ow 自 pr 己 ec

界 in. 樣 的 世e l i v e 麼 什 orld w 在 ind of w k 活 e 生 ly th e is

OU

幸 運 t 何 其 r 們 xtremely fo 我 're e We

AB

L IN C HE N NA

Specialize in

T

ME

確 o 法 tt 無 no te una

欰倴 〵⻌ 宐櫕䏠#㘗կ

殖噟倴㻜驏㣐㷸㯮넒⫄麧鏤鎙㷸禹

鏤鎙䌌捀⚆歲鍒焺㎱鑑㖈랱蒀涸⚆歲殥ⴀ♧⦐抪蒀垷祍涸鰶䐸鸎剣

㢴鶴➃կ尝剣➊랂✲僽穪㼩涸鷅宠刿㢴涸〳腊䚍⸖⸂鍹⿺䱹鵛㸤繠涸鼸歲

剣겎♶㸝倴⚆涸䗱籎僽鷅㼥刿㥩涸朜䡿搁锸剣䕎搁䕎կ

Designer for the world is to decode, trying to draw a gray blurred shape in this black world, how charming it is. Nothing is absolute, pursuing more possibilities, trying to reach the perfect border. There is not satisfied with the heart, always looking for a better state, whether tangible or invisible.

We

're


ska m b o r e> y z S a Ĺ&#x201A;aw nat Wis emely for t u r t x ee


USER I NTER FACE DESI GN


2.1

10

LEVOOYA

App UI Design : Chen Na Lin Graphic Design : Chen Na Lin App UX Design : Chi Ching Tsai 2017


Explore and shop, travel and sell. -FWPPZB 僽♧妵穡ざ爢纈莅➿飑涸遤⹛❜僒䎂〵⼿⸔䟝顠㕜㢫欴ㅷ涸顠㹻 䘰鸠㯯ざ姻㖈假遤⚥涸颪㹻䎂〵㼟䲿⣘剓惐崩涸㕜㢫➃孵㣝ㅷ须鎝雊假 遤罏腋㖈⦐➃㉂䏅⚥ⴕ❧㋐䠦涸괐呔⚛⚂㯯ざぐ㖒涸顠㹻䎂〵荞⸂倴䲿

⣘갫冱涸⢪欽竤뀿莅崩玑雊颪㹻腋㖈假遤ㄤ飑暟涸麕玑⚥➠搭鰋논搂頾二 痧♲倰佅➰⥃ꥻ顠㹻腋ꦑ䗱䨾妝涸㸞䗱飑顠

Levooya is a simple way to buy and sell any overseas products from anywhere to everywhere. We connect travelers with shoppers around the world, empower travelers to become sellers of their own and make extra money along the journey, and allow shoppers to buy at their request. We are devoted to develop a user-friendly flow which both sides of buyers and travelers enjoy a fluent shopping and selling experience.

L OG OT Y PE

COLOR

FO N T

#41D6D6 #F8DC39 #FFFFFF

Museo Sans 500 & 700

Aa A B C D E F G H I J K LM N O P Q R S T U V W X Y Z a b c d e f gh ij kl m n op q r s t u vw xy z 0 1 23 4 56 78 9

11


HOW DOES LEVOOYA WORK ?

Matching System

-FWPPZB 剓㣐涸暶蒀㽠僽ꂂ㼩禺窡 .BUDIJOH

4ZTUFN 姽⸆腋雊㸐ⴽ倴♧菛涸飑暟  ➿飑䎂〵 尝剤ꅾ醳涸欴ㅷ갤雊䝡腋刿礶焷㖒䪪ⵌ䟝銴涸㉂

ㅷ尝剤恠Ꟁ涸瘞䖊䎂〵䍲䘑䪪ⵌ痘ざ䝡꨾宠涸假 遤罏顠ⵌ䝡䨾䟝銴涸㉂ㅷ蕰僽䟝銴㖈假遤儘风럊㢫 䘰䝡⛳腋㖈 -FWPPZB 䪪ⵌ顠㹻䎂〵㼟呏亙䝡䨾

假麉涸⡙縨䲀久窍䝡㼩䥰涸꨾宠-FWPPZB ⛳剚䲿⣘ 䝡꫙䠮䖤濼剓倞崩遤馸⹴⟃⿻殹㖒攨Ꟍ➿飑㉂ㅷ

Levooya's biggest feature is the Matching System, this feature makes it different from the general shopping / purchasing platform. There is no duplicate product page, so you can more accurately find the desired goods; no more waiting too long, the platform is to help find the traveler to meet your needs and buy the goods you want. If you want to earn extra money while traveling, you can also find buyers in Levooya, the platform will feed you some request according to your location. Levooya will also provide you with inspiration, learn about the latest trends and local popular purchasing goods.

12

Package Management

Release Product


Buy Name Your Own Price Unified Product Page Sell Sell In Your Store

Request Pool

New Status Notification

Location Track

Order Track

Transaction Record Package Detail

Activate Traveler Mode

Location Track

Store in Porfile

Manage Product

News Feed

Explore and Shop

13


Tab 2

14


Thought Page Tab 3 ( Others )

( Yours )

15


MATCHING SYSTEM ⢪欽չ窡♧㉂ㅷ갤պ〳懳錒䨾剤涸顠 㹻꨾宠莅颪㹻ⴀ⭆须鎝〥〳倴չ♳ 卺  ꨾宠㉂ㅷ갤պ⚥鱒Ⰵ꨾宠涸㉂ㅷ 须鎝䧴罏湬䱺♳卺㉂ㅷ

‘Unify Product Page’ enable users to browse all requests and products at the same time. ‘Post Page’ provide a way to customize a request or release a new product.

T AB 3 - P O S T

P R O D UCT P A G E

T AB 1 - H O M E

16

♳卺㉂ㅷ 䲿ⴀ꨾宠 䧮銴顠 䧮銴颪 䱺㋲䒊陾


17


PA C K A G E MANAGEMENT

⣜ -FWPPZB ❜僒崩玑㼟ぐ瘘鎎㋲禺窡⻋⢪假遤罏㖈㕜㢫刿 搂頾二㖒刿倞鎎㋲朜䢀㖈㖒顠㹻⛳腋幢嘽㖒鷆髠鎎㋲

Package Management systematizes and visualizes all orders to Levooya Transaction Process, and enable travellers to update the order status freely while buyers track the order conveniently.

18


R ELEA S E P R ODU C T 㹐醢⻋չ㉂䏅갤պ⿻➃䚍⻋涸➝꬗⤑ⵄ倴盘椚顋㈒⚥ 涸㉂ㅷꟚ㉬չ假遤罏钢阮պ⥃ꥻ❜僒Ⱇ䎂䚍❠ 倴չ껷갤պ⚥⣜㖒⼦䲀久飑暟꨾宠

Profile page, which has a adjustable layout and human-based design, allows Levooya users manages products, activates the traveller mode ,and also pushes local requests by the traveller’s current destination.

19


2.2

20

BLA

Mobile App UI Design Chen Na Lin

2016


New way to keep in contact #MB僽♧⦐⟃ :0捀㛇燊罜鹎遤 3FEFTJHO涸 BQQ♧珏耢粯剦⿼涸倞倰䒭

雊䩧䬸ㄎ隶䖤剤馱䝡〳⟃㹐醢⻋䝡銴⫄鷑涸耫갉♧꒳⫄鷑窍剦⿼剦⿼涸

䩛堥⽰ⵠ涮ⴀ䝡ⶍⶍ⫄涸耫갉 㥶卓⡹⫄✫♧⦐㋿➮涸䩛堥⛳剚갠♧耫㋿

"Bla" is based on the app "YO".It’s a new and funny way to say hi with your friends. You can record your own bla sound and send to friend at your fingertips. Then your friend's phone will ring with sound you recorded immediately. (If you send meow, the phone will sound meow.)

L OG OT Y PE

COLOR

FO N T

#042FBB #00A0E9 #00FBC6

Proxima Nova Family

Aa A B C DE F G H I J KL M N O P Q R ST U V W X YZ a b cd e f g h i j k l m n op q r s t u v wx y z 0 1 2 34 5 6 7 8 9

21


#MB剤Ⰽ⦐⴪邍갤꬗剦⿼⿻耫갉⴪邍剦⿼⴪邍⸆腋㽠僽㟞⸈ 䧴ⵅꤑ剦⿼耫갉⴪邍⸆腋⵱僽⺫䭍倞㟞ꅾ倞ㄐそⵅꤑ⫄ 鷑ꏗ갉⟃⿻⫄鷑䕧⫹涸 CMB

There are two lists on bla -Friend and Record. Friend list is for add and delete. The other list - Record, is for add, rename, delete, send and bla with photo/GIF.

Press

button

Press

button

Add a New Friend

Friend List

Slide half the cube

Record List

Press

button

Press

button

Click twice

Press

22

button

Delete any Friend

Send Voice Directly

Rename Each Record

Delete any Record

Bla with Photo/GIF

Add a New Record


23


B LA DI R EC T LY

鼇乵⟤♧ꏗ갉墂ぢ䊩徿ⴀ♧⼱㼟剚ⴀ植剦⿼⴪邍鸏儘⦬ 湬䱺䪾銴⫄鷑涸갉墂䬰刾ⵌ剦⿼涸そ㶶倰㝆⽰〳

Pick up any record cube and slide to the right, then, Friend list will show up. At this time, all you need to do is just drag the record cube to the friend cube, that's it !

24


B LA WITH P H OTO/ GI F 鼇乵⟤♧ꏗ갉墂럊乹Ⰽ♴㼟ⴀ植湱堥殥꬗〳徿⹛ 鼇乵銴⢪欽湱砤(*' 䧴用ⵠ䬝撑

Pick up any record cube and click it twice, then, the camera will show up. You can slide to choose library, camra or GIF which you wanna bla with.

25


2.3

26

F URN I S H

Mobile App UI Design Chen Na Lin

2015


Your best furnishing advisor 'VSOJTI僽雊⡹刿鰋僒䟝⫹倞⪨⥡仗㖈㹻酭剚Ꟁ䙦垺涸㥪䍲䩛㸐⛳⺫わ✫⪨

⥡贡亼㉂䏅殹䪪ⵌ㋐姹涸⪨⥡⡹〳⟃⮭㶸♴⢵⚛用⽰⢪欽 'VSOJTI 溏僽や 黠ざ⡹涸䨼꟦鸏僽♧⦐ 00 涸 BQQ⡹〳⟃顠⟤⡦ GVSOJTI ㉂㙹酭涸㉂ㅷ ⚛⚂湬䱺麌鷑ⵌ⡹㹻

Fuinish is a tool to figure out that how my furniture will be in my house. It also contains furniture shops. When you find something you like, you can save it and see how your room will be if you have it. It’s a O2O app. You can buy any furniture online and send it to your house.

L OG OT Y PE

COLOR

FO N T

#FCC4C6 #FCD8D9 #FEF7C2

BodoniFLF Family

Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

27


HOW DOES FURNISH WORK ?

28

殹⡹鹎Ⰵ鸏⦐ BQQ剚湬䱺Ꟛ㉬ 'VSOJTI 湱堥搭䖕⡹〳⟃⿡ 'VSOJTI ㉂㙹鸕鸕溏ⵌ㋐姹涸㽠 MJLF ゅ䱺♴⢵⡹㋐姹涸⪨⥡㽠剚鹎Ⰵ⡹ 涸 0SEFS-JTU 酭罜殹⡹㖈湱堥갤꬗儘䏁♴剤♧⦐겳ⴽ鼇㋲䭾♴

⟤⡦♧⦐겳ⴽ⤑剚駵ⴀ⡹齡⦐겳ⴽ涸㋐㥪⪨⥡鼇㥪⡹銴溏涸⪨⥡䖕 ⡹㽠〳⟃㼟䩛堥㼩彋⡹䟝銴佞縨⪨⥡涸㖒倰㽠〳⟃濼麥黠♶黠ざ㓫

When you are in this app, you will see the camera which catch the scene on this moment. After that, you can go to the online shopping platform choose any furniture you want and "like" it. Next, the thing you like will be listed on the Order List. On the camera page, there is a category bar, clicking each one of it will come out your favorite on that category. Afterwards, you can move the camera on the spot that you want to place your furniture.


Furnish

Camera

AR

Buy Button List

Order Track Add Menu

Library Category Explore Shop Library

29


A DD S OM E T H I NG YOU L I KE ⢪欽 'VSOJTI"3 湱堥⵹䝡䗳갭⯓㖈 'VSOJTI㉂㜥⚥⸈Ⰵ䟝銴飑顠涸⪨⥡荛 -JCSBS Z ⚥蕰僽溏ⵌ㋐姹涸⪨⥡⤑〳䭾♴ -JLF ꒳佐询荛 -JCSBS Z鹎Ⰵ湱堥 儘⽰〳⢪欽 'VSOJTI"3 湱堥錚溏僽や黠ざ

Before using Furnish AR camera, you need to add something to the Library. While exploring in the shop, you can press Like button in order to add some products to Library. Then you can use Furnish AR camera see if products are nice for you or not.

30


USE FU R N I S H A R CA ME R A 럊鼇겳ⴽ鼇㋲鼇乵⟤♧⪨⥡㼩彋䟝銴仗佞涸⡙縨⽰〳錚溏姽 ⪨⥡僽や黠ざ蕰僽䟝銴飑顠〳⟃럊乹輶䍌♳涸⪨⥡⵱剚騥ⴀ 欴ㅷ须鎝⭆呔⟃⿻飑顠䭾꒳雊䝡腋♧꒳飑顠䗱⹛涸㉂ㅷ

Just click category list and choose any product, then, you can see if the product is appropriate for your house. When you want to buy it, you can click the product on the screen.

31


2.4

32

TA LE N T Z Y

Web UI Design Chen Na Lin / Annie Lin

2015


Land your dream job & Find the right talents. 鸏僽 5BMFOU[Z 涸呍䗱⭆⧩歋姽〳濼5BMFOU[Z 涸湡垦㽠僽䍲⸔➃䩞䪪ⵌ黠

ざ涸䊨⡲⟃⿻⟱噠畮䪪ⵌ黠ざ涸➃䩞ⵌ湡⵹捀姺鸏僽♧⦐笪畀罜 .PCJMF 8FC⟃⿻ "11 僽䧮⦛涸♴♧姿

These two sentences are the slogans of Talentzy. Therefore, the goal of Talentzy is helping talents to find the right job and giving hand to enterprise to find their right talents. So far it’s a website. Mobile web and APP is our next step.

L OG OT Y PE

COLOR

FO N T

#E73A45 #F5C71B #69D1FF

Helvetica Family

Aa A B C D E F G H I J K L M N O P Q R S T U V WX Y Z abcdefghijklmnopqrstuvwxyz 0123456789

33


FUNC T I ON A L MAP

Individual

Enterprise

WIREFRAME 5BMFOU[Z é¸?âŚ?珪ç&#x2022;&#x20AC;⺍ă&#x201A;?â°?âŚ?éż&#x2C6;â´&#x2022;âŚ?â&#x17E;&#x192;ă&#x201E;¤â&#x;ąĺ&#x2122; 揽䨊ď&#x2DC;ˇ

âŚ?â&#x17E;&#x192;éż&#x2C6;â´&#x2022;ĺ&#x192;˝ăź 岤ĺ&#x20AC;´ä˛żâŁ&#x2DC;揽䨊✞ä&#x2019;&#x160;â&#x17E;ŽâŚ&#x203A;č?&#x2C6;ä&#x160;šćś¸ç&#x;Śĺ¨&#x153;ď&#x2DC;ˇâ°Śâ&#x17E;Ž ę°¤ęŹ&#x2014;âľąĺ&#x192;˝é&#x203A;&#x160;揽䨊â&#x153;Ťé?&#x2018;âŚ?â&#x17E;&#x192;ä&#x2022;&#x17D;é&#x;?㽠㼜ă &#x161;䧭ç&#x201D;¨ă&#x2026;ˇć&#x2122;Śč?&#x203A;ĺ&#x192;˝ă˘ľ

ë&#x17E;&#x2020;ę&#x2026;žé&#x160;´ď&#x2DC;ˇâ&#x;ąĺ&#x2122; éż&#x2C6;â´&#x2022;朸â&#x161;şé&#x160;´â¸&#x2020;č&#x2026;&#x2039;âľąĺ&#x192;˝ă&#x2013;&#x2C6;䏸翾éş&#x2022;ç&#x17D;&#x2018;â&#x161;Ľä?˛â¸&#x201D;揽 䨊ď&#x2DC;šâ&#x161;&#x203A;ä&#x2019;&#x160;ç&#x201D;¨â°&#x2014;ă &#x20AC;ă&#x2026;ˇć&#x2122;Śď&#x2DC;ˇ

â&#x20AC;&#x153;Talentzyâ&#x20AC;? This website contains two parts individual and enterprise user. Individual Part is focus on providing user create their own resume. The other pages is supporting users to know how important to making themself as a brand. And the main function of enterprise part is helping user in recruiting process and building their company brand.

34


Submit Create Resume Dashboard

Jobs

Job Search

Career Coach

Explore Articles

My Company

Corporate Image

Recruiting Page

Manage Reqruiting Process

Receive

Individual Homepage

Influence

Profile

Enterprise Homepage

35


I N D I V I DUA L ď&#x161;ł -BOEZPVSESFBNKPC ď&#x161;´ĺ&#x192;˝é¸?éż&#x2C6;â´&#x2022;朸暥ĺ&#x17E;Śď&#x2DC;ˇé&#x160;´é&#x203A;&#x160;揽䨊䪪âľ&#x152;ăŁ&#x2020;ä&#x;?ä&#x160;¨âĄ˛ęťˇé&#x160;´â&#x;¤âšĄâ¤&#x2018;

ĺ&#x192;˝äŠ§é¸¤âŚ?â&#x17E;&#x192;ä&#x2022;&#x17D;é&#x;?ď&#x2DC;šă&#x201D;&#x201D;姽ä&#x2013;°â&#x2122;˛âŚ?éż&#x2C6;â´&#x2022;襽äŠ&#x203A;  âśžä&#x2019;&#x160;ç&#x;Śĺ¨&#x153;ď&#x2DC;šč&#x20AC;ˇĺˇ&#x2020;äž&#x2020;玝⿝č&#x20AC;ˇĺ&#x2122; ď&#x2DC;ˇć­&#x2039;ĺ&#x20AC;´ćŽšä§Ž âŚ&#x203A;䪪㟌ä&#x160;¨âĄ˛ĺ&#x201E;&#x2DC;ď&#x2DC;šç&#x;Śĺ¨&#x153;ă˝ ĺ&#x192;˝ä§ŽâŚ&#x203A;çŞ?â&#x17E;&#x192;朸ç&#x2014;§â&#x2122;§â˝Ťé&#x;?ď&#x2DC;ˇĺ§˝ă˘Ťď&#x2DC;šä§ŽâŚ&#x203A;â&#x203A;łă&#x2013;&#x2C6;揽䨊ă&#x17E;&#x2026;㝨ç&#x;Śĺ¨&#x153;ă &#x161; ĺ&#x201E;&#x2DC;â&#x2122;§ĺ§żĺ§żçŞ?â&#x153;Žăź­ä˛żç&#x2C6;&#x161;ď&#x2DC;ˇč&#x20AC;ˇĺˇ&#x2020;äž&#x2020;玝â&#x;&#x192;âżťč&#x20AC;ˇĺ&#x2122; é¸?â°?âŚ?č&#x2026;&#x2039;é&#x203A;&#x160;⢪揽ç˝?ä&#x2013;¤âľ&#x152;ĺ&#x2C6;żă˘ľč&#x20AC;ˇĺˇ&#x2020;饝é&#x17D;?â&#x161;&#x203A; â&#x161;&#x201A;éş&#x152;揽ă&#x2013;&#x2C6;䪪㟌ä&#x160;¨âĄ˛â&#x2122;łď&#x2DC;šă&#x2013;&#x2C6;âśžä&#x2019;&#x160;㞡ĺ¨&#x153;âľšä&#x2013;&#x2022;䲿âŁ&#x2DC;é°&#x160;â¸&#x201D;ď&#x2DC;ˇ

"Land your dream job"-- It is the purpose of this part. Creating their personal image is our first mission for users who This part is devided into three functions - Create Resume, Career Coach and Jobs. Our purpose is that making users build themself as a brand through resume. Because resume is our first impressions when we find a new job. Morover, we guide users how to write resume appropriately by using step by step tips. Career Coach and Jobs these two function are assistants for users.

36


1

2

3

4

1. 宠 耷 껷 갤 I N D I V I D U AL HO M E PAG E 2. 之 㻨 㾷 娜 CRE AT E RE SU M E 鷷姿⼿⸔⢪欽罏㞅㻨㾷娜

Help user to write down resume step by step.

3 . 耷 巆 來 箻 CARE E R CO ACH

♧⦐䲿⣘耷巆须鎝涸爢❜䎂〵

A social media platform to provide information about jobs career.

4. 㼦 䪪 耷 緄 J O BS

呏亙⢪欽罏㋐㥪䲿⣘䊨⡲堥剚

Provide jobs by your preference.

37


E N T E R PR I S E 'JOEUIFSJHIUUBMFOUT僽鸏鿈ⴕ涸湡垦㔔姽⚺銴⸆腋ⴕ捀Ⰽ⦐䧮涸Ⱇ぀

⟃⿻䬸⹬➃䩞剚诔歋➃䩞畮涸չ耷噠պⴕ갤鹎Ⰵ⟱噠涸Ⱇ぀➝稲갤꬗罜չ䧮 涸Ⱇ぀պ㽠僽⼿⸔⟱噠腋㖈笪갤剤ꣳ涸晝꬗㸤侮涸ツ植Ⱇ぀ㅷ晦䕎韍չ䬸⹬պ 鸏鿈ⴕ⵱僽♧⦐盘椚䬸⹬崩玑涸䊨Ⱘ⢪⟱噠涸➃须鿈Ꟍ腋剤佪盘椚䬸⹬崩玑

The goal of this part is Find the right talents. Therefore, it devides into two main functions - My Company and Recruiting. Because talents will enter the company page by Jobs page in Individual part. "My Company" assists with presenting company's brand image in limited page layout. "Recruting" is a tool for HR helping them manage recruiting process effectively.

38


1

2

3

1. ⟱ 噠 껷 갤 E N T E RPR I SE HO M E PAG E 2. 䬸 ⹬ 崩 玑 RE CRU I T I N G PRO CE SS

䲿⣘侮⦐䬸⹬崩玑涸盘椚邍㋲럊鼇邍㋲⟤䠑瑠呔涸 侸㶶㼟剚곏爚姽ꥣ媯涸⦬鼇➃姽㢫鼩〳诔歋럊 鼇Ⰽ♴⦬鼇➃錚溏➮涸㾷娜

Recruiting page provides a management form of recruiting process. And clicking every number comes out the candidate. Moreover you can see the resume which chosen by clicking each candidate.

3 . Ⱇ ぀ 껷 갤 MY C O M PA NY

姽갤꬗⚺銴⸆腋捀⼿⸔⟱噠欽䨩ツ植Ⱇ぀⟱噠䕎韍

This page is for enterprise user to create their own corporate image.

39


GRAPH I CAL USER I NTERFACE DESIGN


SO RTING

T Y PE F ACE English Fonts

Museo Sans /PUP 4BOT

500 700

SEARCH

Chinese Fonts

-JHIU

%FNJ-JHIU 3FHVMBS

.FEJVN #PME

H EADER

BU T T O N S T Y LE Primary Button

TAB

Secondary Button

42


I C ON

I N A P P T UT OR IAL

43


T Y PE F ACE

B UT TO N STYLE Primary Button

Default

Activate

Camera Button

Camera

GIF

Photo

Recording Button

I N PU T BOX Default

Default Active

Activate

Record Cube

Success

Default

44

Activate


ICON

L I ST Friend List

Record List

o

e

45


3.3 T Y PE F ACE Primary

B UT TO N S T YL E

Buy Button

Default

Secondary Buy Button

Body

Default

I C ON

46

CAMERA P ICKER

A


HE ADER

S E ARCH

Activate

S IDEB AR N AV IGATIO N

Activate

47


3.4 T Y PE F ACE

SEARCH

Helvetica Neue

MENU Default

UltraLight

30pt

Thin

12pt to 26pt scale

Light

13pt to 14pt scale

Bold

15pt to 22pt scale

Active

FO RMS I C ON

Default

Radio Label

Chec

Active

Radio Label

Chec

Disabled

Radio Label

Chec

B UT TO N STYLE Default

Hover

Disabled

48


BANNE R ( MO TIO N GRAPHIC ) KEY IMAGE

BANNER

ckbox

ckbox

CHARACTER DESIGN

ckbox

49


GRAPHIC DESIGN


XI A O X UE 小

Layout / Graphic / Logotype Chen Na Lin

2015

DESIGN CO N CEPT

52

䌟衽♧럊涸⚥㕜㄂㼭錏鸏Ⰽ⦐㶶䌟窍✫䧮♧❉꫙䠮㔔捀鸏⦐㾝錒涸Ⰹ

㺂僽侸⡙谁遯植➿鸏Ⰽ罏꟦涸濨湽ꡠ⤚雊䧮Ꟛ㨥✫鸏⟝⡲ㅷⴽ倴⟃ 䖃䧮⢪欽䕙蒀ぢꆀ涸鋕錏罜ꬌ랱涯宐㟯⢵邍植

With a little classic eastern style literally, these two words "Hsiao Chueh" brings me some inspiration. Because the content of this exhibition is digital art which is modern. As a result, I use this ambivalent feature as my start. Diffrent from usual, I use colorful vector image instead of black and white ink-painting which is the stereotype in chinese.


53


S A L U 明 星 殺 戮 水

Layout / Graphic / Logotype Chen Na Lin

2014

DESIGN CO N CEPT

54

歋倴崞⹛涸㹁锅僽齭Ⱙꨶ䕧䧮⢪欽䭨顦䩛粭⟃⿻湬䱺✫殹涸韍䗚嫲㥶

竁粫䧆䱦涸歑➃過屯喀卌ㄤ鸏⦐崞⹛涸⚺錬뛩⢪欽鸏❉⯋稇穉 䧭鑠殯涸 DVMUGJMN 菛鑠殯涸孨㕠

Due to cult film tone, the poster gives the camp a weird opening by using hand painted illustrations and straightforward symbols such like binding rope, suspended man, pool of blood, forest and the main character on this camp - deer. Using these elements to build a mysterious atmosphere.


55


Layout / Graphic Chen Na Lin

2015

DE S IG N CONCE P T 鸏僽♧⟝侸⡙✽⹛谁遯涸⡲ㅷ⚺鋕錏⡲ㅷ闍鶤涸莅ꐏ剤ꡠ䨾⟃⢪欽ꐏ 涸痘贫⢵ⶾ⡲鸏⟝⡲ㅷ罜䧮㼟痘贫ⴗ⶷圓䧭Ⰽ⦐鿈ⴕ䠑䭸䧭➃莅㷛留⛓ ꟦⭆⧩錚⡙倴Ⰽ宐䎂箁♳涸Ⰽ畮럊

" Value of Money " is a digital installation art work theme. Because it talks about money, I use a "$" symbol to design this poster. Moreover, I divided this symbol into two parts - means adult and children are on the two sides.

56


57


九 零 年 代 :香 港

Layout / Graphic / Logotype Chen Na Lin

2015

DE S IG N CONCE P T 㻜驏㯯⫄䕧ꤎ僽禺♳涸⫄窡鹋劍䚍剚莊鳵♧妄涸崞⹛罜⛰ꨫ䎃➿껻度⛳ 僽殹⚥涸Ⱖ⚥♧妄ꨶ䕧僽歋ぐ⦐♶ず걆㚖涸谁遯竸ざ넓诔歋錚溏ꨶ䕧 涸麕玑ず儘雊ず㷸䖰⚥栽䖤㉬涮⚛䒊圓繡㷸㛇燊

90's Hong Kong is a movie theater be held every month by SCCD. The purpose is make the students on this department watching every classic film. Movie is formed of every field of art. They can be inspired by the film and build the basic of aesthetics.

58


59


Layout / Graphic Chen Na Lin

2017

DE S IG N CONCE P T 狲暟僽♧㜥Ⱇ渤纏颪僈⥌晚涸崞⹛⛳僽姽耢㾝涸⚺겗罜 &7&3:0/& :06.&&5*4"(*'5 僽䧮㼩狲暟涸鑣ꅼ➃欰⚥♶锸黩麂⡦珏涸➃鿪穅 㼟䧭捀귢ⴕ徱귢䧭㽠植㖈涸䧮⦛

Gift - is a postcard charity sale event, but also the theme of this exhibition. And EVERYONE YOU MEET IS A GIFT is my interpretation of this theme. No matter what kind of person we meet in life, will eventually become a nutrient to make us who we are now.

60


61


L E B E N K Ö PE R 科

DESIGN CO N CEPT

62

➃겳ⶾ鸤猰䪮猰䪮遥欰遤捀遤捀圓䧭欰崞植➿➃涸 欰崞䊺竤鄄猰䪮ⵖ秉㖒搂⟃鹳䕎剚♶剚剤♧㣔䧮⦛涸 聘魨䧭✫〫僽阮僈猰䪮饥麕涸阮亙

Human beings create technology, technology derivative behavior, behavior constitutes life. The life of modern people has been restricted by technology to hide. Will there be one day, our human flesh is just the evidence of technology goes by.


Layout / Illustration / Logotype Chen Na Lin

2016

Ancestor Founded Screen Printing 180 X 150 (cm)

63


THE SIGHT 此

DESIGN CO N CEPT

64

ⶍ炽涸搂堥넓莅厬鮿涸剤堥넓❜毕⛓♴涸欴暟

涮䟝⢵荈㻜驏㣐㷸涸䒊眡暟莅遳兞䨾閗剤堥暟僽捀➃⦛涸䙼笞㶸㖈倴穡圓 넓⛓⚥剓穅䙼䟝瑭唎荛㢫罜ꅼ佞䧭捀䧮⦛滚⵹涸鋕ꅿ

Interactions between organic matters and inorganic matters. The idea comes from the building structure and street scene at Shih-Chien University, regarding these things as inorganic matters,and the students' thoughts as organic manifestations. In this graduation exhibition, the audience could find all of works must reflect the thinking of students. To express this concept, the graphic of the organic matters shuttle outside the inorganic matters. At the scene, the audience and the author were finally got their own new sight of visions.


Layout / Printing : Chen Na Lin, Heng Ming Lai Illustration : Liang Chun Huang Graphic / Logotype / Photography : Wen Ting Tseng

2016 Graduation Exhibition

THE SIGHT Spot colour Printing 20 X 14 (cm), 688 page

65


林珍娜 作品集 | 2017 Chennalin Portfolio  

UI Design / Graphic Design 2013 — 2017

林珍娜 作品集 | 2017 Chennalin Portfolio  

UI Design / Graphic Design 2013 — 2017

Advertisement