Feiyan(Rayna) Gu Portfolio

Page 1

007 / 007

Feiyan Gu / Selected Works

Behind the windows

;




002 / 003

Feiyan Gu / Selected Works

Behind the windows


;

Behind The Windows >>Selected works of Feiyan Gu 2017–2019.


004 / 005

Feiyan Gu / Selected Works

Behind the windows


;

The Concept >>There is always a fascinating story behind each window. I want to be a storyteller and make each work become a vivid story that can move you.


Behind the windows

008 / Chapter 01 >>

Active Circles

022 / Chapter 02 >>

Quick Search

036 / Chapter 03

Feiyan Gu / Selected Works

>>

048 / Chapter 04 >>

Organic Form

064 / Chapter 05 >>

006 / 007

Power of Movement

Speaking Words

078 / Chapter 06 >>

New SeaWorld

096 / Chapter 07 >>

Measuring My Life


;

Table of Contents >>There are seven selected works from 2017–2019.


008 / 009

Feiyan Gu / Selected Works

Behind the windows

;


;

Active Circles >>An exhibition about Japanese artist Yayoi Kusama. Active Circles [01]

01

[02] [03] [04]

/

[05] [06]

07

[07]


Behind the windows Feiyan Gu / Selected Works 008 / 009

;

Course

Type Composition Instructor

Andrew Loesel Project

Exhibition Materials

Objective

>> Find one artist, then design a logotype, poster and book for an exhibition about the artist. Approach

>> I decided to design an exhibition for Yayoi Kusama. I chose her most representative works, and took one element from them to apply to my design. One strong element always attract people’s attention, which is needed for exhibition design.

Semester

Spring 2018 Category

Editorial Design

01

/

Deliverables

Book/Poster/Bag

07


Active Circles

[01]

[02]

[03]

[04]

[05]

[06]

[07]


010 / 011

Feiyan Gu / Selected Works

Behind the windows


Active Circles [01]

[02]

[03]

[04]

[05]

[06]

[07]



Active Circles [01]

[02]

[03]

[04]

[05]

[06]

[07]


014 / 015

Feiyan Gu–Selected Works

Behind the window


Active Circles [01]

[02]

[03]

[04]

[05]

[06]

[07]


016 / 017

Feiyan Gu / Selected Works

Behind the windows


Active Circles [01]

[02]

[03]

[04]

[05]

[06]

[07]


018 / 019

Feiyan Gu / Selected Works

Behind the windows


Active Circles [01]

[02]

[03]

[04]

[05]

[06]

[07]



Active Circles [01]

[02]

[03]

[04]

[05]

[06]

[07]


022 / 023

Feiyan Gu / Selected Works

Behind the windows

;


;

Quick Search >>An application that helps you quickly locate the photo you need. Quick Searching [01]

02

[02] [03] [04]

/

[05] [06]

07

[07]


Behind the windows Feiyan Gu / Selected Works 022 / 023

;

Course

Digital Design Studio Instructor

Bob Slote Project

Locate your photo

Objective

>> Choose an issue. Research an audience in the real world. Explore user experience and create an app through graphic design and audience research. Approach

>> I found people always have a hard time choosing the one they want from thousands of photos. When I need to get photos quickly, I always need to spend long time searching through albums. I designed this application, which can let people get photos quickly through the search form of text and pictures.

Semester

Fall 2018 Category

UI/UX

02

/

Deliverables

Application

07


Power of Movement [01]

[02]

[03]

[04]

[05]

[06]

[07]


024 / 025

Feiyan Gu / Selected Works

Behind the windows


Quick Searching [01]

[02]

[03]

[04]

[05]

[06]

[07]


026 / 027

Feiyan Gu / Selected Works

Behind the windows


Quick Searching [01]

[02]

[03]

[04]

[05]

[06]

[07]


028 / 029

Feiyan Gu / Selected Works

Behind the windows


Quick Searching [01]

[02]

[03]

[04]

[05]

[06]

[07]


030 / 031

Feiyan Gu / Selected Works

Behind the windows


