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
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