portfolio

PORT

FOLI

O

R

ROCKY FONG

Opportunity is open to those well prepared for it .

EDUCATION Highschool : Pui Ching Middle School , Macau China University : National Cheng Kung University, Taiwan Department of Industrial Design PERSONAL INFORMATION Name : Fong Long Kei (Rocky Fong) Email: guiarocky@yahoo.com.hk Language: Chinese, English Phone: +853 66456236 , +886 0912459663 Country of Citizenship: Macau, China

DESIGN SKILL Industrial Design 2D: Sketch, Photoshop, Illustrator, Indesign, AutoCad 3D: Solidwork, Keyshot, Cinema 4D, SketchUp Web design: Dreamweaver, Flash (basic) Video and effect: After effect, Cinema 4D, 3D MAX

EXPERIENCE

INTEREST

"Mind The Gap" workshop with RCA (Royal College of Art), Tainan April 7 ~ April 12, 2013

Photography

Internship M-puls interior design, Macau China Summer July 2012 ~ Aug 2012

Piano , music (Associated Board of the Royal Schools of Music "Grade 8")

Page lay out design Worked for Pui Ching Volunteer Team Summer July 2012

Sport Badminton, snooker, table tennis, basketball ... ...

Having participated in government's volunteer team for 8 years since 2005

INDUSTRIAL DESIGN

PRODUCT DESIGN

HIFI-Charging Diversified CAM

BathMachine Combo-Sticks

Our main course in Junior.

Learning persona & scieniro.

弁It is the advanced course after basic design in sophomore.

08

WEBPAGE & FLASH

32

2D & 3D ANIMATION

Website - Avengers

2D motion Graphic 3D - Safe Guard

learn basic programmes with flash and dreamweaver in order to doing some basic webpage.

I learned AE by myself. It is because it is useful to my presentation skill.

68

74

TABLE OF CONTENTS

GRATHIC DESIGN

3D TECHNIQUE

INTERIOR DESIGN

Logo - Apostle T-shirt design

F-15 eagle

Intership in Macau

Grathic design in the resent four years including composing.

Building up a lot of 3D models and rendering.

Internship in summer holiday 2012, I learn a lot including autocad and sketchup.

46

BASIC DESIGN

54

SKETCH

CONTECT

Chalk - DART GAME Wood - FLYING FISH

Wood Chair Glass Swan

All Time

An entering domain of design, it is a basic training at first.

蠑！t is the basic training in presentation technique.

My information of contecting

80

60

94

102

Industrial Design Industrial Design The contents of Industrial Design is, to some extent, similar to Product Design but they are not exactly the same. In product design, we always focus on the shape. But in industrial design, we need to handle the prodcut with internal structure. Furthermore, learning persona and scieniro in this term.

8

Industrial Design

internal structure

Industrial Design

9

01

INDUSTRIAL DESIGN HII-FI CHANGING

Junior

At the begining, we were told to take apart a exisitng product. It should include internal structure and multi-function.

DISMANTLEMENT EXISTING PRODUCT After I dicuessed with my partner for a long time, we have chosen "HIFI" as our reference product. So we bought a abandoned HIFI to dismantle in order to understand the structure of HIFI.

10

Industrial Design

September 2012 ~ January 2013

PERSONA Age: 21 Gender: male Profession: student, architecture year 3 Height: 175 cm Weight: 66 Nationity: Macau Residence: TaiChung, indepedent room Statue of physiology: good, no special sickness, wearing glasses Interest: basketball, design related, team activity, photography, investigate science and technology Speciality: social interaction, photography Personality: humorous, friendly Expect the product for: hope it can user-friendly, communicate with external Reason of buying: can play the music while charging at the same time; have radio function; can listen music without turning on the computer Requirement: remote control, automatic stop charging function, bluetooth, Wi-Fi Improvment: the date and time will be reset after pull out the plug, the player can not connect to the computer because there is no USB plug, bad compatibility due to the various of plug in the market.

Hopeness: wireless charging Conclusion: convenient, reduce the mess fitting, enjoy the life, cool shape, attend to life style

September 2012 ~ January 2013

Industrial Design

11

O

I AR

N E C

S

IF .. THEN

According to the persona, expected that what your user will do when using your product in any situation.

If you want to listen the music and charging mobile phonethen turn on bluetooth and HiFi + wireless charging, take away the remote control If you just want to listen music then turn on bluetooth and HiFi, take away the remote control or mobile phone If you just want to charging then put the phone on charging board and turn on it If you want to listen music + use the phone then turn on the bluetooth and HiFi, take away the mobile phone If you want to listen music when taking a bath then turn on the bluetooth and HiFi, take away the remote control or mobile phone If you want to listen music when you back home then turn on the bluetooth and HiFi, take away the remote control or mobile phone If you want to listen music when you are in bed then turn on bluetooth and HiFi + wireless charging, take away the remote control If you out of battery when playing music then open the wireless charging If you having a call when playing music then stop the music or turn off the bluetooth

12

Industrial Design

September 2012 ~ January 2013

HIFI CHARGING CONCEPT OF DESIGN

bluetooth + Wireless Charging board

DESIGN

FUNCTION

Enjoy music Cool shape

Remote control Bluetooth, WIFI Charging

+

Vinyl Player I take the shape of vinyl p l a y e r a s re f e re n c e becuase my HIFI want to give people a vintage-trend feeling.

Imitated the behavior of using vinyl player.

It would make you feel more professional on the knowledge of music

Bluetooth

Wireless charging board

Bluetooth techonology make mobile phone as a remote control and not merely be used for single product. It can be accepted by many advices. for example: Iphone, Ipod.

Eliminated the need for inser ting and pulling out the wire because it is easier to damage the plug.Furthermore, after combining the bluetooth function, wire can be abnegated.

