rocky's portfolio

RPORTFOLIO

RO

CK

Y F

ON

G

Opportunity is open to those well prepared for it .

Industrial Design

InternshipM-puls interior design, Macau ChinaSummer July 2012 ~ Aug 2012

"Mind The Gap" workshopwith RCA (Royal College of Art), TainanApril 7 ~ April 12, 2013

Page lay out designWorked for Pui Ching Volunteer TeamSummer July 2012

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

2D: Sketch, Photoshop, Illustrator, Indesign, AutoCad

3D: Solidwork, Keyshot, Cinema 4D, SketchUp

Web design: Dreamweaver, Flash (basic)

Video and effect: After effect, Cinema 4D

EXPERIENCE

DESIGN SKILL

Highschool : Pui Ching Middle School , Macau China

University : National Cheng Kung University, TaiwanDepartment of Industrial Design

EDUCATION

Name : Fong Long Kei (Rocky Fong)Photography

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

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

PERSONAL INFORMATIONINTEREST

Email: [email protected]

Launguage: Chinese, English

Phone: +853 66456236 , +886 0912459663

Country of Citizenship: Macau, China

SKETCH

02

68 76

16

BASIC DESIGN

Sep2009 ~ Jun2010

Sep2009 ~ Jun2012 Sep2009 ~ Feb2013

Feb2010 ~ Jun2010

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

Grathic design in the resent four years including composing.

Building up a lot of 3D models and rendering.

弁It is the basic training in presentation technique.

GRATHIC DESIGN 3D TECHNIQUE

TABLE OF CONTENTS

82 88 96

24 40 64

Sep2008 ~ Jun2011 Jul2012 ~ Aug2012 Sep2011 ~ Dec2012

Sep2010 ~ Jun2011 Sep2012 ~ Feb2013 All Time

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.

弁It is the弁advanced course a f te r bas ic des ign in sophomore.

Our main course in Junior. Learning persona & scieniro.

Introduction my 2D and 3D software skill.

PRODUCT DESIGN INDUSTRIAL DESIGN SOFTWARE ABILITY

WEBPAGE & FLASH INTERIOR DESIGN 2D & 3D ANIMATION

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

Basic Designaesthetic

3Basic Design

4 Basic Design September 2010 ~ June 2011

DESIGN THEORY 01Concept Design Multi-function design

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.

Bracelet

5Basic DesignSeptember 2010 ~ June 2011

INTRODUCTION TO FUNCTION

Bracelet mode

Time / Screen / Light

USB Elasticity

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

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.

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.


BASIC DESIGN - GRATHIC 02Imagination & 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.

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

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


BASIC DESIGN - GRATHIC 03Pattern Design Texture practise

Freshman

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

texture obviously.


BASIC DESIGN 04Experience material Carving chalk

Freshman

Patience Training

Theme :

In this project, we need to carve four chalks to represent out chose theme---“Darts Game”

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.

Spiralcontinuous

Air Flow

Training & Advance

CHALK


DA

RT

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

AcquisitionExperienceIt is a good opportunity to train your patience and experience the material at all.

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

弁‧弁‧


BASIC DESIGN 05Communicate with wood Wood letter opener

Freshman

shake2重量:

A4

圖頁 1 OF 1比例:1:2

工程圖編號

標題:

修訂版不要縮放工程圖

材料:

日期簽名姓名

去除毛邊與銳角

加工處理:除非另有指定:否則尺寸是以毫米為單位表面加工:公差: 線性: 角度:

品管

製程

核准者

檢查者

繪製者

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 good-looking wood letter opener.

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

11Basic DesignSeptember 2010 ~ June 2011 11Basic DesignSeptember 2011 ~ January 2011

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

CONCEPT Cam

phor

Woo

d

Letter Opener

F LYING FISH


BASIC DESIGN 063D Exploded Training 3D Exploded

Freshman


Break Through Your Mind

Concept :

Theme : We need to f ind a un-used product including 20 up components. Separate the parts and change it into power form.

Finally, I choose "Play Station Controller" . Separated the main par ts 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.

