Sep. 2009 - Jan. 2014
Shiney Guo's Collections
2
INTERACTIVE ART & INSTALLATION
INTERACTION DESIGN
1 2 P. 004-021
P.
01/ The Beauty of Geometry 02/ Music Shelf
03/ Grid Diary 04/ App for Hunan University
022-029
GRAPHIC DESIGN
3 4 P.
030-061
05/ 06/ 07/ 08/
Tea X Ikebana Win-win Boutique Kitchen Shears Inception
P. 09/ 10/ 11/ 12/
062-071
Zen & Tea Earphone Advertisement Line Composition Pre-folio
03
PRODUCT & INSTALLATION DESIGN
04
INTERACTION DESIGN
THE BEAUTY OF GEOMETRY
No.01 INTERACTIVE ART
The Beauty of Geometry Rational, mysterious, sacred...
individual/ interaction design/ after graduation/ Arduino, Processing, distance sensor & 3D printing
05
01 ｜ Rational, mysterious, sacred...
In this project, I want to breathe life into geometry and I wanted it to embody my presence by employing Processing, Arduino, distance sensor and 3D printing. When I extend my hand toward the 3D-printing sculpture, the image expands as if it wants to embrace me; when I withdraw my hand, the image shrinks as if it feels alienated; when I simply stare at it, the image just “breathes” peacefully, as if it’s staring at me too... I wanted to explore the beauty of geometry by experimenting with the interaction between people and images.
INTERACTION DESIGN
THE BEAUTY OF GEOMETRY
06
INSPIRATION
During my sophomore year, I drew inspiration from Dutch graphic designer Escher and the movie Inception. My crew and I completed an installation named Inception which explored the possibility of combining two and three-dimensional images in a certain way. After finishing this project, I was overwhelmed by the lucid, mysterious and sacred beauty elicited by the geometric figure properties.
07
01 ď˝œ Rational, mysterious, sacred...
fg1.
So after graduation, I tried to apply different media and styles to explore the artistic beauty of geometry, which is also the name of the work. fg2.
fg1&2. Fibonacci spiral aloe and Fibonacci architecture fg3. The kolam is a traditional mandala, a geometric pattern, that women design in front of their houses during festivities. fg3.
INTERACTION DESIGN
08
CODE & DISTANCE SENSOR
THE BEAUTY OF GEOMETRY
01 ď˝œ Rational, mysterious, sacred...
09
3D-PRINTING
INTERACTION DESIGN
THE BEAUTY OF GEOMETRY
10
HOW IT WORK
Projector
Mac(Processing + Arduino)
Arduino
3D-printing + distance sensor
11
01 ｜ Rational, mysterious, sacred...
when I simply stare at it, the image just “breathes” peacefully, as if it’s staring at me too
when I withdraw my hand, the image shrinks as if it feels alienated
When I extend my hand , the image expands as if it wants to embrace me
12
SHOWCASE
13
14
INTERACTION DESIGN
MUSIC SHELF
No.02 INTERACTIVE INSTALLATION
MUSIC SHELF
entertaining & interactive andition device for music store
groupwork/ UI & UX design/ Junior year/ Arduino, Flash, Photoshop
15
02 ď˝œ Entertaining & interactive andition device for music store
Music Shelf is an entertaining & interactive audition machine. It was showcased in our school and was awarded Best Interactive Installation at the Arduino Show. In the era of digital music, many people believe that CDs are now obsolete. However, for people my age, especially for those who enjoy music, there remains an emotional attachment to CDs. The very act of inserting CDs into a CD player, watching them spin, and waiting for the music to flow is really pleasing and calms some people down. That is why we decided to preserve the act and simulate the experience by applying Flash and Arduino to streamline use and to engage more people.
16
INTERACTION DESIGN
MUSIC SHELF
PROBLEM FINDING
BAD APPEARENCE ｜ the plastic cover and metal string make the machine look cheap and bland. Also, it doesn't quite fit in with the music store's design theme. UNSANITARY ｜ The headset is not suitable for public use for sanitary and hygienic reasons. UNFIT INTERFACE ｜ The more customers who use the machine, the bigger the chance of boosting sales. So the audition machine should not have a song selection because it may cause overuse and could decrease their need to purchase once they hear songs they don't like.
17
02 ď˝œ Entertaining & interactive andition device for music store
HOW WE COLLABORATE Our team consists of six members, and we all bring something different to the table. To be more effective, we divided our team into three groups: UI, product and programming.
Programing
User Interface
PROGRAMING Arduino code hardware/software text
Hardware
USER INTERFACE Moodboard interactive prototype
HARDWARE Modeling Assembling
After deciding what we do, the groups work independently, but consistently check on the other group's work to ensure efficiency and to make sure one part can be integrated with another. The groups don't give too much detailed feedback to other groups because we completely trust each other's ability in our respective fields.
INTERACTION DESIGN
MUSIC SHELF
INTERFACE DESIGN
18
fg1
< Home Page
fg2
fg1. home page fg2. theme card fg3. vip page
< Theme Card
fg3
< VIP Page
02 ď˝&#x153; Entertaining & interactive andition device for music store
HOW TO USE IT
19
1/ play the music
2/ change the theme skin
3/ VIP page
ARDUINO IS AN OPEN-SOURCE ELECTRONICS PROTOTYPING PLATFORM BASED ON FLEXIBLE, EASY-TO-USE HARDWARE AND SOFTWARE. IT'S INTENDED FOR ARTISTS, DESIGNERS, HOBBYISTS AND ANYONE INTERESTED IN CREATING INTERACTIVE OBJECTS OR ENVIRONMENTS.
SOME THINGS YOU SHOULD KNOW ABOUT AUDRINO
HOW DOES MUSIC SHELF WORK?
20
INTERACTION DESIGN MUSIC SHELF
Arduino can sense the environment by receiving input from a variety of sensors and can affect its surroundings by controlling lights, motors, and other actuators. The microcontroller on the board is programmed using the Arduino
21
programming language (based on Wiring) and the Arduino development environment (based on Processing). Arduino projects can be stand-alone or they can communicate with software running on a computer (e.g. Flash, Processing, MaxMSP).
02 ď˝&#x153; Entertaining & interactive andition device for music store
22
INTERACTION DESIGN
No.03 INTERACTION DESIGN
GRID DIARY
the simplest way to get started with keeping a diary
groupwork/ UI & UX design/ senior year
GRID DIARY
23
03 ď˝&#x153; The simplest way to get started with keeping a diary
fg1. nine grid template is used for calligraphy
fg1
The nine-grid diary, also known as the renowned morning diary, was created by Misaki Sato. It encourages people to clear their minds of their daily work and mood in the morning. The nine-gird template is the highlight of the Grid Diary. It not only divides the screen into 9 girds, but also divides your diary into 8 questions (1 question for the current date and weather). By answering these questions, you can easily record your daily life while developing a steady habit of keeping a diary.
INTERACTION DESIGN
GRID DIARY
24
COMPETITIVE ANALYSIS
How it record
Awesome Note
This Is Note
Evernote
Pictnote
Evernote
diary+to do list+note
diary+to do list+note
diary
photo diary
diary + record
Change themes
Handwriting
Synv with mac & pc
Tag
Search
MOOD BOARD
03 ď˝&#x153; The simplest way to get started with keeping a diary
25
UI DESIGN
fg1
}
fg2
Final Logo
Iâ&#x20AC;&#x2122;ve considered some script fonts before, but in the end we chose Museo Sans because it had a sturdy, low contrast, geometric design that worked well with both texts and displays. fg1. Making process of Grid Diary logo fg2. Grid Diary logo in ios 7 style
GRID DIARY
26
INTERACTION DESIGN
Questions based diary
Sync via iCloud
Grid Diary divides your diary into 8 questions (custom questions are also available), such as “Did I do physical exercise today?” or “Who did I meet today?”. The question-leading pattern relaxes people and makes them more willing to keep a diary than the traditional way. However, we would like people to make it their own: each grid represents a different aspect of life.
27
03 ď˝&#x153; The simplest way to get started with keeping a diary
Both in vertical and horizontal display
Passcode lock
28
INTERACTION DESIGN
APP FOR HUNAN UNIVERSITY
No.04 INTERACTION DESIGN
APP for Hunan University andriod app for browsing basic information
groupwork/ UI & UX design/ Junior year/ Arduino, Flash, Photoshop
The School of Design at Hunan University has developed an app for showing some basic information like student works, school news, and notices. The app is designed for Android. I programmed it in Action Script 3.0.
29
04 ď˝&#x153; Andriod app for browsing basic information
fg1.
fg1. feature showcase fg2,3,4. interface showcase in andriod phone
fg2.
fg3.
fg4.
30
PRODUCT DESIGN
TEA X IKEBANA
No.05 Product Design
Tea Ă&#x2014; Ikebana new-Chinese style teasets designed for youth market
individual/ product design/ senior year/ ceramic, wool. slik flower
31
05 ｜ New-Chinese style teasets designed for youth market
fg1.
TEA×IKEABANA is a new, Chinese-
fg1.
style teapot. Its concept stems from a
Tea × Ikebana has been published in the latest 360 Design
method of ancient Chinese garden designs called Borrowed Scenery: incorporating background landscape into the composition of a gardenborrowed scenery. It inspire people with its octagonal window-like outline.
TEA X IKEBANA
創作意圖
創作意圖
Intention
32
PRODUCT DESIGN
The Chinese enjoy tea and they valued the tea sets. They have considered employing the tea sets into the valuation of teaism. However, the complicated steps of teaism are obviously not suitable for modern life. Also, product similarity is a current issue in the tea product market as well as the large gap in the youth market.
最早提到茶具的文献资料： 西汉王褒《僮约》： “烹茶尽具，酺已盖藏” 三国《广雅》: “捣末置瓷器中 , 以汤浇覆之。
东晋时期 青瓷鸡首壶：茶酒两用
文脈地圖
Context Map
前 202-280
317-420
在唐代以前，茶具与食具，茶具 与酒具的区分并不是非常严格， 在很长一段时间里，它们都是互 相通用的。
420-587
618-907
960-1279
市場調研
Market Research
33
05 ｜ New-Chinese style teasets designed for youth market
01/ Tea beverage sales continued to grow, and for the first time in 2013, have sold more than carbonated drinks. The interest in tea continued to grow in the sub-40 age group. 02/ With the quick pace of urban life, many people have little or no time to enjoy the complicated process of tea. Quick tea and other tea fashion trends are inevitable. 03/ Cafes have aesthetic coffee sets with some cafes even customizing their own coffee sets. However, tearooms seldom have tea sets which suit the aesthetic tastes of the youth.
fg1.
04/ Homogenization is very common in the tea set market. There is still potential in the youth market.
fg1. Eastern Leaves is a success in tea beverage market fg2 & 3. Cafe customnized their coffee sets
fg2.
to be more competitive while tearoom seldom has tea sets which meet youth's aesthetical standard
fg3.
趨勢研究
Trend Study
34
PRODUCT DESIGN
TEA X IKEBANA
01/NATURAL
Definition: With the quick pace of modern life, people want to have plants to calm them down and ease their minds. Also, the natural elements make perfect decorations for modern families.
INDICATION 1
INDICATION 2
The popularity of succulents and preserved flower (both need seldom time to take care of) are evidents of the fact that people want to have plant in their house but they don't want to, or don't have time to raise them.
IMPACT ON TABLEWARE
35
05 ď˝&#x153; New-Chinese style teasets designed for youth market
趨勢研究
Trend Study
36
PRODUCT DESIGN
TEA X IKEBANA
02/XIE YI PAINTING
Definition: Xie means "to write" and yi means "meaning". A famous Master of Chinese painting, Zhang Daqian, said that Xie Yi indicated the fact of drawing the spirit of beings. Many designers apply the elements of Xie Yi painting in their works.
INDICATION 1
INDICATION 2
Xie Yi elements are also applied in interior design. The pictures shown above are of Wuhao Hotel in Beijing and Puli Hotel in Shanghai.
IMPACT ON TABLEWARE
37
05 ď˝&#x153; New-Chinese style teasets designed for youth market
趨勢研究
Trend Study
38
PRODUCT DESIGN
TEA X IKEBANA
03/GEOMETRIC
Definition: Simple, neat curves and lines are frequently used in modern design. It fits in well with modern families.
INDICATION 1
IMPACT ON TABLEWARE
Suzhou Museum
INDICATION 2 Klein Bottle House
39
05 ď˝&#x153; New-Chinese style teasets designed for youth market
草圖
建模 &
Sketches & Modeling
40
PRODUCT DESIGN
TEA X IKEBANA
SKETCHES
THREE VIEWS
05 ｜ New-Chinese style teasets designed for youth market
41
制作過程
Making Processing
teacup
lid
spout
joint
plastic
ceramic body
Because of the meticulous nature of ceramics, during the process of molding—especially for a square mold—people should take shrinkage factors (12%-15%) into account. Therefore, the rim of square vessel molds should be curved.
PRODUCT DESIGN
42
SHOWCASE
TEA X IKEBANA
43
05 ď˝&#x153; New-Chinese style teasets designed for youth market
44
PRODUCT DESIGN
WIN-WIN BOUTIQUE
No.06 Product Design
Win-win Boutique where you donate, sell and buy second-hand clothes conveniently
groupwork/ product & system design/ junior year
45
06 ď˝&#x153; Where you donate, sell and buy second-hand clothes conveniently
EXISTING PROBLEM Problems in Hunan University
There is no organization for redesigning old clothes in or around Hunan University The majority of students are not ware of the impact old clothes caused to the enviorment, they don't consider the recycle before buying Compared to other western countries, China, or Changsha seldom have second-hand clothes boutique Being unself-sufficient in economics, the students are expecting to have a second-hand clothes store neraby
EXISTING PROBLEM
The outcome of questionnaire â&#x2026;
Considering the existing problems, we made a questionnaire and printed 200. The outcome is shown below. The amount of purchased clothes per year 34%
6%
The expenditure of purchased clothes per year 6%
16%
4%
30%
<800 800-1500
5-15
1500-3000
>15
19%
>3000
8%
64%
<5 5-15 >15
Most of the students think the room is not enough for their clothes.
50%
<5
17%
The percentage of students who think dormitory is not enough for their clothes storage
24%
36%
34%
67%
75%
Boys
Girls
<800 800-1500 1500-3000 >3000
Male
Female
46
PRODUCT DESIGN
WIN-WIN BOUTIQUE
EXISTING PROBLEM Problems in Hunan University
How do you usually deal with your old clothes?
If there are recycle bins for old clothes, would you put your clothes in the bins as the classification board suggested
What attitude do you have towards old clothes recycling
redesign
doesn't care
NO
donate /give them to friends
disagree discard
YES
agree
EXISTING PROBLEM Problems in Hunan University
Have you ever considered how you would deal with the clothes after abadoning before buying new ones?
How do you think old clothes would impact on the environment
Do you think the media provide sufficient information aoubt recycling old clothes?
have severe impact and should be controlled immediately
YES YES have slight impact and don't need to be controlled
no idea
NO NO
47
06 ď˝&#x153; Where you donate, sell and buy second-hand clothes conveniently
EXISTING PROBLEM Storyboard
The stuff at Red Cross Instituion told us the ordinary procedure of dealing old clothes, and I made storyboard for further understanding.
u
EXISTING PROBLEM Storyboard
The stuff at Red Cross Instituion told us the usual procedure of dealing old clothes, and I made storyboard for fruther understanding.
The resident
The resident
48
PRODUCT DESIGN
WIN-WIN BOUTIQUE
STORYBOARD OF NEW SYSTEM
49
06 ｜ Where you donate, sell and buy second-hand clothes conveniently
FINAL CONCLUSION Having analysised the defects of the exsicting system, we came up with the new system map which is more eco-friendly and effective.
SYSTEM MAP
Having analysised the defects of the exsicting system, we came up with the new system map which is more eco-friendly and effective.
Win-Win is a system where people donate, sell and buy second-hand clothes. The major engine that drives the Win-Win system is the Win-Win car. It is an integration of the delivery system and the second-hand clothes boutique. Not only does it solve the problem of clothes "stockpiling", it also provides work opportunities for students.
SOLAR PANEL DOOR
INTERFACE
SALE DISTRICT
CLOTHES INLET
visitors flow rate
07:30-08:00 recycle
08:00-11:30 trasportation
7:30 8:30
11:30
14:30
16:30
21:30
time
11:30-14:30 recycle SOUTH-CAMPUS
14:30-16:30 trasportation
16:30-21:30 recycle NORTH-CAMPUS
TIANMA天马区 DISTRICT DEZHI DISTRICT
TRASPOTATION MAP
50
PRODUCT DESIGN
No.07 Product Design
Kitchen Shears design kitchen shears fit for Chinese kitchens
groupwork/ product design/ sophomore year/ phenolic foam
KITCHEN SHEARS
51
07 ď˝&#x153; Design kitchen shears fit for Chinese kitchens
Scissors are common appliances in our daily lives. However, when it comes to culinary shears, especially in China, things are different. In order to design scissors for Chinese kitchens, we did several field studies and even let a chef cook dinner for us using only scissors to prepare food in order to discover the existing issues. Finally we completed the model by employing phenolic foam.
PRODUCT DESIGN
STATIC SIZE OF HANDS 52
measuring data
KITCHEN SHEARS
07 ď˝&#x153; Design kitchen shears fit for Chinese kitchens
STRESSING POINT OF HANDS 53
stressing point text
A gourp
B gourp
It was also discovered that people hold scissors differently. We conducted a sampling survey by asking people to hold the exact same scissors and took down recordings. The results are shown above: There are two groups of common gestures and
other group
several other gestures.
COMFORT ZONE DISCOMFORT ZONE
PRODUCT DESIGN
FIELD STUDY 54
visit a four-star rated restaurant
KITCHEN SHEARS
07 ď˝&#x153; Design kitchen shears fit for Chinese kitchens
Question Finding 55
invite a chef to cook dinner for us with a pair of scissors
In order to design a pair of kitchen shears that is fit for Chinese kitchens, me and my team persuaded a cook to prepare dinner by a pair of normal shears.
PRODUCT DESIGN
KITCHEN SHEARS
Actions Analysis 56
invite a chef to cook dinner for us with a pair of scissors
Efficiency
Muscle Strain
Safety
07 ď˝&#x153; Design kitchen shears fit for Chinese kitchens
57
Product Design
58
INSTALLATION DESIGN
INCEPTION
No.08 Installation Design
Inception The inception of 2D & 3D
groupwork/ installation design/ sophomore year/ hardboard, black tape, fish tape
59
08 ď˝&#x153; The inception of 2D & 3D
fg1&2. Ascending Descending & Relativity by Escher and screenshots from Inception
Inspired by Dutch graphic designer Escher and the movie Inception, My crew and I completed an installation named Inception which explores the possibility of combining two and three-dimensional images in a certain way. Given that we only had a budget 200 yuan, we chose KT boards as our main material. It turned out that we were the only group who managed to keep the budget under 200 yuan.
fg1.
Escher was the main source of Inceptionâ&#x20AC;&#x2122;s inspiration. Most of his works at first glance look straightforward, but upon closer review reveal a deep paradox, depicting concepts that are both logically and physically impossible. Escher played and twisted with properties of dimensions and space, creating impossibly paradoxical, fg2.
mindboggling works of art.
INSTALLATION DESIGN
INCEPTION
60
fg3.
fg4.
fg3. fg4. My crew and I at the scene
61
08 ď˝&#x153; The inception of 2D & 3D
62
GRAPHIC DESIGN
ZEN & TEA
No.09 Graphic Design
Zen & Tea
have a tea & take a nap
individual/ graphic, package design/ Junior year
fg1.
63
09 ｜ Have a tea & take a nap
fg2.
fg3. Zen and Tea ( 人間草木 ) is a tearoom located in my hometown of Xiamen. I was honored with the chance to design the VI system for it. One of the beauties of Chinese characters is that they can be separated and then put together. If we separate the character " 茶 "(tea) then we can get the simplified version of 人 , 間 , 草 and 木 ." 人間草木太匆匆“ is also a line from the famous Master Hong Yi.
fg1. teabag version fg2. making process fg3. my grandpa help me designing characters
ZEN & TEA
64
GRAPHIC DESIGN
Paperbag Version
By separating and fusing together the " 人間草木 "characters, I got four new characters, which have become the main components of the VI design. Each new character represents the benefits of a certain kind of tea.
65
09 ď˝&#x153; Have a tea & take a nap
66
GRAPHIC DESIGN
EARPHONE ADVERTISEMENT
No.10 Graphic Design
Earphone Advertisement first attempt in advertisement and first photostudio work
individual/ graphic design, commerical photography/ junior year
ABS/PLA
67
10 ď˝&#x153; Earphone advertisement
As a designer, it is extremely important to know about advertising and branding. From this class, I acquired a lot of knowledge in commercial photography, and I can now manage to set up the lights and equipment by myself. I always think that earphones resemble the human face. In this advertisement, I pay tribute to Michael Jackson, Jay-Z and Mozart, because each of them represents a certain genre of music.
68
GRAPHIC DESIGN
EARPHONE ADVERTISEMENT
No.11 Graphic Design
Line Composition very first design work of mine
individual/ graphic design/ freshman year
69
11 ď˝&#x153; Line Composition
This chapter showcased some of my works in the line & dot composition in my early years of studying design. It has not been modified since I finished. When I look at them I feel very proud and touched: there is something unique and original in it that is just me. During that time, I did not have too much exposure to design works. Unlike today, I drew freely and without limitations back then. Even today, I still believe they have potential and are aesthetic.
70
GRAPHIC DESIGN
EARPHONE ADVERTISEMENT
No.12 Graphic Design
Prefolio
my first portfolio
individual/ graphic &editorial design/ junior year
This is the first time my works have been printed. It consists of five parts and each part has different widths, so it looks like stairs from certain angles.
71
12 ď˝&#x153; Pre-folio