September 2012 ~ January 2013

Industrial Design

13

Wireless Charging Remote Control

HiFi

CHARGING Play Music

Speaker

Inside - bluetooth

CONCEPT MODELING

14

Industrial Design

This is a HiFi. For the purpose of design, I want to combine the bluetooth and the wire-charging board in the HIFI so that there are not trouble wires at your work place. Furthermore, I imitated the shape of vinyl player because it would make you feel more professional on the knowledge of music.

September 2012 ~ January 2013

WIRELESS CHARGING

MUSIC SWITCH

Putting your products on the circle-wireless charging board. You can play the music form the mobile phone when it is charging.

This is the switch of the HIFI player. If you put the pole on the charging board, then the HIFI will be turn on.

REMOTE CONTROL

FUNCTION

The remote control is a part of the HIFI, but you can still use your phone as a remote control. Separated it when you are charging your phone on the board.

September 2012 ~ January 2013

Industrial Design

15

IMPRESSION

in Junior, it is essential to deal with internal construction. Hard to improve the product from appearance. So it is quite a big challenge to me and it involved in part of technology. But in fact, I feel considerably happy because I have learnt how to cut in a problem, from dismantlement to interview. Concerned the demand of users and so on. Although this product is not perfect but it is definitely a good start for me in no doubt.

Using your phone to control the HIFI

16

Industrial Design

September 2012 ~ January 2013

FUNCTION

Hi-fi

REMOTE CONTROL The remote control is a part of the HIFI, but you still can use your phone as a remote control. Separated it when you are charging your phone on the board.

FREESTYLE

CHarging

WIRELESS CHARGING

HIFI CHARGING PLAYER = Bluetooth + Wireless charging + HIFI + Remote control

Putting your products on the circle-wireless charging board.

You can play the music form the mobile phone when it is charging.

MUSIC SWITCH This is the switch of the HIFI player. If you put the pole on the charging board, then the HIFI will turn on.

This is a HiFi. For the purpose of design, I want to combine the bluetooth and the wire-charging board in the HIFI so that there are not trouble wires at your work place. Furthermore, I imitated the shape of vinyl player because it would make you feel more professional on the knowledge of music.

Student number F34995029

Project Name of project

Designer 馮朗祺 Long-Kei, Fong

University National Cheng Kung University Tainan City, Taiwan Department of Industrial Design

September 2012 ~ January 2013

E-mail guiarocky@yahoo.com.hk

Industrial Design

17

INDUSTRIAL DESIGN

02

DIVERSIFIED CAM

Junior

CHOOSE OUR TOPIC In the market, there are few products which are considered to be used for single and plural users. When a product is used by over one user, how to communicate, how to trasfer the detailed message to next user. So, we have to discuess and find out an appropriate product this topic.

18

Industrial Design

September 2012 ~ January 2013

C A M E R A Finally I choose digital camera

Helper

You

PRIMARY CONSIDERATION When you are alone, then you want to take a photo of yourself. You need help from others. If the helper is a beginner, it is hard to explain what you want. For instance, the angle of taking photo, proportion and the distance. General digital camera did not come up with good solution within this situation. So I decided to dig into this problem.

September 2012 ~ January 2013

Industrial Design

19

SEARCH & GENERALIZE ISSUES

PREFACE

First of all, I interview my target users and figure out the issues. It is because I am going to seek for the opportunities. before that, I need to generalize all of issues in different title in order to plan the next process.

PROBLEMS TO SINGLE-USER

PROBLEMS TO MULTI-USER (e.g. A hoped that B takes photo for A)

Not user-friendly to the beginner Can not find the button easily Do not know the signficcant of the button Possible to confuse to the front/back of the camera Do not know the multi-function button Always take a blurred photo due to unstablity with you hand Hard to distingish the difference after changing the value Hard to distingish various of jacks if not usually operate Can not watch theb preview screen when Autodyne Some function can not be used suddenly when batteries are low Too many different type of fucntions

B do not know how to take the camera A do not know how to describe the function to B: the angle of taking the photo, distance, proportion B do not know whether A satisfied the photo he took A do not know how to tell the perfect time of taking photo with B A do not know how to take the multi photo with different values B do not know A's instruction e.g.: A tell B to adjust the exposure but B can not find the button B press the unknown button, then do not knwo how to exit A probably do not know whether B have taken the photo or not e.g. far distance A do not know how to tell B take what photo A wants. e.g. many place

Print all the issues in a paper and cut it in a small pieces so as to generalize it. Lastly, give a title to different groups and print it out into a new paper.

20

Industrial Design

September 2012 ~ January 2013

CLASSIFY ISSUES UNDER

8

TOPICS

Based on the issues, I classify issues under 8 topics, then invite my target users (7~8 friends) to help me. I explain my demand and brainstorming.

BRAIN STORMING 1.

2.

3.

4.

5.

6.

7.

8.

A do not know how to tell B what the photo style he wants B do not know whether A satisfied the photo he took User-friendly to the beginner Camera can not be used easily by the mass difference of the body User is not familiar with the function of the camera detailly Problems with the bad interface design of the camera Not enough hints when using the camera others

If they have thought any idea, they would use sticky to paste on corresponding issue paper.

According to those ideas, I try to look for the opportunities so that I can decide my "main course" and "side dishes".

September 2012 ~ January 2013

Industrial Design

21

CHAN

SEPARATING 22

CPE O

INT

SOLUTION

DIGITAL CAMERA

PREVIEW SCREEN

Main Trun

Industrial Design

September 2012 ~ January 2013

CAMERA LENS

From all of the issues, finally I decided my topic that is to separate the "Preview screen" and "Camera lens". It is because it is the most directly way to preview accuratly than communicate to the helper even if the helper is a beginner. if you can preview it, the photo would be what you want.