Quick Searching [01]

[02]

[03]

[04]

[05]

[06]

[07]


032 / 033

Feiyan Gu / Selected Works

Behind the windows


Quick Searching [01]

[02]

[03]

[04]

[05]

[06]

[07]


034 / 035

Feiyan Gu / Selected Works

Behind the windows


Quick Searching [01]

[02]

[03]

[04]

[05]

[06]

[07]


036 / 037

Feiyan Gu / Selected Works

Behind the windows

;


;

Power of Movement >>Three different visual ways to solve a problem. Power of Movement [01]

03

[02] [03] [04]

/

[05] [06]

07

[07]


Behind the windows Feiyan Gu / Selected Works 036 / 037

;

Course

Visual Thinking Instructor

Jeremy Stout Project

Moving your body

Objective

>> Explore a social problem, and use the design approach to solve or mitigate that problem; also you need to create a visual system for it. Approach

>> The topic I chose is how to improve people’s enthusiasm for exercise and provide people with more convenient ways to exercise. I created two deliverables. The poster, which can publicize and encourage people. The application, which help people exercise easily and quickly.

Semester

Fall 2018 Category

Editorial Design

03

/

Deliverables

Poster/Application

07


Power of Movement [01]

[02]

[03]

[04]

[05]

[06]

[07]


008 / 039 009 038

FeiyanGu Gu–Selected Feiyan / Selected Works Behind the windows


Power of Movement [01]

[02]

[03]

[04]

[05]

[06]

[07]


040 / 041

Feiyan Gu / Selected Works

Behind the windows


Power of Movement [01]

[02]

[03]

[04]

[05]

[06]

[07]


042 / 043

Feiyan Gu / Selected Works

Behind the windows


Power of Movement

[01]

[02]

[03]

[04]

[05]

[06]

[07]


044 / 045

Feiyan Gu / Selected Works

Behind the windows


Power of Movement [01]

[02]

[03]

[04]

[05]

[06]

[07]


046 / 047

Feiyan Gu / Selected Works

Behind the windows


Power of Movement [01]

[02]

[03]

[04]

[05]

[06]

[07]


048 / 049

Feiyan Gu / Selected Works

Behind the windows

;


;

Organic Form >>Redesign the annual report for Whole Foods Market. Organic Form [01]

04

[02] [03] [04]

/

[05] [06]

07

[07]


Behind the windows Feiyan Gu / Selected Works 048 / 049

;

Course

Type Systems Instructor

John Nettleton Project

Annual Report

Objective

>> Choose a company you are interested in and redesign one of their annual reports. Explore and develop new innovative ways to communicate the content. Approach

>> I chose Whole Foods Market and redesigned a new branding system that reflects simplicity and clarity rather than chaos. The new visual language was inspired by the company’s natural and organic feeling.

Semester

Fall 2018 Category

Editorial Design

04

/

Deliverable

Annual Report

07


Organic Form

[01]

[02]

[03]

[04]

[05]

[06]

[07]


050 / 051

Feiyan Gu / Selected Works

Behind the windows


Organic Form [01]

[02]

[03]

[04]

[05]

[06]

[07]


052 / 053

Feiyan Gu / Selected Works

Behind the windows


Organic Form [01]

[02]

[03]

[04]

[05]

[06]

[07]




056 / 057

Feiyan Gu / Selected Works

Behind the windows


Organic Form [01]

[02]

[03]

[04]

[05]

[06]

[07]


058 / 059

Feiyan Gu / Selected Works

Behind the windows


Organic Form [01]

[02]

[03]

[04]

[05]

[06]

[07]


060 / 061

Feiyan Gu / Selected Works

Behind the windows


Organic Form [01]

[02]

[03]

[04]

[05]

[06]

[07]


062 / 063

Feiyan Gu / Selected Works

Behind the windows


Organic Form [01]

[02]

[03]

[04]

[05]

[06]

[07]


064 / 065

Feiyan Gu / Selected Works

Behind the windows


Organic Form

[01]

[02]

[03]

[04]

[05]

[06]

[07]


