Portfolio of Jiao (Kylo) Xue
Jiao (Kylo)Xue
1
1
Jiao (Kylo)Xue
Jiao (Kylo)Xue
Website Design
1
Mobile Application
3
Revit 3D Modeling
5
Marketing Campaign
9
Logo Design
11
Map Making
13
Drawing
15
Sculpture 1: Lamp
17
Sculpture 2: Wall Decor
19
2
Website
Wacom Landing Page at Canada Computers July 2014, Canada Computers Link: www.canadacomputers. com/wacom/ Wacom Landing page creation at Canada Computers & Electronics. Goal of the project is to mimic website while indroducing the featured products at main page. Programs and Language used: Photoshop CS6, DreamWeaver CS6, CSS/html, PHP, jQuery.
CC Armoury W ebsite July 2014 Link: www. canadacomputers.com/ccarmoury/ Canada Computers Gaming category micr owebsite design. The CC Armoury featur es all gaming related retail contents including games, systems, consoles and accessories. Pr ograms and Language used: Photoshop CS6, DreamW eaver CS6, After Ef fect CS6, CSS/html, PHP , jQuery.
16
Jiao (Kylo)Xue
Jiao (Kylo)Xue
2 7
Mobile Application
Task List and Calendar Layout
Icon
Task Easy - Iphone App design May 2014
This app is designed to help people keeping track of routine activities. It functions as a tracker, reminder and motivator. The concept behind the app is to use simplistic interface for managing complex daily activities. In orderto achieve this, the interface is devided into four panels: create new task, editing existing, calendar list and setting.
an ary 201
an 1 0
Play Guitar
8
Cook
90
Study
0
Video
1hr 30min
30min
30
31
E
ED
1
2
8
100
First Time opens the App
2hr 20min
30min
Game
Move up (gradient change)
98
28
01
: 30
02
31
29
03
1
1
1
18
19
20
21
22
23
2
2
2
2
28
29
30
31
1 8
9
10
11
12
13
1
1
1
1
18
20
21
22
23
2
2
2
2
28
29
30
31
1hr
2
30
31
1 8
9
10
11
12
19
13
1
1
1
1
18
19
2
20
21
22
23
2
2
2
2
2
28
29
30
31
3
1
ED
3
1
2
15
Progress Percent
an ary
1
Tasks
an ary
15
1 32
1
Tasks Progress
e ay
Percent
1 32
15 e ay
Play Guitar
32
Cook
32
Study
32
Games
32
32
Task Manage 8:00 pm
Play Guitar
14 PM StudyTHU FR8:I 50SAT
8:00 pm
8:00 pm
Play Guitar
Play Guitar
8:00 pm
Play Guitar
1hr 30min
1hr 30min
1hr 30min
1hr 30min
1:10
01 1 01:1
00:
January 20
Jan 20
WED
TUE
MON
31
6
7
8
13
14
15
21 28
22 29
January
15
Create Task
3
4
5
9
10
11
12
16
17
18
19
2
1
30
27
31
E
li t
00:
20
2
30
12
1
1
ED
1hr 30min
Cook
Record the “starry night” DC ver’ practice.
SUN
11
E
an ary 201
Play 99
W
10
13
e ay
NEW TA
3
9
an ary
100
an ary 201
23 30
24
8:00 pm
25
26
1
2
31
Tasks Progress Percent
Mockup
Play 28
99
:
02
46/145 32%
99
30
01
31
02
Never Daily Weekly Monthly Yearly
28
98
30
01
31
02
29
:
03
Repeat
8:00 pm
Play
98
29
32
03
Repeat
8:00 pm
Play
98
01
1/7
8:00 pm
Never Daily Weekly Monthly Yearly
99
32
Repeat
28
12
29
01
: 30
02
03
am
31 pm 32
N
MN
28
98
30
01
31
02
29
:
32
03
Every Day 11
Play 29
:
Repeat
R
N
MN
30 31 32
03
Never Daily Weekly WD
28
Never Daily Weekly WD
R
Tuesday
3
Jiao (Kylo)Xue
Jiao (Kylo)Xue
4
3D Modeling a triangular problem
The Challenge Second floor: Private Space; Work and Rest
Software used: Revit Architecture 2013 December 2013
The purpose of this project is to provide solutions to today’s land use crisis in urban areas. This project involves an architecture design for a space/area challenging dwelling: A case was presented on the Japanese reality show “Before & After Extreme Home Makeover”.
27°
Washroom
344sq ft
(master)
Client wanted Openspace
Two washrooms
All utilities/rooms inclusive
Actual site photo
PRODUCED BY AN AUTODESK STUDENT PRODUCT
The design resolved the spacial issue by eliminating the walls between rooms, making the purpose of originally isolated rooms ambiguous. As a result, rooms would share serving roles and swap between functions according to the owner’s need. Secondly, In order to widen the visual space view, the hypotenuse wall was replaced with clear glass. This allowed for wider and farther view sight, which greatly reduced the oppression caused by the angle.
First floor: Open Space; Interaction and Communication
Washroom (half )
Study / Bed Room
Ortho view: Level 2 Kitchen
2
Ortho View Level 2
Living /Dinning Room
Ortho view: Level 1
5
Jiao (Kylo)Xue
Jiao (Kylo)Xue
6
Section View - Opposite
PRODUCED BY AN AUTODESK STUDENT PRODUCT
15
13
5
A101
Maximum openness and viewing distance
PRODUCED BY AN AUTODESK STUDENT PRODUCT
PRODUCED BY AN AUTODESK STUDENT PRODUCT
2
PRODUCED BY AN AUTODESK STUDENT PRODUCT
PRODUCED BY AN AUTODESK STUDENT PRODUCT
PRODUCED BY AN AUTODESK STUDENT PRODUCT
PRODUCED BY AN AUTODESK STUDENT PRODUCT
PRODUCED BY AN AUTODESK STUDENT PRODUCT
PRODUCED BY AN AUTODESK STUDENT PRODUCT
Level 1 0' - 0"
3
PRODUCED BY AN AUTODESK STUDENT PRODUCT
Level 2 10' - 0"
PRODUCED BY AN AUTODESK STUDENT PRODUCT
Roof 18' - 0"
Second floor openning. creates open space that connects the space between both floors and encourages family communication.
PRODUCED BY AN AUTODESK STUDENT PRODUCT PRODUCED BY AN AUTODESK STUDENT PRODUCT
PRODUCED BY AN AUTODESK STUDENT PRODUCT
5
1
L 1
L
Section View - Hypotenuse
First Floor: Table up
First Floor: Table down
Multifunction room that serves both as a living room and a dining room.
PRODUCED BY AN AUTODESK STUDENT PRODUCT
Small House Challenge Cont.
7
Jiao (Kylo)Xue
Jiao (Kylo)Xue
8
WATER CYCLE
10
facts about water
66% of your body is made up of water. gallons of water
in order to produce
1 gallon of milk.
water evaporation (rising to the sky)
A cow must drink
Water regulates the temperature of the Earth as well as the human body.
Marketing Compaign
Water 4 Life - EVENT PROMOTION
1
DESIGN
The series of graphic design were used as marketing materials and identity guide for the “Water 4 Life” event. The design is oriented on the major theme of the event, which is to promote and educate people the importance of water, how is it essential to the life on earth. In order to cause the visual impact both closely and at a distance, the colour and layout took the simplest design and delivered the purpose of the event in a literary visual representation.
9
Jiao (Kylo)Xue
r Wate
ow tu p narr ove u can m
rce o as
the fo
what
wn is kno
n y actio
capillar Land Water
Water covers around
70% of the Earth’s surface.
On average, every kilogram (2.2lb) of seawater contains around 35 grams (1.2 oz) of dissolved salt. sea water
precipitation (fall back to earth)
Poster design, logo, online ads, banner, flyer and water bottle. Spring 2013, Free the Children Club
2
ainst bes ag
ity in f grav
cooling and liquefied/crystallized
The longest river in the world is the Nile River, it reaches 6650 kilometers in length, followed BY the Amazon River, which reaches 6400 kilometers
salt
The existence of water is essential for life on Earth!
Water 4 Life - INFORGRAPHIC
DESIGN Spring 2013, Free the Children Club The inforgraphic was designed as an educational source during the event.
Jiao (Kylo)Xue
10
Logo Design 2011 to 2014
Logo design inluding self identity, club logo, company logo and event logo.
FREE LIKE BEE
11 18
Jiao (Kylo)Xue
Jiao (Kylo)Xue
12 19
Map
unisex washroom map the Glow Centre July 2013 Map of the locations of unisex washrooms in the University of Waterloo main campus. (22� x 34�) This project is initiated by the queer student organization (The Glow Centre) of UW. Two of the major purposes are to create awareness for transgender advocacy and promote a healthy environment towards all sexual orientations on campus.
13
Jiao (Kylo)Xue
Jiao (Kylo)Xue
14
4 2
1
3 1) Model sketch, nude model, pencil (1 hour) 2) Lighting exploration, student model, charcoal (20 minutes) 3) ILLUSTRATION,A song of Ice and Fire khaleesi and three dragons (4 hours)
Drawing
Study, Analysis and Explore into object Pencil, Charcoal and Ink 2013 to 2014 15
Jiao (Kylo)Xue
Jiao (Kylo)Xue
16
Thought Process
EQ
QE EQ
Original structure view angle 1
Original structure view angle 2
Purpose 1: lamp design
Purpose 2: vase design
Sculpture
This project explores the design aspect of parametric process. Using equilateral triangles made of metal wires, a hexagon is created. The structure itself was inspired by natural habitats that uses triangles to construct similar forms. For examples, beehives. The triangular shapes which made up each of the hexagon section utilises the structure, sustain the strength of the whole structure. The project also discovers the possibility of multi-functionality of the sculpture in order to assign roles that is more than just ornamental purpose. In purpose 1, the design of the lamp gains the element of lght.by adding paper to each of the triangular unit, a new look and meaning has been added to the sculpture. Purpose 2, on another hand, expand the purpose of the sculpture based on its own
Parametric, light and multipurpose exploration Materials used: Metal wires, paper Nov 2013 17
Jiao (Kylo)Xue
Jiao (Kylo)Xue
18
Sculpture
The purpose of the coevolve project is to create multiple casting replicas of a random object using materials that differ in texture, appearance and colours. The replicas will then be used to create a sculpture which can either add additional, inverse or irrelevant meaning to the original object. In this case, 13 copies of a sea shell had been casted in plasters, plastics (three colours) and wax. Replicas were assembled with the tree branches to create an unique form. The branches functions as a host, making it seems as if the sea shells were opening up and blooming. Thus a sense of vitality can be delivered to the audience. In addition, fruit seeds were added inside the shells to mimic the look of flower bud and pearl.
coexisting
Materials used: wax, plaster, plastics, silicon, tree branches, fruit seeds. Spring 2013, Fine 228, University of Waterloo 19
Jiao (Kylo)Xue
Jiao (Kylo)Xue
20