Based on the issue and situation, I set my target user as a student and write the persona. After that what I design need to suit my persona. It is a good training to restrict my design.

PERSONA Age: 18 Gender: female Profession: student Height: 170 cm Weight: 55 Nationity: Macau Residence: Macau, indepedent room Statue of physiology: good, no special sickness Interest: shopping, photography Choosing digital camera because it is light and easy to carry, she would not choose SLR camera done with complicated operating.

Like to seek out and taste delicious food and like to take photos to share with her friends.

September 2012 ~ January 2013

Industrial Design

23

Scenario 1 - (B help A take photo) Student - female 18 years old (we call A in this article) On saturday, A go out with B. They saw a beautiful sunset glow in the evening. A take out "diversified cam" and let B take photo for her. Firstly, A take a preview photo at a approximate angle she want, then the "cam" would record the coordinate (x,y,z axis). After that, A separate the camera lens to B and then A take the preview part. A observe through the preview screen that her position and angle whether she expects.

B take camera lens slightly low, so the back screen of camera lens shows the position is a bit low than A's record and then the "pan up" indicative light would flash. When B take it higher, the back screen would show that "pan up" light disappear and the "centre original point" light would flash. It explained that B have been the correct position as A's record.

Through the preview screen, A confirm whether there is any passer-by behind her and observe her position. So that A can take a photo according to her will.

24

Industrial Design

September 2012 ~ January 2013

S

SCEN ARIO

Scenario 2 - (autodyne) In order to enjoy the free evening, A go to coffee shop alone.

Drink some milk tea and taste some delicious desserts.

Today, A order a luxurious cake and going to take a photo but no one wanna help. So she want to "autodyne".

She wants to prove that she have ever tasted this cake. A separate the "cam" and put the camera lens part in her left hand, preview screen in her right hand. (Typical autodyne) , A observe herself and the cake including in the photo through the preview screen. Confirm and press the button.

So that it can be easier to antodyne.

DIVERSIFIED CAM

Here is my new design according to the previous research. This camera's name is "Diversified Cam".

September 2012 ~ January 2013

Industrial Design

25

DESIGN GENERATION

Button Fleshlight Non-slip haddle

Rotation

Camera lens Haddle

INTRODUCTION In some situation, needing the other people to take a photo for you. It is not the first time that such things happen, but in fact, you can’t preview whether the angle, proportion and the distance are what you want.

26

Industrial Design

September 2012 ~ January 2013

SOLUTION The way to solve problem is to separate the “preview screen” and “camera lens”. The advantage of this design is you can preview all the details by yourself accurately.

Merely Requesting the helper oriented the camera lens to you.

CHOOSE COLOR In order to distinguish the "camera part" and "preview part". I use intimation of color, camera part is as drak red, preview part is as dark grey.

The button is red becuase it is easier to distinguish and reduce the other button as much as possible. The goal is easier to the use when using the camera.

CAMERA

PREVIEW SCREEN

CAMERA LENS

Hoped to adopt touch screen, reduce the number of button because of reducing the confused cognition.

Showing that simplify the operating interface.

The back of camera attachs small tripod. Because it is necessary when autodyning. It is hard to find a suitable-high table, so the elevation angle of camera lens can increase the flexible and usability.

You preview surrounding according to the preview screen Preview screen

Camera lens

You

Helper takes the lens that oriented to you

Helper

TABLE Preview screen

Friend

Camera lens

Put the camera on the table and adjust the angle of elevation Helper takes the lens that oriented to you

You

September 2012 ~ January 2013

Industrial Design

27

DIVERSIFIED CAM

PERSPECTIVE

Industrial Design

28

Industrial Design

FRONT

BACK September 2012 ~ January 2013

PAN

SYSTEM

The way for user is to separate in two parts:

BEGINNER

ADVANCED

Helper is beginner, only demand the helper take the lens that orient to you but you need to adjust the details and your position. Overall, the photo may be appeared deviation.

Complex method is the "PAN SYSTEM" (upper picture).

As you can see, when the circle is green that means your position is original point. Method: First, you take a photo under your expected angle, it is zeroing of XYZ axis of the camera. It means that your position is original point at present. When you give the camera to the helper, it probably appear deviation because of the height or wrong position.

For instance, if the helper is shorter than you, so the position of camera will be lower than before. So the PAN SYSTEM would show "PAN UP" pattern in order to make the helper perceive that taking the camera a bit higher. When the camera come back to the original point, the SYSTEM will show "CENTER" pattern, you can notice that according to the scrren. After confirm it, it means you have dropped the deviation to the lowest.

Center

Pan left

Pan up

Why design a strip of red camera?

It is because anticipated that helper use two heads to take the red camera so that increasing the stability. Furthermore, it is easier to control the orientation.

ASSISTANCE September 2012 ~ January 2013

Industrial Design

29

M ODEL I used ABS as my key material. As you can see, there is a "door" at the right part of the camera, it can be rotated and the purpose of it is to take out the camera lens and the battery.

DIGITAL CAMERA 30

Industrial Design

September 2012 ~ January 2013

DIVERSIFIED CAM Introduction In some situation, needing the other people to take a photo for you. It is not the first time that such things happen, but in fact, you can’t preview whether the angle, proportion and the distance are what you want.

The way to solve problem is separate the “preview screen” and “camera lens”.

The advantage of this design is you can preview all the details by yourself accurately. Merely Requesting the helper oriented the camera lens to you.

Student number F34995029

preview screen

camera lens

You

button

Helper

•Helper takes the lens that oriented to you •You preview surrounding according to the preview screen

fresh light Centre

non-slip handle Centre camera lens

Table preview screen

Friend

camera lens

Project Diversified Cam

Designer 馮朗祺 Long-Kei, Fong

