Page 1

LE LI

GRAPHIC DESIGN

425.785.2666 vickylele@hotmail.com

16075 NE 85th St. Apt 310, Redmond, WA, 98052


STOP YOURSELF

PROJECT TYPE: Social Issue Poster Design DESCRIPTION: Poster is created for Second Purdue University and Central South University Student Work Exhibition. A simple but strong image is produced by combining a Chinese character with a vector image. The personating of the Chinese character conveyed the message in both cultures. Bilingual title is required and the dimension of the poster is 24in by 36in. The poster is displayed in magazine.


PROJECT TYPE: Typographic Poster Design DESCRIPTION: Poster is created for Second Purdue University and Central South University Student Work Exhibition. By playing with the typography, the famous tag line is transformed into an amusing warning. The poster display is photoshopped into real environments.


a

B

PROJECT TYPE: Logo Design DESCRIPTION: Random letters (a and b) are assigned to create a balanced logo. The final design is a combination of uppercase “B” in Baskerville and lower case “a” in Bodoni. They are integrated into a playful shape. The design breaks the general expectation that lowercase letter should be smaller than uppercase letter. Also the straight left edge creates a nice contrast with the curvilinear right edge.


Blue azure beach

1451 Middle Gulf Drive, Sanibe lsaland, FL 33957 www.blueazure.com phone: 866 565 5093 fax: 866 565 2097

resor t

Blue azure b e a c h

r e s o r t

1451 Middle Gulf Drive, Sanible Isaland, FL 33957

Blue azure b e a c h

r e s o r t

Susan Biemans sales/marketing

sbiemans@blueazure.com 1451 Middle Gulf Drive, Sanibe lsaland, FL 33957 www.blueazure.com phone: 866 565 5093 fax: 866 565 2097

Blue azure beach

resor t

PROJECT TYPE: Logo and Stationery design DESCRIPTION: The logo and the stationery system are created for Blue Azure beach resort. They emphasize on bringing out the sunny exciting beach scenery by adding sand text on the logo and also the back of the stationery. The system includes envelope, letter head and business card.


SO

S HT

A

TO NEW H G EIG N I R

connect∙share∙discover BIG TEN WOMEN’S CONFERENCE 2011

PROJECT TYPE: Logo design for Big Ten Women’s Conference 2011 held by Purdue University DESCRIPTION: Abstract female figures visualize the tag line “connect.share. discover”. The overlapped position makes the “connect”. The transparency shows the “share” and the flowery image as a whole indicate “discover”. The uphold gesture has great energy and represent the “soaring to the new height” lively. The logo will be used from now to 2011 on brochures, letterheads and other related promotion materials.


happy new year !

1911 12 13 14 15 16 17 18 19 20 1921 22 23 24 25 26 27 28 29 30 1941 42 43 44 45 46 47 48 49 50 1951 52 53 54 55 56 57 58 59 60 1961 62 63 64 65 66 67 68 69 70 1971 72 73 74 75 76 77 78 79 80 1981 82 83 84 85 86 87 88 89 90 1991 92 93 94 95 96 97 98 99 00 2001 02 03 04 05 06 07 08 09 10

000 2001 2002 2003 2004 2005 2006 2007 20 08 h a p p y n e w y e a r ! College Art Association

Designed by Le Li @ Purdue University

College Art Association

PROJECT TYPE: 2008 New Year Postcard Design for College Art Association DESCRIPTION: Two designs of the postcard are shown here. The top one incorporates the idea of the100 anniversary, and the bottom one highlight the idea of “going into” the new year.

Design by Le Li @ Purdue University

1931 32 33 34 35 36 37 38 39 40


visual

Vibration Colors of high chroma or high hue contrast against each other will produce visual vibration, and it attracts attention immediately, but the audience may not be able to look at it for long. Delicate use of high saturation colors of mid to high value against certain grays or subdued colors will also produce visual vibration. It is still effective but less disturbing to eyes.

Mind Grenades: Manifestos from the Future This book cover creates strong visual vibration by using high chroma red and high chroma yellow.

8

Study1: High chroma red against high chroma blue creates vibration.

All about

Untitled by Winst The bright yellow and green background enriches the red color and creates vibration.

Color

Study2: High-chroma red against gray creates vibration.

Study3: Certain shape exaggerates visual vibration.

Le Li A&D 318 Fall 2007 Professor Petronio A.Bendito Purdue University

Neutrals & Hue 4

