2016 PORTFOLIO Chen Yi Hsiang
CONTENTS
O1 PRODUT Telewok Koloscrew Swiming Butterfluer
53
RESUME Contact Experience Skill Passion
O3
BRAND Brand Design Market Analysis Product Making Graphic Design Market Participation
65 GRAPHIC Self Brand Logo Design Poster Design 2d Rendering
RENDER Gogoro Heat Baby Xiao Rem Logitech G402 Monster DNA Montauk Nest Chair
79
RESUME 陳義翔
Chen Yi Hsiang 1995
2011
2013
Born in Hsinchu Taiwan
Hsinchu High School
Design Inspiration
About Hello! My name is Chen Yi Hsiang. I majored in industrial design, and I also have deep love in graphic design. I join in the department magazine just because of the love of fonts and layout. Hope I can do more fantastic design in the future.
Contact
Addicted in Design
Passions
Tainan, Taiwan
Volleyball
+886909030384
Fonts
issuu.com/kusolight
Bike
kusolight0930@gmail.com
Photography
n
Book-edit ability
Teamwork ability
2014
2014
2015
NCKU Industrial Design
ID Bank magazine maker
Graphic ability
ID Camp Team leader
Language
Leadership ability
2016. 7
2016. 9
Yuansteel Intern
Head of Art design section
Software
你好!
Chinese -mother tongue
Ps Photoshop
哩賀!
Taiwanese -mother tongue
Ai
Illustrator
hi!
English -TOEIC 730
Id
Indesign
ハイ!
Japanese -basic phase
Ae After Effect
Solidworks
Award 2015 ASUS X NCKU ID Musicaholic Workshop
Keyshot Sonyvegas Word Powerpoint
Product
Product design
Telewok
06
Product design
Have you ever met these problems below during cooking - Wok too heavy to lift ,handle gives you a poor feeling, or where to put the lid? Meet Telewok, and there's no need to worry about anything. The telephone-like handles are better for you in a friendly grasp and make cooking process easier, offering a wonderful kitchen experience in a suitable way.
Telephone Form
Ordinary wok
Telewok
using telephone shape to let the handle's height closer to the bottom of the wok, which makes it lighter to lift, bigger tail gives you less pressure while holding it.
Telewok
08
Feel lighter to pour the telephone-shaped handle offers you a brilliant angle to arrange your lid in a relaxed mode during cooking, meanwhile only using little space. Ordinary wok
Telewok
Product design
Problem define We visited two old age center to observe the kitchen environment and the part of the actual operation. Finding that elderly are rarely have the opportunity to participate in cooking owing to the staff had cooked a large amount of food. In fact, the main reason stop the elders cooking is security considerations, but it also makes some elders eager to cook cannot join in the cooking. So we decided to design the safe kitchenware to make the staff allow the elders to use the kitchen.
Telewok
Product research We studied some research about the wok, there are some main problems like the wok is too heavy to use and where to place the wok lid. Furthermore, the ordinary handles usually slightly upward, it not only caused the inconvenience, but also resulted to the discomfort of the hands. The hand must make a uncomfortable gesture to complete the cooking process, especially for the elders, the long term use is indeed a burden.
10
Product design
Concept Sketch In order to solve the problems, we refer to some studies, and also visit the lots of stores to observe the current products for brainstorming the sketches. We observed that the existing wok handle is almost above the level of the pot surface and slightly upward. The farther the distance between the handle and the center of the gravity of the pot (the bottom of the pot), the more efforts we have to spend to raise the pot.
Telewok
Model Test At first, we tried and made various shapes of the handles like C-type, T-type or even the cup-type handle, but after doing the test, we found that these shapes will cause the pressure between finger and finger. Then we trying to connect the handle to the center of the edge of the pot, and found out there was much more obvious than the other current handle, so we decided to use this idea to develop our wok.
12
Product design
Telewok
14
Delicately Modeling As for the delicate mode, we divided the handle into orange and gray two parts. The two colors lead the visual sense, along with silicone grey part, which gives the elderly a more friendly, optimistic, and more eyecatching feeling. We study the grip gestures, depicting the contours of the hand into the shape of the gray part, so that the user and the elders are easy to grip at first glance.
Product design
Back to Vienna Workshop era
Koloscrew
16
Product design
Koloscrew is a corkscrew that paid tribute to Koloman Moser. The idea of this product originate from a sterling silver ring made by Moser. The square pattern onside fully reveal the geometry style of the Vienna Workshop. While using Koloscrew to screw the cork up, it would place you in the ambience of the Art Nouveau Ages.
Koloscrew
18
Product design
History Background Vienna Workshop was founded in 1903 by Josef Hoffmann, a prominent architect and Koloman Moser, an innovative graphics artist, the Vienna Workshops soon attracted numerous painters, sculptors, textile designers etc, who quickly formed a thriving ‘Artists Cooperative’ unlike any other of its time or since. Their main aesthetic contribution is now known as the ‘Secessionist’ style (Sezession).
Koloscrew
Project Setting From the prehistoric era of humans, wine has appeared simultaneously on the earth, and the beginning of wine history almost overlaps human cultural history. This project casted the image of every design history periods on the wine. Through combining the features of every era on the corkscrew, while you screw the cork up, you may feel the contemporary atmosphere as you are in that era.
20
Product design
Style Features The main aesthetic contribution of Vienna Workshop is now known as the Secessionist style. Their features contains simple lines, lattice in order, functional and abstract shape etc. Works often show the beauty of rhythm because of the repeatedly simple form. Charles Rennie Mackintosh from England had great impact on the products of Vienna Workshop.
Koloscrew
Concept Sketch Through observing many products of Vienna Workshop, I absorb the characteristics of their geometric style and apply it on the design of the corkscrew. Like Josef Hoffman’s melon tableware and Koloman Moser’s Armchair, the geometric divisions on these product are distinguishing. I want to imitate the style to make a corkscrew to pat tribute to these master.
22
Product design
Mechanism Test After diverging the concept of sketches, I selected a hopter-like shape. Then I began to make the rough make to test the feasibility of this mechanism. Aside from making model by myself, I also made good use of the daily product like glue to simulate the real model. After testing 2 to 3 times, the mechanism is possible. And the following step is the appearance design.
Koloscrew
24
Product design
3d Model Rendering After the test of the structure, I start to build the 3d model through solidworks, set the fitting size and then build the parts one by one. To try out the current available things such as the corkscrew to combine with the components I design, the commissure of material and the calculation of tolerance are challenging to me now.
Koloscrew
Detailed Parts
Rotating Teron
Fillet Axis
Material Commissure
26
Product design
Koloscrew
Delicately Modeling Further, start to decide how to make this product after processing the detailed part. Discussing with professor and the seniors, there was a high probability to make this by 3d printing. First time of 3d print, the holes of the pattern were full of supports. It’s hard for me to rub them to smooth, so I decided to do it again. Change the placing direction to reduce the support. Spraying after printing twice and then finish the delicate model.
28
Product design
Koloscrew
Style Verification With the decoration of the exhibition, I presented the Vienna Workshop style to the audience. The feedback from classmates and teacher made me realize whether my product was Vienna-Workshop-like or not. In addition, in comparison to the pictures of the product of Vienna Workshop to confirm the similarity with Koloscrew. After that, the result is positive.
30
Product design
Swiming
32
Product design
Swiming
Introduction Swiming is a swimmimg musical tempo game following by the previous game“ Runing.�Download the Swiming app from app store or Google play with the dedicated underwater headphone and swimming paddles to start the game, Swiming is a instinctive game. What players have to do is to following the music tempo with the arm wave frequency. Swiming makes you have pleasure underwater with the rhythm of the music. Let's join the Swiming with your friends.
34
Product design
Game Addicted Coach Potato
Desire to R
+
Target User Setting
Desire or Ab
+
Music Lover
Basic Swimmin
Swiming
Run
Runing App Result of Musicaholic Workshop Runing App is the eventual product from the ASUS Musicaholic Workshop. With the combination of music and racing game, Runing aims to attract the coach potatoes tired of exercising to run outside. What players have to do is to following the music tempo with running pace and then gain high score to defeat opponents. This game won the first prize of the workshop.
=
bility
ng Skill
36
Output
=
?
Target Def i ne After the workshop, I started thinking about how to divert the concept of the combination of music and sports to other target groups. And then I came up with an idea to fuse the swimming sport because it was a safe sport doing in the enclosed area. Follow the music tempo with arm wave frequency so that the music lovers can enjoy the pleasure of music while swimming.
Product design
Concept Sketch First, start from the combination of music and swimming, brainstorming the headphones about music and the swimming gear about swimming. Second, combine these two concepts to one through IOT system. At last, modify the feature to make the combination of music and swimming more perfect.
Swiming
38
Product design
How to play Swiming? 1. 2. 3. 4. 5. 6.
Aim to use by the music lovers able to swim. First, put on the dedicated Swiming earphones and paddles. Use the app the choose the play modes. Prepare to start after settings are all done. Check out the result after the game is over. Make the users enjoy in the sports and music more.
Swiming
Swiming Earphones The gap between the outer shell and the earmuffs can tie the stripes of the goggles, so the earphone would not have the risk of dropping down. And the material of earmuffs is waterproof, even if the water gets in, the sound quality is still fantastic. When you don’t follow the music frequency, the shell edge of the earphone would glow yellow light to remind you.
Swiming Paddles The streamline shape of Swiming paddles makes you more fast underwater, and they also allows you to keep a better posture state. They make you has the effect of exercise in the game. The sensors inside can transport the stroke rate to your phone to calculate the scores.
Assistant Eqipments Originally, I wanted to adopt the concept “Storage” to make the induction bracelet and headphones easy to bring, in view of the overflow of the wearable bracelet, I changed it to swimming paddles which can increase the arm power. And they are also the position where the sensor is put. Then make the shape of the headphones and swimming paddles tend to be streamline to reduce the water resistance.
40
Product design
Personal data
Personal Profile
Interface
Music Store
Main Interface
Interface
Setting
Swiming
42
User Interface Adopting the swimming lane as the concept, the upward and downward lines are the symbol of lane ropes. Using the bright yellow and navy blue as the main color hue to design the interface of the game.
Single Player Mode
Degree of difficulty
Music & Tempo Choice
Waiting Interface
Double Players Mode
Degree of difficulty
Opponent Search Interface
Level Up Rewards
Product design
Butterfluler
Butterfluler from caterpillar to butterfly
44
Product design
Butterfluler from caterpillar to butterfly
Caterpillar mode
Butterfluler
46
How it works?
Ｔｈｅ ｈａｎｄℓｅ ｉｓ ａ ｃａｔｅｒｐｉℓℓａｒ
Ｐｕｔ ｔｈｅ ｉｎｄｅｘ ｏｎ ｔｈｅ ｃｏｎｃａｖｅ ａｎｄ ｔｈｅｎ ａｐｐℓｙ ｄｏｗｎ ｆｏｒｃｅ．
Ｔｈｅ ｈａｎｄℓｅ ｗｉℓℓ ｓｔａｎｄ ｕｐ ａｎｄ ｔｕｒｎ
Product design
Concept When students use the ruler to draw lines or cutting, they usually have some problems like the ruler is too short, hard to take it from the table or sometimes would cut the finger or ruler. As a result, I use a series of design thinking in order to design a more convenient and safer ruler , so that students will have more pleasant experience in using the ruler.
Butterfluler
First sketch
48
Product design
Butterfluler
Revise and Sketch With the first design thinking extending lots of different idea, converging them to three more developed concepts. There are a ruler with a track for sliding, sectional oblique ruler and gloves ruler. Finally the idea I adopted is the unique third one, I want to use it to convey the idea “My hand is my ruler.�
50
Product design
Butterfluler
Modeling The first shape of the gloves ruler is too intuitive. After discussing with teacher and classmates many times continually and trying many types of the handles. In the end, I adopted an ear shape handle with a simple structure which would be erected under the pressure, and then combine the upward and downward acrylic sheets with it, using the grinder to make the hypotenuse of the ruler, go spray painting and electroplating. It would be the Butterfluler.
52
Marketing
Brand
Brand marketing
Kochamatsu
56
Brand marketing
Brand concept Kochamatsu is a brand founded by a group of students who love the matcha tea, an accident that the matcha tea spilled on the clothes happened so that we came up with an idea of the combination of matcha tea and cloth-dyeing technique, and then develop a series of matcha tea products.
Kochamatsu
Market Analysis The gradient drinks were very popular in 2016, while the matcha latte in many drinking stores also came to a trend in Taiwan, so we combine this two elements in the canvas dyeing. The potential target buyers are gradient lovers and matcha lovers. The matcha green color is also the pantone color of the year 2017.
x Gradient color lovers
Matcha lovers
Color of the Year 2017
58
Brand marketing
Kochamatsu
60
Product making We took some time to familiar all the process. First, to find the master in Tainan to learn the skills, and then selected the best quality canvas, scouring by ourselves, blending the color of canvas dyeing. After ensuring the beautiful matcha color, adopted it in our products, everything is hand-dyeing with the unique matcha color.
Brand marketing
Fanpage managing Running for half a year, the number of fans are about 1,000 people, all articles in fan page try to transmit the same feeling to create the atmosphere of my own brand. Sometimes we hold the raffles for the free publicity, or try to increase the brand exposure through buying advertisements.
Kochamatsu
Graphic design I adopt with cute baby ass with farting as the main logo image. As for the hue of all the product of baby 小人 , I use pink color to attract the mother group.image. As for the hue of all the product of baby 小 人 , I use pink color to attract the mother group.The key vision of Kochamatsu is hipster style. We try to give people comfortable and warm feeling, in addition to the product with hand dyeing, the logotype of Kochamatsu is handwritten in order to bring the feeling of warm temperature.
62
Brand marketing
Market Participation After a series of things like dyeing the canvas cloth by ourselves, communicating with the manufacturers. It’s the first time to start selling on the fair with the prepare in a month. Learning how to decorate stalls, selling goods, cost calculation and price setting. Although the whole process is very tiring, but I think that all the efforts are worth it.
Kochamatsu
64
Rendering
3D
3D Rendering
Gogoro Heat The latest product of the gogoro, GOGORO HEAT, was launched on the 2016 autumn. I try to follow the gogoro form rules to design another product and the product has to be identified gogoro style instantly. Through this project, I improved the skill of the form analysis and design, and I also make one short video to advertise the product.
Solidworks
and
Keyshot
68
3D Rendering
About Gogoro is a Taiwanese-based venturebacked company that develops and sells electric scooters and battery swapping infrastructure.
Form Analysis Trying the analysis the form design of the gogoro scooter, I find some common elements on it. Through riding the real gogoro scooter, we can see lots of the detail on the manufacture of the gogoro.
Solidworks
and
Keyshot
Features Adopt After the analysis, I summed up some rules one the form design of the gogoro scooter. For example, the smooth assemble between two different material, pure and plump surface, spited full surface etc. Then I try to use the rules one by one to design my own gogoro form style product. I choose the rice steamer because there are some common images one them like the scooter seat and the steamer lid. Also, I adopted the gogoro graphic features to design the interface of the GOGORO HEAT, the new gogoro product.
70
3D Rendering
Baby 小人 Baby 小人 was a brand (Corporate Identity System ) designed by me. I went through all the process from the logo design, product design to the package design. By using Solidworks and Keyshot 3d rendering, making all the product present in your eyes before entering to the manufacturing process. I improved lots of basic 3d modeling ability.
Solidworks
and
Keyshot
72
3D Rendering
Concept I adopt with cute baby ass with farting as the main logo image. As for the hue of all the product of baby ĺ°?äşş , I use pink color to attract the mother group.
Color Range
Solidworks
and
Keyshot
74
3D Rendering
3d Mouse Use the project curve function to combine two lines into 3d curve, and then construct the surface. Compare to the regular mouse, the feature of the gaming mouse is unique and not asymmetric. Through modeling the mouse to improve the ability of control surface.
Solidworks
and
Keyshot
76
3d Headphone 3d modeling is a way to express the idea through the dimensional concept. Compare to the 2d rendering, the 3d rendering is more comprehensive and can fully construct m the details. If you finish the model, after rendering, it’s very convenient to inspect the things you design from all aspects.
Graphic design
3d Chair After being proficient in the control of surface, try to use the indent function to build a concave place of chair, and use the free forming function to make pillow more soft like the real texture.
Solidworks
3d Iron Mainly using the surface function to build the body of the iron. And then use the split function to slice the iron to many parts, especially for the more difficult button part. Last, just adjust the color and material in Keyshot to make this 3d model more like the real one.
and
Keyshot
78
Graphic
Graphic design
Concept If you have a glance of my logo, you will see a signature of my English name " Light " first. Once you look carefully , you will find that it is actually a monkfish with the head light on.
Color Range
Self Brand design
82
Graphic design
Pun Place Logo Design
About Pun Place is the main southern field of Taiwan Digital Cultural Association, a mix of office and other functions and events , the first floor is an open space for the use of events, offering Wi-Fi and basic equipments. On the second floor is the main office for colleagues association field.
Concept Pun Place is a coworking space, so adopted the concept of cooperation, combining 胖 and 地 two words, they appear symmetrical but different , but it can work closely together. Using the circular fonts mean the harmony and smooth of the work.
Color Range
Fonts 華康超特圓體 (P), V/A: 22, L: 100%, W: 100% 源柔ゴシック X 等幅 (heavy), V/A: 0, L: 100%, W: 100%
Logo design
84
metro Taipei Logo Design
About The Taipei Rapid Transit Corporation (TRTC) operates the Taipei Metro System, serving residents and visitors of metropolitan Taipei with their daily commutes. The development of the Taipei Metropolitan Area has given rise to many traffic issues in Taipei City.
Concept In the abbreviation M, R and T three words combined into one MRT body , right of the logo gives a sense of speed , also the symbol of the rapid and convenience , logo color choice MRT line color so that the whole body more accustomed unobtrusive .
Color Range
Fonts Lucida Sans(demibold italic), V/A: 22, L:100%, W:100%
Graphic design
Color Range
Winter Exhibition The name of the final NCKU Id final Presentation was fixed to be Summer Exhibition and Winter Vacation. Use it as the concept, combine the two words � & 冏 to one which means the change of seasons, and then adopted it to the pencil sharpener, trying to convey that after the hardship of this semester, the work presented on the exhibition was perfect.
poster design
alieNCKU I design this poster for an activity of my department. The UFO form is from the transformer of the banyan in NCKU, I use the Solidworks and Keyshot to assist me to design this poster.
Color Range
86
Graphic design
Color Range
2016 Yodex Use Japanese print and brush drawing as the key vision of this poster. It's a symbol of the renaissance of the traditional drawing technique.
poster design
Frozen Christmas Using the freezing vison as the first glance of this poster becuase I want to leapfrog the xmas color red and green, the xmas crystal is stand for gift change.
Color Range
88
Graphic design
2d Photoshop rendering
90
2d rendering Compare to the regular sketch, the digital presentation technique can draw the detail much well. The way of repetitive modify is freer and, you can choose the color you want, to present the concepts clearly.
Graphic design
Galaxy G402 It's interesting to change the texture and color of the gaming mouse. After trying out many times. I design to fuse the original main color with the universe element to create the more fantastic Galaxy Photon G402.
2d Photoshop rendering
92
Chen Yi Hsiang +886909030384 kusolight0930@gmail.com