pan up

It is because anticipated that helper use two heads to take the red camera so that increasing the stability. Furthermore, it is easier to control the orientation.

handle •Put the camera on the table and adjust the angle of evevation •You preview surrounding according to the preview screen

You

pan left

Why design a strip of red camera?

University National Cheng Kung University Tainan City, Taiwan Department of Industrial Design

September 2012 ~ January 2013

E-mail guiarocky@yahoo.com.hk

Industrial Design

31

Product Design Product Design After finishing basic design, our main course is product design. In this part, the product we design must be "The shape is function" . We always pay close attention on how to design the shape useful and aesthetic.

32

Product Design

Product Design

33

聯 • 筷 COMBO-STICKS IDEA THINKING I h a v e a l re a d y d o n e t h e research and analysed the exsiting products. After that, according to the image map and SWOT, I draw many idea sketches to find the chance point.Our teacher would criticize my idea whether it works or not.

34

Product Design

September 2011 ~ June 2012

01

PRODUCT DESIGN

Designed for elders

IDEA　SKETCH Sketch various types of concept products for elders.

September 2011 ~ June 2012

Product Design

35

Using Prezi to preent

Sense of sight

Sense of taste

1. Can not see what seasoning in cans 2. Distingish different type of cleaners 3. Can not adjust the light or dark environment rapidly 4. Regeneration, can not find glasses 5. Can not see the word of the button 6. Easy to hit the corner 7. It is dangerous to use knife 8.The color of environment or product can not complicated, may be make elderly feel illusion, easy to fall down

1. Regeneration affect the sppetite 2. Leak the gas but do not notice 3. Scorch something but do not notice

Sense of touch

Action 1. Hard to keep the kitchen clean by themselves 2. Hard to squatting 3. Can not take stuff in high position 4. Easy to fall down in wet floor 5. Wearing clothes, sit down or get up, it is hard to them 6. Hard to stoop 7. Memory become worse

1. Decline the sensitivity with hot water 2. Hard to distingish whether the button is pressed

Strength Sense of Auditory

Sense of taste

1. May be can not hear the voice, e.g.boiling water 2. Forget to swtich off the tape

36

Product Design

September 2011 ~ June 2012

1. Regeneration of the teeth affect the ability of chewing and sppetite 2. the weak teeth

1.Can not squeeze the toothpaste 2.Hard to turn on the tape 3.Easy to break the plates 4.Can not open the refrigerator 5.Can not move the large electrical machine, e.g.electric water pot

Kit

chen

Image map

SWOT Strengths:

Weaknesses:

Opportunities:

Threats:

Reduce waste Easy to clean Avoid complex operating

Power waste Expensive Operational difficulties

Adjustable Les ancillary products.

Automatic products

September 2011 ~ June 2012

Product Design

37

FIRST CONCEPT In my theme, the important part is the way to combine the chopsticks.

In my first concept, I try to simulate the combination of puzzle in this design. But the construction is easier to be snapped. It is also dangeous to elders, so this method is not worked.

38

Product Design

September 2011 ~ June 2012

聯 • 筷

CONCEPT In this term, our topic is “Care aged”. Nowadays, we hope that elders could live a independent life and keep their self-esteem.

COMBO-STICKS

聯 • 筷 COMBO-STICKS

聯 ‧

combo-sticks

I design this “Combo-Sticks”, the concept is very simple,that is combination with the chopsticks, not only easy to lose the single one, but also it is benefit for the elderly to find them when you are preparing the tableware.

Cross-section :

This is a good way to combine because it is not easy to be snapped in this structure.

筷

Separation

combo-sticks Combination

Cross-section :

September 2011 ~ June 2012

這學期，我們組的題目是”為老人

而設計”，現今，我們希望長者有 Product Design 39 能力自力更生，過獨立生活，而且 能保存自尊地堅強生活下去，所以

M DEL

40

Product Design

Combo-sticks' model is not difficult. I used ABS as my main material.

September 2011 ~ June 2012

聯 • 筷 COMBO-STICKS

IMPRESSION The big different between sophomore and freshman is "thought". We consider not only the aesthetic feeling but also need to concer n about the target user. Design for them and search many infor mation in order to understand their life. It is a great experience for me to know a word "Empathy".

Poster combo-sticks

Cross-section :

這學期，我們組的題目是”為老人 而設計”，現今，我們希望長者有 能力自力更生，過獨立生活，而且 能保存自尊地堅強生活下去，所以 我們組都以此為前題下，進行一系 列之設計。

In this term, our topic is “Care aged”. Nowadays, we hope that elderly could live a independent life and keep their self-esteem.

Separation

這個設計的概念十分簡單，各種不 在食用時之情況下，使筷子在以組 為單位，方便收拾與整合。把筷子 結合起來，不但不容易遺失單一隻 筷子，而且在清洗與準備餐具時， 亦有利於長者使用。

So that I design this “Combo-Sticks”, the concept is very simple, combination with the chopsticks, not only not easy to lose the single one, but also it is benefit for the elderly to find them when you are preparing the tableware.

Combination

Student number

Project

Designer

University

Email

F34995029

Combo-sticks

馮朗祺

國立成功大學 工業設計學系 產品設計A

guiarocky@yahoo.com.hk

September2011 2011~~June June2012 2012 September

ProductDesign Design Product

41 41

BathMachine Designed for elders

CONCEPT It is a bathing machine for elderly. When they used general bathing machine, the way to take bathes the dew or shampoo is to press or push the button. Consider that elderlys' fingers are weak to do such things. In this product, you just put your hand to push the lower board so that shampoo can be used.

The mainly adventage of this product for elders is that it can be "one hand used". It is convenient for elderly when taking a bath. Then it is more safe than general bathing machine.