Meticulou

s

Re-Build


BASIC DESIGN 07BIG 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.


BANYAN PARK

筷來守護我 .

NATIONA

L CHENG

KUNG

UNIVERSITY

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

Protect me please

WIN

DY

MO

NS

TE

R

SketchSketch

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

17Sketch

18 Sketch September 2011 ~ June 2012

Presentation techniques sketch

WO

OD

CHA

IR

Restriction :

Tools :

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.

Markers, color pencils, chalks, advertising paint

19SketchSeptember 2011 ~ June 2011


Restriction :

Tools :

3 point perspective, shadow correctly, wood texture are also necessary. Furthermore, we need to sketch more complicated chair which is more difficult to do the shading.

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



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

Tools : Markers, color pencils, chalks

VACUUM



Tools :Markers, color pencils, chalks, advertising paint

Restriction :

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

CAMERA



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.

PHONE




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

Restriction :

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

GLASS SWAN

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

25Product Design

26 Product Design September 2011 ~ June 2012

ManualJuicer

CHANCE POINT

IMPROVEFUNCTION FUNCTION

THEME

AppearanceSohpomore

01 PRODUCT DESIGN

VER.1

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.

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.

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.

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.

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.

27Product DesignSeptember 2011 ~ June 2012

Juicer Ea

sy

Tw

ist-purifyingCNC

IMPROVE FUNCTION

VER. VER.2

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.

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

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

FINAL


Data Research

Combo-Stick & Bath MachineSohpomore

02 PRODUCT DESIGN

Target

1.

2.

Collection of data

Analysis & Generalize ( SWOT & Image Map )

Theme

Space

Design for 45 years old up (elder)

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.

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.

Design for 45 years old up (elder)

Kitchen

Toilet


聽覺 Sense of Auditory

1. 可能聽不到燒開水的聲音 ,微波爐的聲音 ,烤箱的聲音2. 可能水龍頭忘了關或沒關好而不知

觸覺 Sense of touch

1. 對於開水熱和冷的敏感度下降2. 按鍵高低差異不大，難辨度是否已按下3. 桌角或產品較尖銳的地方容易碰撞受傷

行動 Action

1. 如何自行保持浴室和廚房的整潔2. 蹲下會有困難3. 拿不到高處的東西4. 假牙清潔5. 自己洗不到背後或洗頭、洗腳時動作比較吃力6. 地板濕滑容易跌倒7. 穿衣、坐下、起身等動作上的困難8. 彎腰有困難9. 行動緩慢，發生意外難以自救10. 記憶力較差，瓦斯開了忘記關

力氣 Strength

1. 牙膏擠不出來2. 門把或水龍頭轉不開3. 因握力較差開罐頭或旋轉瓶蓋等動作較吃力4. 端碗盤會無力可能摔破5. 冰箱打不開6. 無法搬動較大型的電器，如電熱水壼

味覺 Sense of taste

1. 牙齒退化造成咀嚼能力變差或甚至影響進食意願2. 牙齒較脆弱3. 味覺退化，難以分辦食物是否腐壞

嗅覺 Sense of taste

1. 味覺與嗅覺的退化會影響老人的食慾，容易造成進食量的不足2. 瓦斯漏氣而不知

視覺 Sense of sight

1. 可能會看不出來各種罐子是裝甚麼調味料2. 各式清潔劑的辨識3. 無法迅速對焦適應明暗環境，從光線較亮的場所走到較暗的場所會花較多的時間作調整，且對眩光也較為敏感4. 視覺退化找不到眼鏡或東西5. 看不到按鈕上的字6. 容易撞到浴室或廚房的棱角位置7. 視覺退化，煮飯切菜容易切到手，用刀比較危險8.環境或產品顏色不能太雜亂，會使視覺退化的老人產生錯覺，容易摔倒

Using Prezi to preent


Strengths:

Low risk of malfunctioning.Specialized design

SWOTWeaknesses:

ManualTheir own force is needed.Users can be cut easily

Opportunities:

