ROCK
Y FO
NG
R PORTFOLIO
Opportunity is open to those well prepared for it .
EDUCATION Highschool : Pui Ching Middle School , Macau China EXPERIENCE "Mind The Gap" workshop with RCA (Royal College of Art), Tainan April 7 ~ April 12, 2013 Internship M-puls interior design, Macau China Summer July 2012 ~ Aug 2012 Page lay out design Worked for Pui Ching Volunteer Team Summer July 2012 Having participated in govenment's volunteer team for 8 years since 2005
University : National Cheng Kung University, Taiwan Department of Industrial Design
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
INTEREST
PERSONAL INFORMATION
Photography
Name : Fong Long Kei (Rocky Fong)
Piano , music (Associated Board of the Royal Schools of Music "Grade 8")
Email: guiarocky@yahoo.com.hk
Sport - Badminton, table tennis, snooker, basketball etc.
Phone: +853 66456236 , +886 0912459663
Launguage: Chinese, English
Country of Citizenship: Macau, China
BASIC DESIGN
SKETCH
Sep2009 ~ Jun2010
Feb2010 ~ Jun2010
An entering domain of design, it is a basic training at first.
蠑！t is the basic training in presentation technique.
02 GRATHIC DESIGN
16 3D TECHNIQUE
Sep2009 ~ Jun2012
Sep2009 ~ Feb2013
Grathic design in the resent four years including composing.
Building up a lot of 3D models and rendering.
68
76
TABLE OF CONTENTS
PRODUCT DESIGN
INDUSTRIAL DESIGN
SOFTWARE ABILITY
Sep2010 ~ Jun2011
Sep2012 ~ Feb2013
All Time
弁It is the advanced course after basic design in sophomore.
Our main course in Junior. Learning persona & scieniro.
Introduction my 2D and 3D software skill.
24
WEBPAGE & FLASH
40 INTERIOR DESIGN
64 2D & 3D ANIMATION
Sep2008 ~ Jun2011
Jul2012 ~ Aug2012
Sep2011 ~ Dec2012
learn basic programmes with flash and dreamweaver in order to doing some basic webpage.
Internship in summer holiday 2012, I learn a lot including autocad and sketchup.
I learned AE by myself. It is because it is useful to my presentation skill.
82
88
96
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.
2
Basic Design
aesthetic
Basic Design
3
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.
4
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
5
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.
6
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
7
04
BASIC DESIGN Experience material
Carving chalk Freshman
Theme : In this project, we need to carve four chalks to represent out chose theme--“Darts Game�
Training & Advance
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 8
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
9
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.
除非另有指定: 否則尺寸是以毫米為單位 表面加工: 公差: 線性: 角度: 姓名
10
Basic Design
September 2010 ~ June 2011
繪製者 檢查者 核准者
去除毛邊 與銳角
加工處理:
簽名
日期
不要縮放工程圖
標題:
修訂版
Letter Opener
Camphor Wood
FLYING FISH
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
September 2011 ~ January 2011 September 2010 ~ June 2011
Basic Design Design Basic
11 11
BASIC DESIGN 3D Exploded Training
06 3D Exploded Freshman
12
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
13
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.
14
Basic Design
September 2010 ~ June 2011
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 September 2010 ~ June 2011
Basic Design
15
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.
16
Sketch
Sketch
17
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 : 18
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
19
Restriction : Commanded to use pastel paper and then chose a elecric equipment to sketch.
Tools :
20
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
21
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.
22
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
23
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.
24
Product Design
Product Design
25
01 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.
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.
26
Product Design
September 2011 ~ June 2012
Twis y s a
It is my first time to do the model with CNC because the shape of the juicer is difficult to hand made with PU.
E VER.
2
ing
CNC
t-purify
Juicer
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
27
02 Data Research
PRODUCT DESIGN Combo-Stick & Bath Machine
Sohpomore
Theme
Target
Space
1. Design for 45 years old up (elder)
Kitchen
2. Design for 45 years old up (elder)
Toilet
Collection of data First of all, we figured out all the problems that elders would happen in kitchen and toilet. Then, we classified all the questions with five senses.
Analysis & Generalize ( SWOT & Image Map ) After doing collection of data, we collected a lot of exsiting prodects of kitchen and toilet. We used "image map" to classified pictures in order to find the opportunities.According to "image map", we analysed it and used SWOT to generalize the information.
28
Product Design
September 2011 ~ June 2012
Using Prezi to preent
視覺 Sense of sight
嗅覺 Sense of taste
行動 Action
1. 可能會看不出來各種罐子是裝甚麼調味料 2. 各式清潔劑的辨識 3. 無法迅速對焦適應明暗環境，從光線較亮的場所走到較暗的 場所會花較多的時間作調整，且對眩光也較為敏感 4. 視覺退化找不到眼鏡或東西 5. 看不到按鈕上的字 6. 容易撞到浴室或廚房的棱角位置 7. 視覺退化，煮飯切菜容易切到手，用刀比較危險 8. 環境或產品顏色不能太雜亂，會使視覺退化的老人產生錯覺， 容易摔倒
1. 味覺與嗅覺的退化會影響老人的食慾，容易造成進 食量的不足 2. 瓦斯漏氣而不知
1. 如何自行保持浴室和廚房的整潔 2. 蹲下會有困難 3. 拿不到高處的東西 4. 假牙清潔 5. 自己洗不到背後或洗頭、洗腳時動作比較吃力 6. 地板濕滑容易跌倒 7. 穿衣、坐下、起身等動作上的困難 8. 彎腰有困難 9. 行動緩慢，發生意外難以自救 10. 記憶力較差，瓦斯開了忘記關
聽覺 Sense of Auditory 1. 可能聽不到燒開水的聲音 , 微波爐的聲音 , 烤箱的聲音 2. 可能水龍頭忘了關或沒關好而不知
觸覺 Sense of touch 1. 對於開水熱和冷的敏感度下降 2. 按鍵高低差異不大，難辨度是否已按下 3. 桌角或產品較尖銳的地方容易碰撞受傷
力氣 Strength 味覺 Sense of taste 1. 牙齒退化造成咀嚼能力變差或甚至影響進食意願 2. 牙齒較脆弱 3. 味覺退化，難以分辦食物是否腐壞
1. 牙膏擠不出來 2. 門把或水龍頭轉不開 3. 因握力較差開罐頭或旋轉瓶蓋等動作較吃力 4. 端碗盤會無力可能摔破 5. 冰箱打不開 6. 無法搬動較大型的電器，如電熱水壼 September 2011 ~ June 2012
Product Design
29
Bath room
Image map
SWOT
30
Strengths:
Weaknesses:
Opportunities:
Threats:
Low risk of malfunctioning. Specialized design
Manual Their own force is needed. Users can be cut easily
Objectives can be fixed. Blade storage.
(Electronic) automatic products.
Product Design
September 2011 ~ June 2012
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
31
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.
Shampoo
Designed red slide button is easier to recognize for elders
Bathes the dew One hand used onlyć°ś
First idea
First time to build the 3D mdel and confirm the size
32
Product Design
September 2011 ~ June 2012
PU model
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
Poster bath machine
BATH-MACHINE National Cheung Kung University Industrial Design
103 馮朗祺 F34995029
September 2011 ~ June 2012
Product Design
33
Combo-Sticks Designed for elders
IDEA THINKING I have already done the 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. E v e n t u a l l y, I c h o o s e c o m b i n e chopsticks as my theme in kitchen part. Before I do the prototype, I need to sketch one more time to do the vertical thinking.
34
Product Design
September 2011 ~ June 2012
IDEA　SKETCH Sketch various types of concept products for elders.
September 2011 ~ June 2012
Product Design
35
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.
36
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 37 能力自力更生，過獨立生活，而且 能保存自尊地堅強生活下去，所以
M DEL
38
Product Design
Combo-sticks' model is not difficult. I used ABS as my main material.
September 2011 ~ June 2012
聯 • 筷 COMBO-STICKS
IMPRESSION Cross-section :
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
這學期，我們組的題目是”為老人 而設計”，現今，我們希望長者有 能力自力更生，過獨立生活，而且 能保存自尊地堅強生活下去，所以 我們組都以此為前題下，進行一系 列之設計。
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
combo-sticks
September2011 2011~~June June2012 2012 September
ProductDesign Design Product
39 39
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.
40
Industrial Design
internal structure
Industrial Design
41
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.
42
Industrial Design
September 2012 ~ January 2013
PERSONA & SCENARIO
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
P E RS
O
NA
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
Difinition of your target user
September 2012 ~ January 2013
Industrial Design
43
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
44
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
45
Wireless Charging Remote Control
HiFi
CHARGING Play Music
Speaker
Inside - bluetooth
CONCEPT MODELING
46
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 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.
FUNCTION
September 2012 ~ January 2013
Industrial Design
47
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
48
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
49
02
INDUSTRIAL DESIGN DIVERSIFIED CAM
Junior
Single user
TOPIC
Leave a message Multi-user
Communication
(Rotation share)
Entrust
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.
50
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
51
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.
單人使用所出現的問題 Single-user
多人使用所出現的問題 Multi-user (e.g. A 希望 B 幫 A 拍照 )
初心者不易上手 找不到要用的按鈕 不懂按鈕英文縮寫 / 圖示的意義 可能搞混相機正反拿法 還不知道要掛上帶子而害相機摔倒 按鈕有複數功能，不知現在使用的是哪個 手不穩的人使用不便，常糊掉 可調整的數值有些看不出調整後差異 接孔種類多，不常用的話分辨不易 自拍看不見螢幕狀況 電量較少時部分功能無法使用，且無法事先知道 換電池 / 記憶卡時，可能找不到開關 / 不會開 / 無法取出 功能 / 選項太多太複雜 希望拍完照後可以有咔嚓聲以外的回饋 無法預視閃光燈打下後照片的樣子 有些拍照角度看不到螢幕，造成拍照困難 自拍計時器無法準確提示時間 慣用左手者無法用慣用手拍照 外型沒有明確提示拿取方法，進而找不到按鈕 快門 / 對焦沒有明確提示功能
B 不知如何正確拿取相機 A 不知如何和 B 描述 : 取景方式﹑拍照角度﹑距離﹑比例 B 不知要先輕按對焦後才能按快門 B 不知直拍時的正確方向 B 不知如何確認 A 是否滿意照片 倒數時 A 不知道是”1”的時候拍或是”0”時 A 不知如何傳達拍照最佳時機，例如後面有人 OR 跳起瞬間 A 不知如何準確傳達拍複數不同照片參數 B 不知道 A 指示如何進行 例 : A 叫 B 調曝光度，B 找不到 B 按到不明按鈕，無法跳出 A 可能不知道 B 究竟拍了沒 例 : 距離很遠 A 不知如何告訴 B 要拍哪些照片 例 : 博物館 , 很多地點 , 量太多 A 不知如何告訴 B 自己相機的小毛病 例 : 某按鈕壞了，某功能不能用 身高差異可能影響照片角度 A 不知如何傳達自己的使用習慣 例 : A 非常愛惜使用 但 B 較粗心
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.
52
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. A 請 B 拍照時，不知如何傳達自己希望 B 能拍出怎樣的照片 2. B 受到 A 的拍照委託時，不知如何讓 A 滿意的問題 3. 尚未使用過相機的人，不曉得如何操作相機 4. 相機無法方便的讓某些身體天生和他人有差異的人使用 5. 知道如何使用 , 但尚未熟番相機 ( 詳細 ) 功能的人，使用時會發生的問題 6. 相機介面設計不良所造成的問題 7. 相機使用時 / 後 提示不足的問題 8. 其他
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
53
CHAN
SEPARATING 54
CPE O
INT
SOLUTION
DIGITAL CAMERA
Industrial Design
PREVIEW SCREEN
Main Trun
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
55
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.
56
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
57
DESIGN GENERATION
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.
58
Industrial Design
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.
September 2012 ~ January 2013
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
59
DIVERSIFIED CAM
PERSPECTIVE
Industrial Design
60
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
61
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 62
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
63
Software Ability Software Ability In this part, I am going to introduce my knowledge of software. I have ever used different type of software, it is benefit for me to do such technocial stuff. However, software is just a tool, creativity is more important.
64
Software Ability
Software Ability
65
2D PS
FL
AI
AE
ID
DW
Photoshop
66
Software Ability
Illustrator
Indesign
Dreamweaver
Flash
After effect
3D Solidwork
Solidwork
SketchUp
Keyshot
AutoCad
Cinema4D
Keyshot
Cinema 4D
AutoCad
SketchUp
Software Ability
67
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.
68
Graphic Design
Photoshop, Illustrator
Graphic Design
69
APOSTLE®
Concept 以郵輪為主題，設計方向主要結合 組員們所取的名字 ( 使徒 ) 與郵輪 的意涵。 名字方向使用 JESUS FISH 為象徵性 圖案，象徵神的使徒，郵輪會在安 全﹑被保護下航行，讓客人安心享 受旅程。尾部則以郵輪船頭的透視 視角點明主題，讓人可以一看便會 知道是航海的 LOGO。 整體上，以流暢的曲線象徵波浪的 起伏。整體看起來是用一筆有韻律 性的曲線勾畫出魚的圖案，讓人有 比較潮流的清新感覺。
70
Graphic Design
Jesus Fish 尾部象徵 郵輪的船頭 ( 透視 )
是基督教的一個代表符號，最早是 基督徒為了躲避羅馬帝國宗教迫害 而使用的暗號，此符號也因其歷史 意義而成為基督教的代表符號之 一。 此外，聖經中“五餅二魚”的故事 深入人心，耶穌層用 5 張餅和 2 條 魚餵飽了 5000 名信徒。所以基督徒 ( 使徒 ) 喜歡把自己比做魚。一條 在主的照料下安然自在的魚。 因此，使用 Jesus Fish 作為使徒 的象徵圖形。
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
71
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.
72
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
73
THEME 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
Concl
usion
超過一半 的受訪者 電話的重 表示會選 要性甚至 擇智能電 超越了電 話留在身 腦，因為 邊。 的功能越 能用電腦 來越多， 上網、打 可算是一 做到； 機、收發 部行動電 電郵，現 腦，過去 電話與網 在通通透 只 絡 (3G 過電話可 服務 而 Fac 以 ) 結合 ebook、 發揮極大 微博、Ww 的影響力 hatsAa ； pp 等軟 件廣受用 者喜愛。 智能電話
電視
2% (1) 12 智能電話 14
57% (30)
電腦或平
雪櫃
板電腦
26% (14)
電子玩具
6% (3)
4% (2)
MP4
4% (2) 相機
2% (1) 15
74
Graphic Design
30
Pages
THEME MANNER
This maganize is talking about the relationship between male and female . Until now, this maganize still be presented in that website.
三十而盛？剩？ 受訪者對「盛女愛作戰」倡議的交友理論、方法的看法
：身體髮
膚受諸父
母。
們要改變
自己的原
美呢？
到底現在
誰為美下
定義呢？
為甚麼我
們要損害
更何 況這 自己推進
種美 麗真
不停整形
、承受不必
要的傷痛
的可 以維
持一 輩子
嗎？ 為何
的深淵當
呢？
要把
我們的同 學接受整 形嗎？ 還是更愛 自然美 ?
NEGATIV E
http://issuu.com/pcvtt_2/docs/pcvtt-2
自己身體
T IC
我們不夠
中？
是次 大部 分受 訪者 較崇 尚自 便是 美， 然美，不 反而 他們 是像 某某 強調 個人 齊、 衣服 明星 的基 本護 乾淨 整理 理， 如頭 便可；亦 形 / 整容 髮整 有同 學接 來改 變外 受以 輕微 表， 但不 同學 從長 的整 能變 成第 遠的 兩性 二個 人。 關係 來看 外表 的改 部分 ，指 出刻 變是 不能 意為 別人 維持 持久 的外 表不 作出 的兩 性關 是用 來取 係， 因為 悅別 人的 應存在著 自己 ，人 與人 包容這兩 之間 的相 個字。 處理
同
瘦 = 美？ 8
18
NEGATIVE
因為一 個 表示不 會單單 ，大部 分同學 與人的 相 在是次 訪談中 為他們 認為人 人下判 斷，因 。同學 在 人的體 形對別 缺內心 交流的 依賴外 表而欠 偏向以 整 識絕不 單純只 響下， 他們較 會主流 思想影 樣重要！ 瘦等於 美的社 美與外在美同 ，他們強調內在 一個人 體來看 息如下： 當中的重要訊
HE RE
9
人的人；
虛假、真誠待
性格率直、不
但同學更喜歡
AT M O ST
優勢；
際交流中較有
瘦可能會在人
外表美、體態
容文化
內在美
至今日 肥就是美，時 朝時代，女子 身上的 回想在中國唐 ，容不下我們 瘦為美的象徵 通被稱 我們的社會以 己的名字，通 的人會失去自 基本的 一點肉，肥胖 人與人之間最 「肥仔」，連 多種疾 作「肥妹」、 道肥胖會引致 家都知 當然大 為健康 尊重都欠奉。 所以亦有人因 康構成影響， 磅的成 個人健 病，對 重只有一百餘 但試問一個體 ，你又能認同 原因而減肥。 的想法 至一百磅以下 年女性說要減 嗎？
NAT U R AAUTY BE L 外在美
中佔有 不少女性心目 這個詞定必在 美，因 現今「減肥」 減肥為了追求 位，有人認為 肥」這 十分重要的地 地大家對「減 瘦的人，漸漸 滿了罪 為大家都喜愛 雪榚內心就充 變。多吃一杯 取量或 物的攝 個字就聞者色 計算食 一整天就嚴格 常生活都被慢 惡感，餘下的 我們應得的正 了，連 不吃任何東西 慢改變了。
POSITIVE
瘦身文化
整形 / 整
整形 / 整容 是近年火 醫學 整形 速興起的 社會潮流 主要 為燒 ，過去的 傷或 意外 回復原貌 毀容 的創 ，使其能 傷病 患者 過正常人 為了 自己 的生活。 能像 某某 今天不少 明星 的五 來容貌， 人 官或 臉型 可見現代 而改 變原 人對整形 大的轉變 / 整容的觀 。有人會 認為一些 念有著大 注射 boto 簡單的整 x、割雙眼 形如在臉 皮等，是 亦有人說 上 一些見慣 人天生就 不怪的事 追求美麗 形 / 整容 ； ，即使美 塑造的， 麗是透過 但得到別 值得的。 整 人口中的 一句讚賞 是
當然 愛美 不是 罪， 當你 整形 更高 更直 後， 也許 的鼻，或 你會 得到 如鵝 蛋般 己的 樣子 一個 的漂 亮面 變得 不自 形， 但卻 然， 終日 走樣，最 使自 害怕 自己 後我 們應 的樣 子何 用問 自己 手於人而 時會 ：為 何自 不是由自 己的 美麗 己決定呢 要假 ？
我們的同學認
COSME
貌呢？
POSITIVE
自然美
古語有云
為甚麼我
是誰告訴
12 位同學 一種鼓勵，但 外在美可能是 美的定義 由此我們認為 的，而對內在 義都是不一樣 人的人。 對外在美的定 虛假、 真誠待 性格率 直、不 是好好修 則較為 一致： 的美麗定義還 追求別人塑造 人格內涵呢？ 同學們，你要 稱頌的 久不變、受人 煉自己追求恆
7
6
Pages Graphic Design
75
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.
76
3D Technique
Solidwork, Keyshot, Cinema 4D
3D Technique
77
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.
78
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
79
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.
80
3D Technique
DON"T WASTE YOUR TIME
3D Technique
81
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.
82
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
83
Dreamweaver
84
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
85
MIX
86
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
87
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.
88
Webpage & Flash
AutoCad, Sketchup
Webpage & Flash
89
90
Interior Design
Different color represented in different layers
AUTOCAD It is my first time to use 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.
Interior Design
91
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.
92
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
93
SKETCH-UP
94
Interior Design
This is the first time I used sketchup, although I never learned it before, this software is esay to the beginner. it is a nice 3D software. According to this fieldwork, 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
95
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.
96
Webpage & Flash
After effect, Cinema 4D
Webpage & Flash
97
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 98
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
99
3D Animation link: http://www.youtube.com/watch?v=6El4P182_3w It is the first time to do the 3D animation in Cinema 4D. I used this animation to explain what my concept is . ( the prodcut is screw )
0:30 100
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
101
102
CONTECT Phone: Macau: +853 66456236 Taiwan: +886 0912459663 Email: guiarocky@yahoo.com.hk
The Portfolio of Rocky Fong Copyright @ 2013 by Rocky Fong. All Right Reserved
103