P O RT F O L I O CHENG BO-YUN
CHENG BO-YUN NCKU ID Junior Student since 2015 1997.07.16 jack20150228@icloud.com
2018.04 -
Art Center Inhouse Designer
2017.11
IKEA Balcony Design Workshop
2017.09 -
Director of Design of NCKU Graduation Student Association
2017.08
Design Assistant of Ineyes co.
2017.07
Director of Design of NCKU ID Camp
2017.01
NCKU ID Winter Exhibition Best Design Award
2016.08
Stage Designer of Dream Walking (& Playing) at Taipei Fringe Festival
Photoshop
illustrator
Indesign
Affer Effect
SolidWork
iMovie
Cinema 4D
AdobeXD
Premiere
S TA G E D E S I G N -01 Dream Walking (& Playing)
01 D R E A M WA L K I N G ( & P LAY I N G )
What if the world is wider than we expect, how could you make sure you are regular?
M e , F l oy d, A n O u t s ide r Dream walking(& playing) is a play p r o d u ce d by a s t u d e n t te a m - M e , Floyd, An Outsider. We tried to bring out a reflection that how people j u d g e a n d d e f i n e t h e d i f f e r e n ce s among us.
Crew Intro.
Director & Screenwriter
C h a n g y u ng- lin
Pe r for m e rs Talent
H s i u n g c h i - t ing
Talent
Cho u ping
Talent
Talent
Pu s h e n g - w ei
Wang hsiang- y i
Talent
C h e n ta - y i
Pr odu c t i on Te a m
Production Assistant
Costume Designer
L i n c h ih - tu n g
Che n y e n- j ung
Graphic Designer
Lighting Designer
C h e n ku a n - wen
Che ng chin- t se
Stage Designer
Stage Manager
C h e n g b o - y un
Chang y i- y un
First Proposal Design Concept The imagery of jigsaw puzzles represent the world built by pieces of dream where we dream walk (and play). The audiences would regard the concretized dream we built as their own dream, indulging themselves in the ridiculous lines and actions.
Design Detail The stage is designed as a dream consisting of a bunch of puzzles. There are 10 layers each represented by different colors on the stage. The further the layer is from the audiences, the deeper the color goes. Each layer has a distance of about 10 centimeters to the next, but there are 100 centimeters between the fourth and the fifth layer to create more space for the performers.
Prototype In order to check the immersive model, I used thin white cards as the visible puzzles and 10 transparent acetate sheets as the non-existing layers to construct the prototype. Then I created a little room to make the space between the layers wider.
The immersive model
The immersive room
3D model
Production Process I set the square units as 10 square centimeters, using 3000p white cardboard to present the puzzles and fishing lines to set those cardboards on the right position. To coordinate with the exhibition hall, I used picture hangers to fix the horizontal fishing lines on the wall.
3000p white cardboard
Producing
Wall picture hanger
Fishing line
The exhibition hall
Problem Because of the overly flexible fishing lines (which made the position setting very difficult) and that the rest of the time before the debut after my first field study to the exhibition hall was only 3 days, the proposal should be modified in the last 3 days.
Second Proposal Design Concept Our dream being fragile and unrealistic, I tried to build our unique world piece by piece in our fancy imagination where we are always chasing peace and comfort. Despite the fragility of dreams, we still want to hide behind it. The unstable structure built by the box-shape units reflects the helpless feeling in everyone's mind, though we still want to live with our lies that make us survive in the society. The overexposed pictures of actors and the mirror which reflects whoever faces it makes the audiences regard the actor as themselves during the show. And in the middle is an entire mirror to emphasize the concept of reflection.
Design Detail 3 different size of boxes are the basic units, piled up to construct the wall which separates the stage and backstage. The size of the boxes are respectively 25, 30, and 55 square centimeters. And the colors shown below are dark grey, grey, and white. The sky blue squares are the actors' overexposed photos and mirror.
25
30
55
40
unit : cm
Design Detail Actors in the backstage could still be seen, and each actor has their own position to stand or sit in. Each actor’s height has been measured, so they would only be covered by their poker face photos with after effects.
Scenario
Photos (blue part in scenario) - grey square represent mirror
Production Process I used white cardboard to make the boxes, fixing it with L-shaped steel to strengthen the structure. To connect the boxes, white elliot folders were used because of the limited time we had before the performance. (we had to reload the entire stage in an hour every day during the show period.) As for the photos, I used strong magnet to fix it on the boxes wall in order to correct the deviation of position during the show.
L shaped angle steel
Me setting the stage
During the Show Time The final display of the stage design, and the actual performing photos.
The show on
The stage with the actors
The actors with their photos
The Team
Me, Floyd , An Ou t sid e r
UI DESIGN -02 UI Design For The Elderly
02 UI DESIGN F O R T H E E L D E R LY - PILL
PILL is an app helping the elderly takes medicines safer and more p u n c t u a l . To c a r e a b o u t t h e p o o r vision and shaky hand of the elderly, user interface design emphsizes on identifiability and easy-to-tap.
Yan g s su -y u
Wa n g ch i ng- h u i
C h o u s h a n - yu
C h e n g bo - y un
Problem With some research and interview, we refine two main problem for taking medicines which the elderly usually have. The first problem is about taking the medicines in wrong ways, including taking it in the wrong time, forgetting taken or not, taking with the other medicines, taking other people's medicines, taking expired medicines and so on. Then, the second problem is about education, including perchasing unknown medicines, wrong storage methods, less medical education and so on.
Insight As the problem we mentioned before, we got four kind of insights. 1. How could we help the elderly to distinguish the different medicines from color, shape, or others? 2. Medical knowledge of medicines 3. How could we help them take the right medicines? 4. How could we make sure they are taking the right medicines?
Functional Map We came up with the main idea which is to ensure the family knowing whether their elderly take medicines or not. At the first time, we were trying to develop two vision of the app, the family & doctor vision and the elderly vision. But as the more discussion, we found out that we only have to develop one vision for two parts of function. The elderly also can see the family's data in the same way, if the elderly is able to learn the method. For the most of the elderly, we make the setting work for their family with the password sending, in order to prevent the elderly changing the setting accidentally.
Co n n ec t i n g a cco u n t The family woiuld be able to connect with the elderly account in order to read the historical record of taking medicines. Within the function, the family could be able to check out whether the elderly taking medicine or not in the right time.
P il l boxe s The one who help the elderly setting the pill boxes would be able to set the type of pill by taking photos and the different frequencies of taking different medicines.
A R tec h n i q u e Using AR technique to help the elderly find the correct pills. The elderly would only have to turn on their camera in "PILL" app when the reminding clock alarm. Taking the camera to the pill boxes and it would show user which is the correct grid at that time.
Design Detail As we mention before, there are two parts in the "PILL" app, main function and setting. For the main function part, we make the button within full color and big size. In addition, we also consider about the frequency of using, so we make the taking medicine button the largest, and then the message button and the medical information button. For the setting part, we don't have to consider about the elder user who can't be easy to see and tap precisely, so we can put more information in that page with a password to prevent from the elderly tapping it accidently.
Personal setting
P ill b oxes setting
Co nnec ting setting
Me s s ag e
A R cam e r a
UI flow Display the entire flow of "PILL".
C4D Practicing -03 Eyeballs -04 Reflection & Analysis -05 Digital Code -06 Organism -07 Organic Metal (animate)
03 Eyeballs Eyeballs' texture practice learning from Youtube.
04 Re f e c t i o n & Analysis Within the graduation project, E n g i n ee r i n g s t u d e n t s ' m i n d wo u l d analyze the environment, and reflect different way to solve the invidual problem.
05 D i g i t a l Co d e Within the graduation project, social science students' mind would be like the digical code in organic order which represent their rational analysis skill and thinking in the sensual way.
06 Organism To represent the medical students' mind and imitate cells' appearance.
Sketch -08 Watch Exploded View -09 Temple
08 Wa t c h Exploded View
09 Te m p l e
Graphic Design -10 NCKU ID Camp -11 NCKU Graduation Season
10 N C K U I D CA M P
The theme of NCKU ID Camp in this year is "King Ar thur", with the homophonic word "Design" in Chinese. We took over the entire story telling and showing (key vision) in the visual design way in this camp.
Poster Design
Post Card
Post Card 1
Post Card 2
Crew in to. Picture
Design Process
T-shir t Design
Design Detail
Daily Newspaper
Cer tific ate
Handbook of camp
Display
10 NCKU Graduation Season In the graduation season, we took over the director of design depar tment of NCKU Graduation Student Association.
Key vision
Profile Picture
Typography & Logo Design
Invitati on Card of Graduation Ceremony
國立成功大學107年畢業典禮邀請函 2018 National Cheng Kung University Graduation Ceremony Invitaion
國立成功大學107年畢業典禮邀請函 2018 National Cheng Kung University Graduation Ceremony Invitaion
MAP 榕園
前 鋒 路
勝 利 路 光復操場
火 車 站
中正堂
大學路 大遠百
親愛的師長
好：
鳳凰花開了，您辛苦培育照護的學生，即將邁入人生的新階段，感謝 您的付出與貢獻，在此向您獻上最誠摯的敬意。畢業典禮是同學學習段落 的慶典，充滿了溫馨與感恩，竭誠邀請您前來分享這份喜悅。 本校於107年應屆畢業生畢業典禮，謹訂於中華民國107年6月2日 (星期六)16：00於中正堂舉行，耑此奉邀，敬請 光臨。
TIME 17:00
家長進場
17:10
學生進場
18:00
畢典開始
19:30
畢典結束
國立成功大學校長
敬邀
V ERNEUMEA R K
國立成功大學
光 復持操本場邀 請 函 可 至 本 校 指 定 停 車 場 面 費 停 車 當日如遇下雨等因素，畢業典禮將調整至中正堂舉行 因場地有限，屆時一張邀請函僅開放一位家長代表入場
成功大學NCKU
MAP
http://web.ncku.edu.tw/
成大畢聯會 QR CODE http://www.facebook.com/ncku/graduation/
榕園
前 鋒 路
勝 利 路 光復操場
火 車 站
中正堂 大學路
大遠百
親愛的師長
好：
鳳凰花開了，您辛苦培育照護的學生，即將邁入人生的新階段，感謝 您的付出與貢獻，在此向您獻上最誠摯的敬意。畢業典禮是同學學習段落 的慶典，充滿了溫馨與感恩，竭誠邀請您前來分享這份喜悅。 本校於107年應屆畢業生畢業典禮，謹訂於中華民國107年6月2日 (星期六)16：00於中正堂舉行，耑此奉邀，敬請 光臨。
國立成功大學校長
REMARK 持本邀請函可至本校指定停車場面費停車 當日如遇下雨等因素，畢業典禮將調整至中正堂舉行 因場地有限，屆時一張邀請函僅開放一位家長代表入場
成功大學NCKU http ://web.n c ku.edu.tw/
成大畢聯會 QR CODE http ://www.fac ebook.c om/n c ku/graduation/
敬邀
Graduation commemorative T-shir t Design
Design Detail
Promotion in AfterEffect
Graduation Yearbook Theme
Colleg e of S o c ial S c ien ce
Colleg e of M ed ic in e
Colleg e of E n g in eer in g
Video Design -12 Post-it -13 Product Introduction
12 Po s t- i t Future Life Style
We use many different color post-it to create the animate without any after effect to show the future life style.
13 Product Introduction
To show the product concept and how to use them in your life.
Product Design -14 Confortable Sleeping & Awake -15 IKEA Workshop
13 Co n fo r t a b l e Sleeping & Aw a ke
It a big project , including product design, modeling, promoting, and showing.
Modeling