Designed red slide button is easier to recognize for elders One hand used onlyć°ś

Shampoo

Bathes the dew

PU model

42

Product Design

September 2011 ~ June 2012

PRODUCT DESIGN 2

PUSH

BEFORE

AFTER

Bathes the dew

Shampoo This machine can help the olderly easier to use the shampoo and bathes the dew, just put the hand to the lower part and push it, the shampoo can be used.

One hand use only, it is more convenient and safe.

PUSH

AFTER

BATH-MACHINE

Poster

bath machine

National Cheung Kung University Industrial Design

103 馮朗祺 F34995029

September 2011 ~ June 2012

Product Design

43

Twis y s a

E VER.

ing

t-purify

Juicer

CNC

It is my first time to do the model with CNC because the shape of the juicer is difficult to hand made with PU.

1

FUNCTION

IMPROVE

FUNCTION

Tis is the first idea -- separating the manual juicer into two parts, as you can see, you can turn around the upper part in order to make the four sticks sweep the flesh of fruit out of the lower part.

After doing the prototype, we discover that lower part is too shallow. You need to clean the juicer many times. Furthermore, it is not necessary to make holes on the cone.

Some function same as Version 1. We reinforce the depth of the lower part against the problem and then add a new tool to help to use.

44

Product Design

September 2011 ~ June 2012

02 Manual Juicer

PRODUCT DESIGN Appearance

Sohpomore

THEME

CHANCE POINT

It is a group project, 3 person in one group.

Because of the theme, we search a lot of exsiting manual juicer, try to understand the construction of juicer and find out the problem that we want to solve.

Before we design the manual juicer, we do many experiments. Eventually, we discover that manual juicer is hard to clean the gap because flesh of fruit is easier to be clipped by the gap and adhere on the juicer.

VER.

2

FINAL VER.

IMPROVE

FUNCTION

Although we reinforce the depth of the lower part but it is not good-looking. Overall, it is too large for user.

In final version, we improve the previous problem. We modified the bottom of the lower part from right angle to arc so that the lower part is not essential to design too deep. It is because the gap would not be squeezed by the flesh of the fruit.

September 2011 ~ June 2012

Product Design

45

Graphic Design Graphic Design Something I have done in photoshop class, something I have worked for organization.

However, The will is not to show what great skill I have, just share some ideas in here.Enjoy it.

46

Graphic Design

Photoshop, Illustrator

Graphic Design

47

APOSTLE速

Concept Regard cruise as the title, the direction of design mainly combine the name (APOSTLE) and the implication of cruise.

In the name, I use JESUS FISH as the repersentative of Christian, our cruise would be safe under the protection. Then, the tail of the fish represent the bow of the cruise (perspective), the logo with blue color and smooth curve show that it concerns about the nevigation.

48

Graphic Design

Jesus Fish This part represent the bow of the cruise ( perspective )

It is a sign of representative of Christian. In bible, there is a story - "Jesus Feeds the Five Thousand".

Therefore, christian is likely to metaphor themselves as a fish which is safely and freely under the Jesus's take care.

Triple Folding DM

ONBOARD EXPERIENCE GIFT & SERVICES

APOSTLE 速

There's no better way to wish someone a great vacation than by having fantastic gifts sent right to their stateroom. Or treat yourself ! Welcome to click our website below to browse our great selection of onboard products and services.

PLANNING CRUISE

APOSTLE 速

SERVICE

CRUISE

How could such a large ship offer so much, yet feel so intimate and personal? Every vessel in our fleet is designed to give you plenty of room to yourself, with spacious decks, comfortably elegant public spaces and inviting balcony staterooms.

Yet each also creates wonderful opportunities to socialize with a variety of sensational activities and entertainment to suit your mood.

ENJOY YOUR LIFE

POSSIBILITY

Cruise Ship Company Ltd

FRONT

Offers everything you could need for a relaxing, rejuvenating retreat, including a wide variety of freshly prepared cuisine .

BACK

LOGO and DM

Graphic Design

49

Design for my high school - Pui Ching Middle School, I design the T-shirt for the alumni association of high school in taiwan, my high school's main color is red and blue, so it is the major color I used. The idea is that I hope our students can work hard and achieve their goal in taiwan.

50

Graphic Design

This is the second one, the first one can not be produced becuase of the technology. this T-shirt has been produced 60 pieces of clothing.In this T-shirt, I was told to design a main logo on it due to the production.

Graphic Design

51

ONLINE MAGANiZE I did the online maganize for Pui Ching Middle School Volunteer Team. I did the composing and make use of some provided photos. The title is "Slave of internet". Until now, this maganize still be presented in that website.

澳門培正中學義工隊學生德育小組

http://issuu.com/pcvtt_2/docs/pcvtt_2

師生們

世代 尋找這 品 電子產 響力的 最具影 不可 缺

積極參

與活動

經過

一輪投

票後，

？ 結果為

師生們

，工 具是 日 午 絡的 功能 3 月 23 要發 揮網 小組於 地方 向 因此本 園內 不同 少 的。 到了， 峰期 在校 世界 末日 間上 學高 留在 身 ：「 如果 電子 產品 師生 們問 在白 板 把哪 一種 把答 案畫 應， 你會 選擇 者需 訪問 53 人回 邊？」被 共得 到 5 人和 活動 生 學 上， 是次 人、 小 學 生 37 中 括 包 人。 老師 11

！

尋找這世代最具影

響力的電子產品

13

Conclusion

超過一半的受訪者表 示會選擇智能電話留 在身邊。 電話的重要性甚至超 越了電腦，因為 智能電話的功能越來 越多，可算是一部行 動電腦，過去只 能用電腦上網、打機 、收發電郵，現在通 通透過電話可以

做到；