066 / 067

Feiyan Gu / Selected Works

Behind the windows

;


;

Speaking Words >>Posters that can convey the feeling of a word and a song. Speaking Words [01]

05

[02] [03] [04]

/

[05] [06]

07

[07]


Behind the windows Feiyan Gu / Selected Works 066 / 067

;

Course

Type Exeriments Instructor

Christopher Morlan Project

Posters

Objective

>> The project is to explore different typographic ideas. We were encouraged to figure out how type forms are transformed in different environments with various materials and methods. Approach

>> The outcomes are the posters, which convery the feeling of a word and a song. In this process, I tried to use different materials to reflect the fonts and tell the story by using varied typographic approaches.

Semester

Spring 2019 Category

Typography

05

/

Deliverables

Posters

07


Speaking Words

[01]

[02]

[03]

[04]

[05]

[06]

[07]


068 / 069

Feiyan Gu / Selected Works

Behind the windows


Speaking Words

[01]

[02]

[03]

[04]

[05]

[06]

[07]


070 / 071

Feiyan Gu / Selected Works

Behind the windows


Speaking Words

[01]

[02]

[03]

[04]

[05]

[06]

[07]


072 / 073

Feiyan Gu / Selected Works

Behind the windows


Speaking Words

[01]

[02]

[03]

[04]

[05]

[06]

[07]


074 / 075

Feiyan Gu / Selected Works

Behind the windows


Speaking SpeakingWords Words

[01] [06] [06] [07] [01] [02] [02] [03] [03][04][04][05][05]

[07]


076 / 077

Feiyan Gu / Selected Works

Behind the windows


Speaking Words

[01]

[02]

[03]

[04]

[05]

[06]

[07]


078 / 079

Feiyan Gu / Selected Works

Behind the windows


Speaking Words [01]

[02]

[03]

[04]

[05]

[06]

[07]


080 / 081

Feiyan Gu / Selected Works

Behind the windows

;


;

New SeaWorld >>A branding book for the new vision of SeaWorld. New SeaWorld [01]

06

[02] [03] [04]

/

[05] [06]

07

[07]


Behind the windows Feiyan Gu / Selected Works 080 / 081

;

Course

The Nature of Identity Instructor

Instructor Project

Hunter Wimmer

Objective

>> Select a defunct, dying or dead brand. Repositioning and expanding the new brand’s identity that open the company to a whole new demographic. Approach

>> SeaWorld is a chain of marine mammal parks, providing ways for people to get in touch with marine animals. However, it has also had a lot of negative effects on marine life. I decided to focus on their brand soul to expand environmentally friendly ways to connect humans and marine animals.

Semester

Spring 2019 Category

Branding

06

/

Deliverables

Logo/Branding Materials

07


New SeaWorld [01]

[02]

[03]

[04]

[05]

[06]

[07]


082 / 083

Feiyan Gu / Selected Works

Behind the windows


New SeaWorld [01]

[02]

[03]

[04]

[05]

[06]

[07]


084 / 085

Feiyan Gu / Selected Works

Behind the windows


New SeaWorld [01]

[02]

[03]

[04]

[05]

[06]

[07]


086 / 087

Feiyan Gu / Selected Works

Behind the windows


New SeaWorld [01]

[02]

[03]

[04]

[05]

[06]

[07]


088 / 089

Feiyan Gu / Selected Works

#A5CBD4

#163156

#2E74A5

Behind the windows


Brand Color

#2E74A5

#A5CBD4

>> RGB:151/200/213 CMYK: 35/9/13/0

>> RGB:46/116/165 CMYK: 84/50/16/1

#163156

>> RGB:22/49/86 CMYK: 99/84/39/33

Acumin Pro Bold/ Regular/ Thin

ABCDEFGHIJKLMNOPQRSTUVWXYZ

New SeaWorld

Typefaces

abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Acumin Pro Extra Condensed Bold/ Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ

[01]

abcdefghijklmnopqrstuvwxyz

[02]

0123456789

[05]

abcdefghijklmnopqrstuvwxyz

[04]

