Rocky's portfolio

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

Email

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