電話與網絡 (3G

服務 ) 結合發揮極大 的影響力； 而 Facebook、微 博、WwhatsAapp 等軟件廣受用者喜愛 。

12

電視

2% (1)

雪櫃

4% (2)

智能電話 14

57% (30)

電腦或平板電腦

26% (14)

電子玩具

6% (3)

MP4

4% (2)

相機

2% (1) 15

52

Graphic Design

30

Pages

MAGANIZE Ver.2 This maganize is talking about the relationship between male and female . Until now, this maganize still be presented in that website.

MANNER

三十而盛？剩？

古語有云

：身體髮

膚受諸父

為甚麼我

母。

們要改變

自己的原

貌呢？

美呢？

到底現在

誰為美下

定義呢？

為甚麼我

們要損害

更何 況這 自己推進

種美 麗真

、承受不必

要的傷痛

的可 以維

不停整形

持一 輩子

呢？

嗎？ 為何

的深淵當

要把

中？

同

瘦 = 美？

8

NEGATIVE

因為 一個 表示 不會 單單 ，大 部分 同學 與人 的相 在是 次訪 談中 為他 們認 為人 人下 判斷，因 。同 學在 人的 體形 對別 缺內 心交 流的 依賴 外表 而欠 們較 偏向 以整 識絕 不單 純只 ，他 響下 會主 流思 想影 樣重要！ 瘦等 於美 的社 美與外在美同 調內在 ，他們強 體來看一個人 ： 息如下 當中的重要訊

內在美

至今日 肥就是美，時 朝時代，女子 身上的 回想在中國唐 ，容不下我們 瘦為美的象徵 通被稱 我們的社會以 己的名字，通 的人會失去自 基本的 之間最 一點肉，肥胖 人與人 「肥仔」，連 會引致多種疾 作「肥妹」、 道肥胖 當然大家都知 為健康 尊重都欠奉。 所以亦有人因 影響， 康構成 磅的成 病，對個人健 重只有一百餘 一個體 但試問 能認同 原因而減肥。 的想法，你又 至一百磅以下 年女性說要減

BELAUTY

外在美

中佔有 不少女性心目 這個詞定必在 美，因 現今「減肥」 減肥為了追求 位，有人認為 肥」這 十分重要的地 地大家對「減 瘦的人，漸漸 心就充滿了罪 為大家都喜愛 吃一杯雪榚內 變。多 取量或 個字就聞者色 計算食物的攝 一整天就嚴格 都被慢 餘下的 惡感， 得的正常生活 了，連我們應 何東西 不吃任 慢改變了。

POSITIVE

瘦身文化

NAT U R A

整形 / 整

容文化

整形 / 整容 是近年火 醫學 整形 速興起的 社會潮流 主要 為燒 ，過去的 傷或 意外 回復原貌 毀容 的創 ，使其能 傷病 患者 過正常人 為了 自己 的生活。 能像 某某 今天不少 明星 的五 來容貌， 人 官或 臉型 可見現代 而改 變原 人對整形 大的轉變 / 整容的觀 。有人會 認為一些 念有著大 注射 bot 簡單的整 ox、割雙 形如在臉 眼皮等， 亦有人說 上 是一些見 人天生就 慣不怪的 追求美麗 形 / 整容 事； ，即使美 塑造的， 麗是透過 但得到別 值得的。 整 人口中的 一句讚賞 是

E

是次 大部 分受 訪者 較崇 尚自 便是 美， 然美，不 反而 他們 是像 某某 強調 個人 齊、 衣服 明星 的基 本護 乾淨 整理 理， 如頭 便可；亦 形 / 整容 髮整 有同 學接 來改 變外 受以 輕微 表， 但不 同學 從長 的整 能變 成第 遠的 兩性 二個 人。 關係 來看 外表 的改 部分 ，指 出刻 變是 不能 意為 別人 維持 持久 的外 表不 作出 的兩 性關 是用 來取 係， 因為 悅別 人的 應存在著 自己 ，人 與人 包容這兩 之間 的相 個字。 處理 當然 愛美 不是 罪， 當你 整形 更高 更直 後， 也許 的鼻，或 你會 得到 如鵝 蛋般 己的 樣子 一個 的漂 亮面 變得 不自 形， 但卻 然， 終日 走樣，最 使自 害怕 自己 後我 們應 的樣 子何 用問 自己 手於人而 時會 ：為 何自 不是由自 己的 美麗 己決定呢 要假 ？

我們的同學認

我們的同 學接受整 形嗎？ 還是更愛 自然美 ?

NEGATIV

http://issuu.com/pcvtt_2/docs/pcvtt-2

自己身體

T IC

我們不夠

COSME

是誰告訴

POSITIVE

自然美

受 訪者對「盛女愛作戰」倡議的交友理論、方法的看法

AT M O S

T HE RE

9

優勢；

中較有 會在人際交流

瘦可能

外表美、體態

人的人；

虛假、真誠待

性格率直、不

但同學更喜歡

12 位同學 一種鼓勵，但 外在美可能是 的定義 由此我們認為 的，而對內在美 義都是不一樣 真誠 待人 的人。 對外在美的定 格率 直、不 虛假、 還是好好修 則較 為一 致：性 造的美麗定義 人塑 求別 人格內涵呢？ 同學們，你要追 、受人稱頌的 久不變 煉自己追求恆

嗎？

7

18

6

Pages Graphic Design

53

3D Technique 3D Technique 3D technique is a good way to show your concept prodcut truly. It is adventage for simulating the situation and helping to explain your idea.

54

3D Technique

Solidwork, Keyshot, Cinema 4D

3D Technique

55

F-15 Eagle F-15 eagle model is made by solidwork. It is my sw homework and require to build a difficult model .It took me nearly 30 hours. After building, I use cinema 4D to render it because I can control all the details than using keyshot.