ABCDEFGHIJKLMNOPQRSTUVWXYZ

[03]

0123456789

[06] [07]


090 / 091

Feiyan Gu / Selected Works

Behind the windows


New SeaWorld

[01]

[02]

[03]

[04]

[05]

[06]

[07]


092 / 093

Feiyan Gu / Selected Works

Behind the windows


New SeaWorld

[01]

[02]

[03]

[04]

[05]

[06]

[07]


094 / 095

Feiyan Gu / Selected Works

Behind the windows


New SeaWorld [01]

[02]

[03]

[04]

[05]

[06]

[07]


096 / 097

Feiyan Gu / Selected Works

Behind the windows


New SeaWorld [01]

[02]

[03]

[04]

[05]

[06]

[07]


098 / 099

Feiyan Gu / Selected Works

Behind the windows

;


;

Measuring My Life >>The book records the hesitation of my daily life. Measuring My Life [01]

07

[02] [03] [04]

/

[05] [06]

07

[07]


Behind the windows Feiyan Gu / Selected Works 098 / 099

;

Course

Type Exeriments Instructor

Christopher Morlan Project

Recording book

Objective

>> Recording my daily routines mentally and physically. It will then be the fuel for my writing and designing of a book. The book should reflect a central theme about daily observations. Approach

>> Difficulty in choosing is one of my characteristics. The most important feature of the book is to reflect the time I hesitate about one thing through the graphics and measurements. The whole book is bound in a zigzag way. This binding also reflected the twists and turns in my heart and psychological process of hesitation.

Semester

Spring 2019 Category

Typography

07

/

Deliverables

Book

07


Measuring My Life [01]

[02]

[03]

[04]

[05]

[06]

[07]


100 / 101

Feiyan Gu / Selected Works

Behind the windows


Measuring My Life [01]

[02]

[03]

[04]

[05]

[06]

[07]


102 / 103

Feiyan Gu / Selected Works

Behind the windows


Measuring My Life [01]

[02]

[03]

[04]

[05]

[06]

[07]


104 / 105

Feiyan Gu / Selected Works

Behind the windows


Measuring My Life

[01]

[02]

[03]

[04]

[05]

[06]

[07]


106 / 107

Feiyan Gu / Selected Works

Behind the windows


Measuring My Life [01]

[02]

[03]

[04]

[05]

[06]

[07]


108 / 109

Feiyan Gu / Selected Works

Behind the windows


Measuring My Life [01]

[02]

[03]

[04]

[05]

[06]

[07]


110 / 111

Feiyan Gu / Selected Works

Behind the windows


Measuring My Life [01]

[02]

[03]

[04]

[05]

[06]

[07]




114 / 115

Feiyan Gu / Selected Works

Behind the windows


Measuring My Life [01]

[02]

[03]

[04]

[05]

[06]

[07]


Behind the windows

Father

Bing Gu Mother

Shuxian Zhou

To Family

116 / 117

Feiyan Gu / Selected Works

>> Thank you for supporting me, believing in me, and putting up with me working on school all the time.

To Instructors

>> Thanks for teaching the principles of design, and always pushing me to do better. You made me the designer I am today.

Instructors

Mary Scott Hunter Wimmer John Nettleton Andrew Loesel Christopher Morlan Jeremy Stout


;

Thank You >>I appreciate everything you have done for me.


Behind the window

Title

>> Behind the window Designer

>> Feiyan Gu Instructor

>> Mary Scott

School

118 / 119

Feiyan Gu / Selected Works

>> Academy of Art University 79 New Montgomery Street San Francisco, CA 94105 Program

>> School of Graphic Design and Digital Media Copyright Š 2019 Feiyan Gu

>> All rights reserved. No part of the book may be reproduced or transmitted in any form or any means, electronic, mechanical, including a photocopy or any storage and retrieval system, without prior written permission.

Typography

>> Aileron / Breve Display Photography

>> Unsplash.com Printing and Binding

>> Blurb.com





www.feiyangu.com [01]

[02]

[03]

[04]

[05]

[06]

[07]


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.