Objectives can be fixed.Blade storage.

Threats:

(Electronic) automatic products.

BathroomImage map


Strengths:

Reduce wasteEasy to cleanAvoid complex operating

SWOTWeaknesses:

Power wasteExpensiveOperational difficulties

Opportunities:

AdjustableLes ancillary products.

Threats:

Automatic products

KitchenImage map


BathMachineDesigned for elders

Shampoo

Bathes the dew

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弁

PU model

CONCEPT

First idea

First time to build the 3D mdel and confirm the size


BEFORE AFTER

BATH-MACHINE

PRODUCT DESIGN 2

Bathes the dew

Shampoo

National Cheung Kung UniversityIndustrial Design

馮朗祺 F34995029

103

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

Posterbath machine

AFTER

PUSH


Combo-SticksDesigned for elders

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.

Eventual ly, I choose combine-chopsticks as my theme in kitchen part. Before I do the prototype, I need to sketch one more time to do the vertical thinking.

IDEA THINKING


IDEA　SKETCH

Sketch various types of concept products for elders.


FIRST CONCEPTIn 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.


馮朗祺F34995029 Student number Project Designer University Email

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

[email protected]

聯

筷•

COMBO-STICKS

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.

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

Cross-section :

Combination

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

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



[email protected]

聯

筷•

COMBO-STICKS



Cross-section :

Combination



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.

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

筷

聯‧

CONCEPT

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


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




[email protected]

聯

筷•

COMBO-STICKS



Cross-section :

Combination




The big different between sophomore and freshman is "thought". We consider not only the aesthetic feeling but also need to concern about the target user. Design for them and search many i n fo r m a t i o n i n o r d e r t o understand their life. It is a great experience for me to know a word "Empathy".

Postercombo-sticks

IMPRESSION

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

41Industrial Design

42 Industrial Design September 2012 ~ January 2013

HII-FI CHANGINGJunior

01 INDUSTRIAL DESIGN

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.

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

43Industrial DesignSeptember 2012 ~ January 2013

PERSONA & SCENARIO

Difinition of your target user

Age: 21Gender: maleProfession: student, architecture year 3Height: 175 cmWeight: 66 Nationity: MacauResidence: TaiChung, indepedent roomStatue of physiology: good, no special sickness, wearing glasses

Interest: basketball, design related, team activity, photography, investigate science and technologySpeciality: social interaction, photographyPersonality: humorous, friendly

Expect the product for: hope it can user-friendly, communicate with externalReason of buying: can play the music while charging at the same time; have radio function; can listen music without turning on the computerRequirement: remote control, automatic stop charging function, bluetooth, Wi-FiImprovment: 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

PERSONA


If you want to listen the music and charging mobile phonethen turn on bluetooth and HiFi + wireless charging, take away the remote controlIf you just want to listen music then turn on bluetooth and HiFi, take away the remote control or mobile phoneIf 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 phoneIf you want to listen music when taking a bath then turn on the bluetooth and HiFi, take away the remote control or mobile phoneIf you want to listen music when you back home then turn on the bluetooth and HiFi, take away the remote control or mobile phoneIf you want to listen music when you are in bed then turn on bluetooth and HiFi + wireless charging, take away the remote controlIf you out of battery when playing music then open the wireless chargingIf you having a call when playing music then stop the music or turn off the bluetooth

SCENARIO

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


HIFI CHARGING CONCEPT OF DESIGN

DESIGN

Enjoy music Remote controlBluetooth, WIFICharging

Cool shape

FUNCTION

+

bluetooth + Wireless Charging board

Wireless charging boardBluetoothVinyl Player

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.

I take the shape of vinyl p layer as reference b e c u a s e m y H I F I 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

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


CONCEPTMODELING

Wireless Charging

Play Music

Remote Control

Speaker Inside - bluetooth

HiFiCHARGING

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.


WIRELESS CHARGING

FUNCTION

REMOTE CONTROL

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.

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.


Using your phone to control the HIFI

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.

IMPRESSION


ProjectName of project

[email protected]

Student numberF34995029

