ssportfolio dm

1Jiao (Kylo)Xue

Portfolio of Jiao (Kylo) Xue

1 2Jiao (Kylo)Xue Jiao (Kylo)Xue

Website Design

Mobile Application

Revit 3D Modeling

Marketing Campaign

Logo Design

Map Making

Drawing

Sculpture 1: Lamp

Sculpture 2: Wall Decor

1

3

5

9

11

13

15

17

19

1 2Jiao (Kylo)Xue Jiao (Kylo)Xue 7

CC Armoury W ebsite July 2014

Link: www.canadacomputers.com/cc-armoury/

Canada Computers Gaming category micr o-website design. The CC Armoury featur es all gaming related retail contents including games, systems, consoles and accessories. Programs and Language used: Photoshop CS6, DreamW eaver CS6, After Ef fect CS6, CSS/html, PHP , jQuery.

6

WebsiteWacom Landing Page at Canada Computers

July 2014, Canada ComputersLink: 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.

Record the “starry night” DC ver’ practice.

First Time opens the App

WWMove up

(gradient change)

NEW TA Play

01 30:9998

2928

3132

0203


Icon

Play

8:00 pm

01 30:9998

2928

3132

0203

Repeat NeverDailyWeeklyMonthlyYearly

Play

8:00 pm

01 30:9998

2928

3132

0203

01 30:1211

2928

3132

0203

Repeat Never Every Day

DailyWeeklyMonthlyYearly

am

pm

Play

8:00 pm

01 30:9998

2928

3132

0203

Repeat NeverDailyWeekly

��N M�N �� W�D �� R� ��

Play

8:00 pm

01 30:

982928

3132

0203

Repeat NeverDailyWeekly

�� N M�N �� W�D �� R � ��

Play Guitar Play Guitar Play Guitar1hr 30min 1hr 30min 1hr 30min 1hr 30min

8:00 pm 8:00 pm 8:00 pm

Play Guitar8:00 pm

00:��00:�� 01:1�01 1� 11: 0

li�t

Play Guitar

Cook

Study

Game

�0�

8��

90�

100�

100�

1hr 30min

30min

2hr 20min

1hr 30min

�an 1�

1hr

�an�ary 201�

�� E

�an�ary

� �e��ay

�ED ��

1��

��1��

32�

�an�ary

� �e��ay

1��

��1��

32�

�an�ary 201�

�� E �ED ��

�an�ary

� �e��ay

�an�ary 201�

�� E �ED ��

Video�0�30min

Cook

1 2 3 � �

8�� 9 10 11 12

1�1�13

3130

1� 1� 18 19

222120 23 2� 2� 2�

29282� 30 31 1 2

15Tasks

Percent

Progress 15 Tasks

Percent

Progress

1 2 3 � �

8�� 9 10 11 12

1�1�13

3130

1� 1� 18 19

222120 23 2� 2� 2�

29282� 30 31 1 2

15

1 2 3 � �

8�� 9 10 11 12

1�1�13

3130

1� 1� 18 19

222120 23 2� 2� 2�

29282� 30 31 1 2

Play Guitar

Cook

Study

Games

��32�

32�

32�

32�

Task List and Calendar Layout

Create Task

Task Manage

Mockup

Jan 20 Study 8:50PMJanuary 2014

SUN MON TUE

January

Tuesday

WED THU FRI SAT

1/7

46/145

32%

1 2 3 4 5

8769 10 11 12

151413

3130

16 17 18 19

22212023 24 25 26

29282730 31 1 2

15Tasks

Percent

Progress

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.

Mobile ApplicationTask Easy - Iphone App designMay 2014


www

Date

Drawn By

Project Number

ConsultantAddressAddressAddressPhone





Un

O

Proje

No. D

1 Ortho View Level 1

2 Ortho View Level 2

PRODUCED BY AN AUTODESK STUDENT PRODUCT

PRO

DU

CED

BY AN AU