56

3D Technique

PRACTICE F-15

it is the rendering in Cinema 4D, I also did the simple flying animation in order to practise. I use several lights and make the obvious shadow to show the contrast.

3D Technique

57

3D MODEL

I learned solidwork and keyshot by myself. So I found a lot of practices from internet. Since that, I always use solidwork as my testing tool after sketching.

58

3D Technique

DON"T WASTE YOUR TIME

3D Technique

59

Interior Design Interior Design In 7~8 months 2012, I enter a interior design company to do the fieldwork. I learned lots of techniques of interior design. I learned not only software in office, but also follow the director to the client's house to observe the environment.

Furthermore, I am glad that I can broaden my visions in this summar holiday.

60

Interior Design

AutoCad, Sketchup

Interior Design

61

AUTOCAD Fortunately, the director is very nice, he taught me a lot and gave me a lot of time to practice. AutoCad is usually used in production and engineering, It is very lucky to have chance to learn this software because it can also help me a lot in the field of industrial design.

62

Interior Design

Different color represented in different layers Interior Design

63

This effect picture is made by sketchup based on the previous autocad file.

This effect picuture is living room. I designed it and I think the trick part is how to control those lights.

64

Interior Design

This is the master bedroom, there are several lamp troughs on the ceiling.

I am trying to familiar with the function of sketch-up. It is a kind of helpful tools in interior design.

Interior Design

65

SKETCH-UP

66

Interior Design

This software is esay to the beginner. it is a nice 3D software.

According to this intership, now I can do the simple interior design based on the real unit. This picture designed for my uncle's new unit. My style is that trying to design a concise, clean space to the user. The main colors always are white, black, wood.

I am glad to broaden my visions. Reconizing a lot of new materials that is different with industrial design. The director taught me a lot, give me majority of advices on design. So, it is a wonderful experience to me in this summar holiday.

Interior Design

67

Webpage & Flash 3D Technology Concert about the technique of flash and dreamweaver, I only can do the simple stuff and type the basic programme ( or modify the existing programme), but I still try to build up some webpages and practising.

68

Webpage & Flash

<style type="text/css"> .style1 { font-family: Arial, Helvetica, sans-serif; color: #0033FF; Dreamweaver, Flash

font-weight: bold; font-style: italic; font-size: medium; } </style> Webpage & Flash

69

Dreamweaver

70

Webpage & Flash

I used dreamweaver to do this webpage. The primary function is "Frame" . If you select the button in the upper frame, it just change the main frame. It is the basic structure I used.

This is my photoshop homework, for example, click the "SpiderMan" button, then show the different between "before" and "after" at first.

After click the button "tutorial", it would jump to the following page that is the process which teach you how to do the effect step by step.

Webpage & Flash

71

MIX

72

Webpage & Flash

This webpage is my first time to integrate dreamweaver and flash (finished in high school). At frist I have done the simple animation in flash (right part) , then add it in dreamweaver. In addition, the buttons in left side are flash button also.

FLASH

This project is done by flash in my high school. This flash book includes video and audio because the e-book showed some tricks to deal with problems in our daily life. I learned a lot of basic actionscripts on internet at that time.

Webpage & Flash

73

2D & 3D Animation 2D & 3D Animation I used AfterEffect and Cinema 4D to do some video effect and 3D animation. I learned both of them by myself because it is benifit for doing my homework and I am very interested in 2D & 3D animation.

74

Webpage & Flash

After effect, Cinema 4D

Webpage & Flash

75

2D Animation link: http://www.youtube.com/watch?v=1KfHpWzT0gs It is persented for Pui Ching volunteer team, it is my first time to integrate the 2D and 3D animation in one video.

0:43 76

2D & 3D Animation

3D Animation link: http://www.youtube.com/watch?v=m7qZSUovPjU Practise for simple 3D animation with 3D models. I used mobile phone model as my practice target.

0:13 2D & 3D Animation

77

3D Animation link: http://www.youtube.com/watch?v=6El4P182_3w The screw can transfor m to two mode. I used this animation to explain what my concept is in my human factors lesson.

0:30 78

2D & 3D Animation

Effect link: http://www.youtube.com/watch?v=JXzcHZI5WFI It is a group project in usability design.

I am in charge of all the behind the screen and effect.

4:42 2D & 3D Animation

79

Basic Design Basic Design As entering domain of design, we need to accept verious of design training. This part shows that what I have ever done in freshman.

Mainly focus on aesthetic sense, acquainted material and patience.

80

Basic Design

aesthetic

Basic Design

81

01

DESIGN THEORY Concept Design

Multi-function design

Bracelet

In this project, we were told to design a product that should be a multi-function product.

What I have design was a multi-function bracelet. as you can see the picture from the left side, it can be separated into two parts : elastic bracelet and USB.

82

Basic Design

September 2010 ~ June 2011

INTRODUCTION TO FUNCTION

Bracelet mode

USB

Elasticity

Using components to combine the bracelet if you do not want to bring the USB outside.

Nowadays, USB is portable. Regarding USB as a part of bracelet is benefit for user to bring it out.

Fit for different size wrists and it is convenient to wear.

Time / Screen / Light The surface of USB also is a screen. It shows time and inputted informations that you have set. furthermore, you can regards it as a flashlight when you stay in a dark place.

September 2010 ~ June 2011

Basic Design

83

02

BASIC DESIGN - GRATHIC Imagination & Expression

Evolution with pictures Freshman

Theme : First of all, we choose the initial of the tool as our first image, then we need to show a evolution with series of pictures.

From a capital letter of the tool we choose to its image. It is the first part.

In second part, try to show how the tool works with series pictures without any word.

84

Basic Design

September 2010 ~ June 2011

03