Designer 馮朗祺 Long-Kei, Fong

University National Cheng Kung UniversityTainan City, TaiwanDepartment of 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 thatthere 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.

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.

WIRELESS CHARGING

REMOTE CONTROL

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 turn on.

FUNCTION

Hi-fiCHarging

FREESTYLE

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


DIVERSIFIED CAMJunior

02 INDUSTRIAL DESIGN

TOPIC

Single user

Multi-user

CHOOSE OUR TOPIC

Communication

Leave a message

Entrust

(Rotation share)

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.


PRIMARY CONSIDERATION

Finally I choose digital camera

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.

C A M E R A

Helper You


SEARCH & GENERALIZE ISSUES

PREFACE

單人使用所出現的問題 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較粗心

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.

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.


CLASSIFY ISSUES UNDER TOPICS

BRAIN STORMING

8

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.

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


PREVIEW SCREEN 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.

CHANCEPOINT

SEPARA

TING

DIGITAL CAMERASOLUTION

Main Trun


PERSONA

Age: 18Gender: femaleProfession: studentHeight: 170 cmWeight: 55Nationity: MacauResidence: Macau, indepedent roomStatue of physiology: good, no special sicknessInterest: 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.

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.


SSCENARIO

Scenario 1 - (B help A take photo)

Scenario 2 - (autodyne)

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.

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.


CAMDIVERSIFIED Here is my new design according to the previous

research. This camera's name is "Diversified Cam".


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.

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.

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

DESIGN GENERATION

CAMERA


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.

PREVIEW SCREEN CAMERA LENS

You preview surrounding according to the preview screen

Put the camera on the table and adjust the angle of elevation

Helper takes the lens that oriented to you

Helper takes the lens that oriented to you

You

Preview screen Camera lens

Camera lensPreview screen

YouFriend

Helper

TABLE


Industrial Design

PERS

PECTIVE

FRONT

BACK

CAMDIVERSIFIED


Center Pan left Pan up

ASSISTANCE

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.

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.

The way for user is to separate in two parts:

Why design a strip of red camera?

BEGINNER

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

PANSYSTEM


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

DIGITALCAMERA


ProjectDiversified Cam

[email protected]

Student numberF34995029

Designer 馮朗祺 Long-Kei, Fong

University National Cheng Kung UniversityTainan City, TaiwanDepartment of Industrial Design

CAMDIVERSIFIED

preview screen

preview screen

camera lens

In some situation, needing the otherpeople to take a photo for you. It is not the first time that such things happen, but in fact, you can’t preview whetherthe angle, proportion and the distanceare what you want.

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

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

The way to solve problem is separatethe “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.

camera lens

Introduction

You

YouFriend

Helper

Table

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.

Why design a strip of red camera?

Centre

Centre

pan left pan up

buttonfresh light

camera lens

handle

non-sliphandle

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

65Software Ability

66 Software Ability

2DPhotoshop

PS

AI

ID

DW

AE

FL

Illustrator Indesign Dreamweaver Flash After effect

67Software Ability

3DSolidwork

Keyshot

Cinema4DAutoCad

SketchUp

Solidwork Keyshot AutoCad SketchUpCinema 4D

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

Graphic DesignPhotoshop, Illustrator

69Graphic Design

70 Graphic Design

以郵輪為主題，設計方向主要結合組員們所取的名字 ( 使徒 ) 與郵輪的意涵。

名字方向使用 JESUS FISH 為象徵性圖案，象徵神的使徒，郵輪會在安全﹑被保護下航行，讓客人安心享受旅程。尾部則以郵輪船頭的透視視角點明主題，讓人可以一看便會知道是航海的 LOGO。

整體上，以流暢的曲線象徵波浪的起伏。整體看起來是用一筆有韻律性的曲線勾畫出魚的圖案，讓人有比較潮流的清新感覺。

是基督教的一個代表符號，最早是基督徒為了躲避羅馬帝國宗教迫害而使用的暗號，此符號也因其歷史意義而成為基督教的代表符號之一。