Hue is the most obvious color property that we could appreciate and it differentiates red from green, blue from violet, etc. The opposite of hue is neutrals. Neutral usually means without color. What could color add to a black-and-white world? You could image the answer.

In left photo, the artist created a tension between neutral and hue. Our focus is directed to the right part of the model with because of vivid red. Hue grasped audiences’ attention immediately against a neutral background.

These two studies compare the same compositions of neutral and hue. Color is selected to match the black, grays and white, therefore to keep the structure and composition. The colored one may has more specified meaning for individual audience.

References Apple Computer http://www.atpm.com/5.02/ images/pcpiMacs.jpg

Contrast http://philipmatthews.deviantart. com/art/Contrast-52750552

Little Monsters http://designarchives.aiga. org/?s1=2|s2=1|eid=2721 Me against myself http://www.deviantart.com/ print/529333/ Nowhere Near...and of time http://designarchives.aiga. org/?s1=2|s2=1|eid=1659

Balanced Romance Cover http://www.deviantart.com/ print/556367/

Fashion Photo http://pic.enorth.com. cn/0/01/75/20/1752055_225379.jpg

Train http://farm2.static.flickr.com/1440/11 73138974_8a24fde53b_b.jpg

Color / Tint / White

Most charming sequence defined by Birren is widely used in design and always bring a fresh and clean effect.

25

13

OHM: The Early Gurus of Electronic Music: 1948–1980 Red-Orange, tint, white create a clean composition.

Double Orange Burst http://www.deviantart.com/ print/365400/

Carnaby Stripe Sheets 1 http://store.delias.com/item.do?cate goryID=500&itemID=30498&sizeFilt er=&colorFilter=&brandFilter=

Carnaby Stripe Sheets 2 http://store.delias.com/item.do?cate goryID=500&itemID=30498&sizeFilt er=&colorFilter=&brandFilter=

Mind Grenades: Manifestos from the Future http://designarchives.aiga. org/?s1=2|s2=1|eid=2062 Untitled http://www.deviantart.com/ print/285102/

Color vibration http://yalepress.yale. edu/yupbooks/images/ interior13/9780300115956/04.jpg

Meijer Lable A fresh and friendly looking will reach its audience easily

Studies for a fresh composition by using color, tint and white

PROJECT TYPE: Color Theories Book Design DESCRIPTION: A 27 pages book design about color theories. Examples and studies are included for easy understanding about different color theories.


Sometimes we want to

paint the town

w

ay

bl

ac

k+

s

RED

al

we get the

but ALWAYS

We might

miss

Other times

our

GOLD N

the

sil ve r PROJECT TYPE: Typographic Book Design DESCRIPTION: A 12 pages book design about 8 color phrases. A story line is created to describe our life as graphic design students. Color is used to accent the phrase and the play of typography make this book fun to read.


Purdue

www.MyPurdue.purdue.edu

university

MyPurdue Manual

16

1

Table of Contentsts Welcome to MyPurdue

What is MyPurdue? ..................................................................................................................................................4 What do you need to access MyPurdue? .............................................................................................................4 What you can find at MyPurdue .............................................................................................................................4-5

Get Started

Log in ...........................................................................................................................................................................6 Reset the password ..................................................................................................................................................6

Home tab

Banner self-service ..................................................................................................................................................7

Academic tab

How to look up for class ..........................................................................................................................................9 How to add classes...................................................................................................................................................9 How to drop classes .................................................................................................................................................9

Financial tab

How to pay tuition and fees .....................................................................................................................................11 How to check Enrollment status .............................................................................................................................11 More financial questions .........................................................................................................................................11

Student Life tab

How to update address and phones ......................................................................................................................13 How to update your e-mail address and emergency contacts .........................................................................13 How to find an student organization ......................................................................................................................13

Tips ..........................................................................................................................................................14 More information ..................................................................................................................................14

2

3

Welcome to MyPurdue

Home tab

Announcements ........................................campus/personal/important accouncement. Career account password status ...........password validity and how to reset it. status...........password Purdue courses .........................................shortcut to course catalog and schedule Enrollment confirmation ...........................registration status/enrollment confirmation confirmation...........................registration Banner self-service ..................................shortcut to personal,academic, financial informaion Student help ...............................................online instructions and FAQ help...............................................online Useful Purdue links ...................................link to purdue search and web mail links...................................link

Academic tab

My courses ................................................current schedule and related materials Registration tools ......................................registration status, add/drop classes Student schedule ......................................concise/detail schedule Exam schedule ..........................................evening and fianl exams Textbook info ..............................................textbook for your classes info..............................................textbook Academic profile ......................................class standing and advisors Graduate students ....................................graduate school plan of study