BASIC DESIGN - GRATHIC Pattern Design

Texture practise Freshman

Single shape (leaf shape) merged with different patterns. To show the patterns and texture obviously.

September 2010 ~ June 2011

Basic Design

85

04

BASIC DESIGN Experience material

Carving chalk Freshman

Theme :

Training & Advance

In this project, we need to carve four chalks to represent out chose theme---â&#x20AC;&#x153;Darts Gameâ&#x20AC;?

In my work, two of chalks was carved into the dart shape and the other two was carved into smoke shape. Imaging that two darts are thrown to the dartboard.

CHALK

Spiral continuous

Air Flow Patience Training 86

Basic Design

September 2010 ~ June 2011

Patience Training

Experience ‧‧ After finishing this project, I have learnt how to deal with a new material and adjust my mind.

Acquisition ‧‧ It is a good opportunity to train your patience and experience the material at all.

DART

Chalks are fragile. It needs patience to achieve the task since we always need to start over because the chalks were broken.

September 2010 ~ June 2011

Basic Design

87

Camphor Wood

FLYING FISH

Letter Opener

CONCEPT Because of the theme, I choose "flying fish" as my topic. Mix the tail of flying fish with the blade of letter opener. the purpose is to reinforce the aesthetic shape and make user can intuitive used

88 88

Basic Design Basic Design

September 2010 2011 ~ ~ June January 2011 September 2011

05

BASIC DESIGN Communicate with wood

Wood letter opener Freshman

Theme : It is my first time to experience this material - wood. Learning how to handle it and working on it. We were told to design a goodlooking wood letter opener.

The goal in this project is training our aesthetic feeling and we need to make a 3D shape.

除非另有指定: 否則尺寸是以毫米為單位 表面加工: 公差: 線性: 角度: 姓名 繪製者 檢查者 核准者

去除毛邊 與銳角

加工處理:

簽名

日期

不要縮放工程圖

修訂版

標題:

September 2010 ~ June 2011

Basic Design

89

BASIC DESIGN 3D Exploded Training

06 3D Exploded Freshman

90

Basic Design

September 2010 ~ June 2011

Meticulous Break Through Your Mind

Theme :

We n e e d t o f i n d a u n - u s e d p ro d u c t i n c l u d i n g 2 0 u p components. Separate the parts and change it into power form.

Concept : Finally, I choose "Play Station Controller" . Separated the main parts up and down, then the buttons spill over. In constructional part , using acrylic sticks to support all the elements because I want to show the suspended feel.

Re-Build

September 2010 ~ June 2011

Basic Design

91

WINDY MONSTER

NATIONAL CHENG KUNG UNIVERSITY

BANYAN PARK

After finishing this project, the big monster was put in Banyan Park of Cheng Kung University

筷來守護我 Protect me please 92

Basic Design

September 2010 ~ June 2011

07

BASIC DESIGN BIG Chopstick Monster

Chopstick Monster Freshman

Theme : It is a group project, our teacher told us that we need to build a biig monster by chopsticks.

After that, our group choose the topic "windy".

The monster must be 2 to 3 meter height.

It is a unforgettable project in my life. Chopsticks as the components of the monster.Using iron wire, plastic rope connecting each part. We need to use several chopsticks as a group in order to reinforce the strength. Although we spent a lot of time doing this project, we gained great satisifaction after we finished.

September 2010 ~ June 2011

Basic Design

93

Sketch Sketch Drawing skill is essential to industrial design.

Learning three-point perspective, how to draw a shadow correctly, how to use marker to express the product and so on. Require to sketch meticulously, we need to use different type of tools to assist our work. For instance, marker, color pencil, chalks, burin and tape.

94

Sketch

Sketch

95

WOOD CHAIR

Restriction : 3 point perspective is the basic requirement. Then, we are learning how to draw shadow correctly following the position of the light.

Moreover, we try to use marker to sketch wood texture.

Presentation techniques sketch Tools : 96

Sketch

September 2011 ~ June 2012

Markers, color pencils, chalks, advertising paint

Restriction : 3 point perspective, shadow correctly, w o o d t e x t u re a re a l s o n e c e s s a r y.

Furthermore, we need to sketch more complicated chair which is more difficult to do the shading.

Tools :

Presentation techniques sketch

Markers, color pencils, chalks, advertising paint, burin, tape

September 2011 ~ June 2011

Sketch

97

Restriction : Commanded to use pastel paper and then chose a elecric equipment to sketch.

Tools :

98

Sketch

Markers, color pencils, chalks

September 2011 ~ June 2012

VACUUM

Presentation techniques sketch

Restriction :

Tools :

Prastised metal texture, use grey scale marker as the main tool.

Markers, color pencils, chalks, advertising paint

CAMERA

Presentation techniques sketch

September 2011 ~ June 2011

Sketch

99

Tools : Markers, color pencils, chalks, advertising paint

Restriction : In this sketch, we need to sketch many jewelries in a mobile phone because the goal is to draw shine of jewelries realistically.

100

Sketch

September 2011 ~ June 2012

PHONE

Presentation techniques sketch

Restriction : Prastising glass texture, so I choose the theme which is "swan".

Tools : Markers, color pencils, chalks, advertising paint, burin, tape

GLASS SWAN

Presentation techniques sketch September 2011 ~ June 2011

Sketch

101

CONTECT Email: guiarocky@yahoo.com.hk guiarocky@gmail.com

102

Phone: Macau: +853 66456236 Taiwan: +886 0912459663 Facebook: guiarocky@yahoo.com.hk

The Portfolio of Rocky Fong Copyright @ 2013 by Rocky Fong. All Right Reserved

103

Phone: Macau: +853 66456236 Taiwan: +886 0912459663

Email: guiarocky@yahoo.com.hk guiarocky@gmail.com