此外，聖經中“五餅二魚”的故事深入人心，耶穌層用 5 張餅和 2 條魚餵飽了 5000 名信徒。所以基督徒( 使徒 ) 喜歡把自己比做魚。一條在主的照料下安然自在的魚。

因此，使用 Jesus Fish 作為使徒的象徵圖形。

尾部象徵郵輪的船頭 ( 透視 )

Concept Jesus Fish

APOSTLE®

71Graphic Design

Triple Folding DM

FRONT BACK

LOGO DMand

APOSTLE ®APOSTLE ®

SERVICE

CRUISE

Cruise Ship Company Ltd

How could such a large ship o�er so much, yet feel so intimate and personal? Every vessel in our eet 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.

�ere'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.

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

ENJOY YOUR LIFE

ONBOARD EXPERIENCE

GIFT & SERVICES

POSSIBILITY

PLA

NN

ING

CR

UIS

E

72 Graphic Design

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.

73Graphic 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.

74 Graphic Design

15

14

6%(3)

電子玩具

14

4%(2)

4%(2)

2%(1)

雪櫃

MP4

相機

超過一半的受訪者表示會選擇智能電話留在身邊。

電話的重要性甚至超越了電腦，因為智能電話的功能越來越多，可算是一部行動電腦，過去只

能用電腦上網、打機、收發電郵，現在通通透過電話可以

做到；電話與網絡 (3G服務 )結合發揮極大的影響力；

而 Facebook、微博、WwhatsAapp等軟件廣受用者喜愛。

Conclusion

15

26%(14)

電腦或平板電腦

57%(30)

智能電話

2%(1)

電視

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

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

30 Pages

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

13

12

要發揮網絡的

功能，工具是

不可缺

少的。因此本

小組於3月 23日午

間上學高峰期

在校園內不同

地方向

師生們問：「

如果世界末日

到了，

你會選擇把哪

一種電子產品

留在身

邊？」被訪問

者需把答案畫

在白板

上，是次活動

共得到53人回

應，

包括中學生 37人、

小學生5人和

老師 11人。

尋找這世代

最具影響力的

電子產品

師生們積極參

與活動！

經過

結果為？

師生們一輪投

票後，

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.

THEME

75Graphic Design

18 Pages

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

三十而盛？剩？

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

MANNER

8

9

是次大部分受訪者較崇尚自然美，不是像某某明星

便是美，反而他們強調個人的基本護理，如頭髮整

齊、衣服乾淨整理便可；亦有同學接受以輕微的整

形 /整容來改變外表，但不能變成第二個人。部分

同學從長遠的兩性關係來看，指出刻意為別人作出

外表的改變是不能維持持久的兩性關係，因為自己

的外表不是用來取悅別人的，人與人之間的相處理

應存在著包容這兩個字。

當然愛美不是罪，當你整形後，也許你會得到一個

更高更直的鼻，或如鵝蛋般的漂亮面形，但卻使自

己的樣子變得不自然，終日害怕自己的樣子何時會

走樣，最後我們應用問自己：為何自己的美麗要假

手於人而不是由自己決定呢？

古語有云：身體髮膚受諸父母。為甚麼我們要改變自己的原貌呢？是誰告訴我們不夠美呢？到底現在誰為美下定義呢？為甚麼我們要損害自己身體、承受不必要的傷痛呢？更何況這種美麗真的可以維持一輩子嗎？為何要把自己推進不停整形的深淵當中？

自然美

NATURAL

POSI

TIV

E

9

整形 /整容是近年火速興起的社會潮流，過去的

醫學整形主要為燒傷或意外毀容的創傷病患者

回復原貌，使其能過正常人的生活。今天不少人

為了自己能像某某明星的五官或臉型而改變原

來容貌，可見現代人對整形 /整容的觀念有著大

大的轉變。有人會認為一些簡單的整形如在臉上

注射botox、割雙眼皮等，是一些見慣不怪的事；

亦有人說人天生就追求美麗，即使美麗是透過整

形 /整容塑造的，但得到別人口中的一句讚賞是