Financial tab

Financial aid requirements ......................current financial aid requirements requirements......................current Financial aid self-service .........................eligibility, status and FAQ self-service.........................eligibility, Enrollment confirmation ...........................registration status/enrollment confirmation confirmation...........................registration Manage my account ................................pay bills, direct deposit and more Financial Calculators ................................estimate finanical aid eligibility and tuition&fees Calculators................................estimate

Student Life Tab

Personal Information ...............................update personal information Eboard .........................................................university news service for students Places to live ..............................................housing on/off campus live..............................................housing Student service .........................................supportive services for success Student Organizations ..............................information for 600+ student organizations Organizations..............................information Career Info .................................................career service and network

What is MyPurdue

MyPurdue (www.MyPurdue.purdue.edu) is a student website launched at the beginning of Fall, 2008, as a replacement for SSINFO. It is also called Banner. In this description, you would get to know the basic features of MyPurdue and also the basic instructions on how to use the self-service functions. By expanding self-service functions to students, MyPurdue provides students easy access to their academic, financial and living information and keep students updated with campus announcement and other information.

What do you need to browse MyPurdue

MyPurdue requires that you enable cookies and have the latest version of JavaScript. You also have to enable pop-ups for the site. Finally, you have to have the latest version of internet explorer/firefox/safari for it to work properly. (For questions, contact itap@purdue.edu) You need your Purdue ID to have the access to MyPurdue.

What you can find on MyPurdue

You will find four tabs on MyPurdue: Home, Academic, Financial, and Student Life.

4

Get Started

5

Home tab

Log in

Use your Purdue Career Account to log in

2 3 1

For security reason, the password needs to be changed every 120 days.

Reset the password

You can reset your password at the log in page if you failed to log in. Normally you will find Career Account Password Status on the home page and make changes from there. Click on “reset your password� and follow the steps.

Banner self-service

1

One of the most important features. You could do pretty much everything from banner self-service. You can manage your personal information like address and emails, view your account information, view your academic records, check registration and financial status, and much more.

Student Help 2 6

This section provides online instructions and FAQ for each tabs. One helpful feature is Registration Error Definitions 3 where you can find solutions for errors occured during Adding/Dropping classes.

7

PROJECT TYPE: MYPURDUE Website User Manual DESCRIPTION: A manual is written and designed to help students with the new mypurdue system. The color is related to Purdue and the design emphasizes on the usability. Usability test is provided before finalization. The dimension is 8.5in by 6.5in.


Recreation of Missing Letters for Italian Typeface BELGIO

PROJECT TYPE: Recreation of Missing Letters for Italian Typeface BELGIO DESCRIPTION: Through the careful study of the letterform, the missing letters are recreated to match the structure and aesthetics


PROJECT TYPE: Branding and Packaging Design DESCRIPTION: Good package should bring the excitement out before people open it. The dull t-shirt package is not a complimentary thing for well-designed t-shirts. In this project, a new brand “chocolatee� is created along with an original package design. Advertisements are also designed for promotion.


PROJECT TYPE: Hallmark Website Redesign DESCRIPTION: Hallmark website is redesigned for a cleaner and more user friendly interface.


danse

web banner for 11:06 seconds 12fps 80KB

Le Li

A&D 318 Fall 2007

Prof. Petronio Bendito Purdue University Visual Communications Design

PROJECT TYPE: BJM (Les Ballets Jazz) Dance Web Banner Design for the Purdue Convocation DESCRIPTION: A web banner designed to show the beautiful snapshots of BJM dance and also provide information for date and ticket. A story board is designed to show the major frames.


Progressive Type Transformation Le Li A&D 318 Fall 2007 Prof. Petronio Bendito

This animation is based on Froebel’s third gift. Ground Form is a simple combination of elements.Beauty Forms are evolved from Ground Form by moving the same elements logically and precisely. In this particular project, letters are used instead of blocks in Froebel’s original gift. The whole progress is based on a 2-D grid. The animation pays attention to a methodical evolvement. Rhythm is another important element. It is achieved by the use of varied speed and consistent effects.

PROJECT TYPE: Progressive Type Transformation Animation DESCRIPTION: Same letter forms are used to create four beauty forms. The animation shows the creative flow of letterforms. Story board is created for major frames.

Le Li Graphic Design  
Le Li Graphic Design  

Graphic Design Portfolio

Advertisement