TOD

ESK STUD

ENT PR

OD

UC

T


PRO

DU

CED

BY

AN A

UTO

DES

K ST

UD

ENT

PRO

DU

CT

3D Modeling a triangular problemSoftware used: Revit Architecture 2013

December 2013

The Challenge

27°

344sq ft

Actual site photo

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

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.

Client wanted

Openspace

Two washrooms

All utilities/rooms inclusive

Ortho view:Level 2

Ortho view:Level 1

Living /Dinning Room

Study / Bed Room

First floor:Open Space;Interaction and Communication

Second floor:Private Space;Work and Rest

Washroom (master)

Washroom(half )

Kitchen


Multifunction room that serves both as a living room and a dining room.

5

2

15

13


PRO

DU

CED

BY AN AU

TOD

ESK STUD

ENT PR

OD

UC

T


PRO

DU

CED

BY

AN A

UTO

DES

K ST

UD

ENT

PRO

DU

CT

A101

5

3


PRO

DU

CED

BY AN AU

TOD

ESK STUD

ENT PR

OD

UC

T


PRO

DU

CED

BY

AN A

UTO

DES

K ST

UD

ENT

PRO

DU

CT

Maximum openness and viewing distance

Level 10' - 0"

Level 210' - 0"

Roof18' - 0"


PRO

DU

CED

BY AN AU

TOD

ESK STUD

ENT PR

OD

UC

T


PRO

DU

CED

BY

AN A

UTO

DES

K ST

UD

ENT

PRO

DU

CT

L

L1

1


PRO

DU

CED

BY AN AU

TOD

ESK STUD

ENT PR

OD

UC

T

PRODUCED BY AN AUTODESK STUDENT PRODUCTPR

OD

UC

ED B

Y AN

AU

TOD

ESK

STU

DEN

T PR

OD

UC

T

Section View - Opposite

Section View - Hypotenuse

Small House ChallengeCont.

Second floor openning. creates open space

that connects the space between both

floors and encourages family communication.

First Floor: Table up First Floor: Table down


2

facts about water

101066% of your bodyis made up of water.

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

Water can move up narrow tubes against the force of gravity in what is known

as capillary actio

n

The existence of water is essential

for life on Earth!

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.

Land

Water

1

salt

sea

water

WATER CY

CLEw

ate

r ev

ap

ora

tion

(risin

g to

the

sky

)co

olin

g a

nd

liqu

efie

d/c

rysta

llized

pre

cip

itatio

n

(fall b

ack to

ea

rth)

Water regulates the temperature of the Earth as well as the human body.

A cow must drink � gallons of water

in order to produce 1 gallon of milk.

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.

Marketing Compaign Water 4 Life - EVENT PROMOTION

DESIGN

Poster design, logo, online ads, banner, flyer and water bottle.Spring 2013, Free the Children Club

Water 4 Life - INFORGRAPHIC DESIGNSpring 2013, Free the Children Club

The inforgraphic was designed as an educational source during the event.


FREE LIKE BEE

18

Logo Design2011 to 2014

Logo design inluding self identity, club logo, company logo and event logo.

FREE LIKE BEE

19


Map unisex washroom mapthe 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.


DrawingStudy, Analysis and Explore into objectPencil, Charcoal and Ink2013 to 2014

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)

1

2

3

4


EQ

EQEQ

Thought Process

SculptureParametric, light and multipurpose exploration Materials used: Metal wires, paper

Nov 2013

Purpose 1: lamp design

Original structure view angle 1

Original structure view angle 2

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

Purpose 2: vase design

Sculpture coexistingMaterials used: wax, plaster, plastics, silicon, tree branches, fruit seeds.

Spring 2013, Fine 228, University of Waterloo

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.


ssportfolio dm

Documents

hr anary

photoshop cs6

pm play guitar8

autodesk student product3d

dreamweaver cs6

hr 30min8

dreamw eaver cs6

canada computers electronics