值得的。

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

整形 /整容文化

COSM

ETIC

ATMOSTHERE

NEG

AT

IVE

6

7

現今「減肥」這個詞定必在不少女性心目中佔有

十分重要的地位，有人認為減肥為了追求美，因

為大家都喜愛瘦的人，漸漸地大家對「減肥」這

個字就聞者色變。多吃一杯雪榚內心就充滿了罪

惡感，餘下的一整天就嚴格計算食物的攝取量或

不吃任何東西了，連我們應得的正常生活都被慢

慢改變了。

回想在中國唐朝時代，女子肥就是美，時至今日

我們的社會以瘦為美的象徵，容不下我們身上的

一點肉，肥胖的人會失去自己的名字，通通被稱

作「肥妹」、「肥仔」，連人與人之間最基本的

尊重都欠奉。當然大家都知道肥胖會引致多種疾

病，對個人健康構成影響，所以亦有人因為健康

原因而減肥。但試問一個體重只有一百餘磅的成

年女性說要減至一百磅以下的想法，你又能認同

嗎？

瘦身文化

我們的同學認同

瘦 = 美？

NEG

AT

IVE

6

外在美

在是次訪談中，大部分同學表示不會單單因為一個

人的體形對別人下判斷，因為他們認為人與人的相

識絕不單純只依賴外表而欠缺內心交流的。同學在

瘦等於美的社會主流思想影響下，他們較偏向以整

體來看一個人，他們強調內在美與外在美同樣重要！

當中的重要訊息如下：

由此我們認為外在美可能是一種鼓勵，但 12 位同學

對外在美的定義都是不一樣的，而對內在美的定義

則較為一致：性格率直、不虛假、真誠

待人的人。

同學們，你要追求別人塑造的美麗定義還是好好修

煉自己追求恆久不變、受人稱頌的人格內涵呢？

外表美、體態瘦可能會在人

際交流中較有優勢；

但同學更喜歡性格率直、不

虛假、真誠待人的人；

POSIT

IVE

BEAUTY內在美

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

THEME

3D Technique3D 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

3D TechniqueSolidwork, Keyshot, Cinema 4D

773D Technique

78 3D Technique

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.

F-15 Eagle

793D Technique

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.

PRACTICE

F-15

80 3D Technique

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.

3D MODEL

813D TechniqueDON"T WASTE YOUR TIME

3D TechnologyWebpage & Flash

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

3D Technology

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

Dreamweaver, Flash

83Webpage & Flash

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

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.

Dreamweaver

85Webpage & Flash

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.

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

87Webpage & 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.FLASH

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

Interior DesignAutoCad, Sketchup

89Webpage & Flash

90 Interior Design Different color represented in different layers

91Interior Design

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.

AUTOCAD

92 Interior Design

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.

93Interior 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.

94 Interior Design

SKETCH-UP

95Interior 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.

2D & 3D Animation2D & 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

2D & 3D Animation2D & 3D AnimationAfter effect, Cinema 4D

97Webpage & Flash

98 2D & 3D Animation

It is persented for Pui Ching volunteer team, it is my first time to integrate the 2D and 3D animation in one video.

link: http://www.youtube.com/watch?v=1KfHpWzT0gs

2D Animation

0:43

992D & 3D Animation

Practise for simple 3D animation with 3D models. I used mobile phone model as my practice target.

link: http://www.youtube.com/watch?v=m7qZSUovPjU

0:13

3D Animation

100 2D & 3D Animation

It is the f i rst t ime to do the 3D animation in Cinema 4D. I used this animation to explain what my concept is . ( the prodcut is screw )

link: http://www.youtube.com/watch?v=6El4P182_3w

3D Animation

0:30

1012D & 3D Animation

It is a group project in usability design. I am in charge of all the behind the screen and effect.

link: http://www.youtube.com/watch?v=JXzcHZI5WFI

4:42

Effect

rocky's portfolio

Documents

grathic design

domain of design

basic design4 basic

sketchupweb design

design theory

verious of design training

basic training

basic designsep2009