Catalytic
Graphic Design
C ATA LY T I C
DEPARTMENT
DELIVERED BY
2017–2019 SELECTED WORKS OF RUONAN HU
THE SELECTED WORKS OF RUONAN HU
PROJECT | MA PORTFOLIO
DEPARTMENT
Catalytic
Graphic Design DELIVERED BY
2017–2019 THE SELECTED WORKS OF RUONAN HU
CATALYTIC
Designers. We pour our hearts and souls into our works, spending hours perfecting details most wouldn’t even notice. We use visual language to translate concepts and solve complex problems. On the road to learning design, I always think about how graphic design can change the world. I found that design is a powerful conduit for change and designers are the catalyst for social progress. As the messages and experiences we create pass through the hands, minds, and hearts of people, we have the opportunity to turn abstract concepts into good designs that communicate, resonate, and influence people. Graphic design is not just how it looks and feels, but how it works. Designers are catalysts, we make things happen.
|003| CONCEPT
PROJECT
[ 0 ]
1
2
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|004|
DEPARTMENT
Graphic Design
Table of Contents
DELIVERED BY
2017–2019 THE SELECTED WORKS PROJECT
NAME
PAGE
1
Dreaming, Automated
006
2
The Secret to a Good Night’s Sleep
026
3
The Universe is Comprised of Circles
058
4
Discovering Greatness
078
5
Make Art. You are an Artist.
6
A Designer’s Monologue Diary
0 092
110
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|006|
02/03/2019
Dreaming, Automated
|007|
THE DATE PROJECT STARTED
THE DATE PROJECT FINISHED
05/23/2019 The Future of Imagination
DELIVERABLE
Book, Coptic Bound
COURSE
Type Systems
SKILL
Visual System, Typography
INSTRUCTOR
David Hake
CATEGORY
Print Design
SEMESTER
Spring 2019
KEYWORDS
Humanity, Creativity
PROJECT 0 [ 1 ] 2 3 4 5 6
1
D R E A M I N G , A U T O M AT E D.
PROJECT
|008| RUONAN HU THE SELECTED WORKS C ATA LY T I C
OBJECTIVE
Create a well-researched book about the future evolution of imagination, and briefly predict and explain the subject. The purpose of the project is to practice the design skills of typesetting and image combination and the ability to collect information.
APPROACH
This book, about imagination in the future, not only collects examples of the great human imagination in history, but also shows how human brains, robots and AI will lead the future world. It also explores the coexistence of human and AI creativity in the age of imagination. I use contrasting colors and creative images to convey the message, using unconventional combinations and interweaving of graphics and texts to express the evolutionary path of imagination in the future.
|009| D R E A M I N G , A U T O M AT E D.
PROJECT
0 [ 1 ]
2
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|010|
|011| D R E A M I N G , A U T O M AT E D.
PROJECT
0 [ 1 ]
2
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|012|
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|014|
|015| D R E A M I N G , A U T O M AT E D.
PROJECT
0 [ 1 ]
2
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|018|
|019| D R E A M I N G , A U T O M AT E D.
PROJECT
0 [ 1 ]
2
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|020|
|021| D R E A M I N G , A U T O M AT E D.
PROJECT
0 [ 1 ]
2
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|022|
|023| D R E A M I N G , A U T O M AT E D.
PROJECT
0 [ 1 ]
2
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|024|
|025| D R E A M I N G , A U T O M AT E D.
PROJECT
0 [ 1 ]
2
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|026|
The Secret to a Good Night’s Sleep
09/09/2018
|027|
THE DATE PROJECT STARTED
THE DATE PROJECT FINISHED
29/12/2018
Sleep Solutions
DELIVERABLE
Conference Design, Website, App
COURSE
Visual Thinking
SKILL
Visual Communication
INSTRUCTOR
Sandra Isla
CATEGORY
Branding, UI/UX
SEMESTER
Spring 2019
KEYWORDS
Sleep Apnea, Sleep Health
PROJECT 0 1 [ 2 ] 3 4 5 6
2
THE SECRET TO A GOOD NIGHT’S SLEEP
PROJECT
|028| RUONAN HU THE SELECTED WORKS C ATA LY T I C
OBJECTIVE
Create a brand by defining a social issue, distilling information, and creating a solution through a graphic design approach. The design solution will successfully reach its intended audience on multiple levels and across multiple design platforms.
APPROACH
Through systematic and in depth investigations of the outside world, I have found that people who are fast paced often feel exhausted by lack of sleep. Most people don’t realize what causes it. In the United States, 18 million people suffer from sleep apnea, and most people don’t know what it is. So I created the brand Sleep Solutions for the universal social problem of sleep apnea. By launching a comprehensive event and providing mobile applications and online diagnostics and device selection, Sleep Solutions wants audiences to know about it, recognize it, and treat it. The ultimate goal of the project is to relieve more people with sleep apnea through the power of the brand.
|029| THE SECRET TO A GOOD NIGHT’S SLEEP
PROJECT
0
1 [ 2 ]
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|030|
|031| THE SECRET TO A GOOD NIGHT’S SLEEP
PROJECT
0
1 [ 2 ]
3
4
5
6
|033| THE SECRET TO A GOOD NIGHT’S SLEEP
SLEEP SOLUTIONS
PROJECT
0
1 [ 2 ]
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|036|
|037| THE SECRET TO A GOOD NIGHT’S SLEEP
PROJECT
0
1 [ 2 ]
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|040|
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|044|
|045| THE SECRET TO A GOOD NIGHT’S SLEEP
PROJECT
0
1 [ 2 ]
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|046|
|047| THE SECRET TO A GOOD NIGHT’S SLEEP
PROJECT
0
1 [ 2 ]
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|048|
|049| THE SECRET TO A GOOD NIGHT’S SLEEP
PROJECT
0
1 [ 2 ]
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|050|
|051| THE SECRET TO A GOOD NIGHT’S SLEEP
PROJECT
0
1 [ 2 ]
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|054|
|055| THE SECRET TO A GOOD NIGHT’S SLEEP
PROJECT
0
1 [ 2 ]
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|056|
|057| THE SECRET TO A GOOD NIGHT’S SLEEP
PROJECT
0
1 [ 2 ]
3
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|058|
The Universe is Comprised of Circles
02/03/2019
|059|
THE DATE PROJECT STARTED
THE DATE PROJECT FINISHED
05/23/2019
WPP Annual Report
DELIVERABLE
Annual Report
COURSE
Type Systems
SKILL
Visual System, Typography
INSTRUCTOR
David Hake
CATEGORY
Print Design, Infographics
SEMESTER
Spring 2019
KEYWORDS
Circle, Creativity
PROJECT 0 1 2 [ 3 ] 4 5 6
3
THE UNIVERSE IS COMPRISED OF CIRCLES
PROJECT
|060| RUONAN HU THE SELECTED WORKS C ATA LY T I C
OBJECTIVE
To choose a company’s annual report and redesign it. Show the ability to follow the design language of the brand and establish a cohesive visual communication in typography, tables and charts. The goal is to deconstruct the design language and reconstruct it into an integrated, newly envisioned annual report.
APPROACH
The company group I chose is the WPP Group, the world’s largest advertising communications group, focusing on creative transformation. Its business scope includes advertising, public relations, lobbying, brand image and communication. Circles is a conceptual annual report designed for the WPP Group. The circular elements are the design direction of this report, and the annual results of each year are like the growth of the annual rings. By breaking the basic framework of the traditional annual report, the images, texts, charts, and big data in the book are all designed around the circle. By presenting a series of interesting visual combinations, it illustrates the unique temperament of the company and expresses the attitude and spirit of the group’s unity.
|061| THE UNIVERSE IS COMPRISED OF CIRCLES
PROJECT
0
1
2
[ 3 ]
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|062|
|063| THE UNIVERSE IS COMPRISED OF CIRCLES
PROJECT
0
1
2
[ 3 ]
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|064|
|065| THE UNIVERSE IS COMPRISED OF CIRCLES
PROJECT
0
1
2
[ 3 ]
4
5
6
|069| THE UNIVERSE IS COMPRISED OF CIRCLES
PROJECT
0
1
2
[ 3 ]
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|072|
|073| THE UNIVERSE IS COMPRISED OF CIRCLES
PROJECT
0
1
2
[ 3 ]
4
5
6
|075| THE UNIVERSE IS COMPRISED OF CIRCLES
PROJECT
0
1
2
[ 3 ]
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|076|
|077| THE UNIVERSE IS COMPRISED OF CIRCLES
PROJECT
0
1
2
[ 3 ]
4
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|078|
09/05/2018
Discovering Greatness
|079|
THE DATE PROJECT STARTED
THE DATE PROJECT FINISHED
12/21/2018 Din Next Slab Type Newspaper
DELIVERABLE
Type Specimen Newspaper
COURSE
Type Composition
SKILL
Layout, Typography
INSTRUCTOR
John Nettleton
CATEGORY
Print Design
SEMESTER
Fall 2018
KEYWORDS
Humanity, Creativity
PROJECT 0 1 2 3 [ 4 ] 5 6
4
D I S C O V E R I N G G R E AT N E S S
PROJECT
|080| RUONAN HU THE SELECTED WORKS C ATA LY T I C
OBJECTIVE
Create promotional material for a type foundry that has released a new typeface. Our task is to develop an engaging type promotion which includes a type specimen. This project should appeal to graphic designers and a type savvy audience. We have more freedom to develop content and formats than with other projects. This project should be fun and engaging; it should make the typeface sing, show its proper usage and explain its appeal.
APPROACH
I chose DIN Next Slab Pro as the typeface to create this project. In terms of creativity, I used Din’s meaning in English to expand the design. The audience can watch and explore this typeface promotional material by holding a red filter. In the choice of format, I chose to break the form of regular brochures and folders, and used the newspaper format to show the typeface to the audience. This typeface newspaper gave a detailed presentation of the DIN Next Slab Pro typeface family, which comprehensively expresses the fun and diversity of the German road marking system.
|081| D I S C O V E R I N G G R E AT N E S S
PROJECT
0
1
2
3
[ 4 ]
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|082|
|083| D I S C O V E R I N G G R E AT N E S S
PROJECT
0
1
2
3
[ 4 ]
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|084|
|085| D I S C O V E R I N G G R E AT N E S S
PROJECT
0
1
2
3
[ 4 ]
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|086|
|087| D I S C O V E R I N G G R E AT N E S S
PROJECT
0
1
2
3
[ 4 ]
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|090|
|091| D I S C O V E R I N G G R E AT N E S S
PROJECT
0
1
2
3
[ 4 ]
5
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|092|
Make Art. You Are an Artist.
02/03/2019
|093|
THE DATE PROJECT STARTED
THE DATE PROJECT FINISHED
05/23/2019
Creativity Explored UX/UI Design
DELIVERABLE
Website, App
COURSE
Digital Design Studio
SKILL
UI/UX, User Research
INSTRUCTOR
Patrice Anderson
CATEGORY
UI/UX
SEMESTER
Spring 2019
KEYWORDS
Creativity, Artist, Possibility
PROJECT 0 1 2 3 4 [ 5 ] 6
5
M A R K E A R T. Y O U A R E A N A R T I S T.
PROJECT
|094| RUONAN HU THE SELECTED WORKS C ATA LY T I C
OBJECTIVE
The assignment at hand during this semester was to create a mobile application and website for a business in the area of ​​interest, and apply all UI/UX design solutions and user exper-ience principles and methodologies. The main focus is on the concept and aesthetics of this project in delivering a great user experience.
APPROACH
I decided to choose Creativity Explored, an art gallery in San Francisco, for UI/UX advancement of its website and app and bring a higher level of visual sophistication to them. I decided on this topic because I think we should be committed to supporting people with developmental disabilities who seek to become professional artists and to promote their work as an emerging and increasingly important contribution to the contemporary art world. The goal is to enhance the influence of the organization and expand the public art community awareness of their galleries and studios and improve user experience and shape gallery image.
|095| M A R K E A R T. Y O U A R E A N A R T I S T.
PROJECT
0
1
2
3
4
[ 5 ]
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|096|
|097| M A R K E A R T. Y O U A R E A N A R T I S T.
PROJECT
0
1
2
3
4
[ 5 ]
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|098|
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|100|
|101| M A R K E A R T. Y O U A R E A N A R T I S T.
PROJECT
0
1
2
3
4
[ 5 ]
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|102|
|103| M A R K E A R T. Y O U A R E A N A R T I S T.
PROJECT
0
1
2
3
4
[ 5 ]
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|104|
|105| M A R K E A R T. Y O U A R E A N A R T I S T.
PROJECT
0
1
2
3
4
[ 5 ]
6
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|106|
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|110|
A Designer’s Monologue Diary
02/03/2018
|111|
THE DATE PROJECT STARTED
THE DATE PROJECT FINISHED
05/23/2018
Phenomenon Book
DELIVERABLE
Book
COURSE
Making Ideas Visible
SKILL
Layout, Typography
INSTRUCTOR
Barbara Hughes
CATEGORY
Print Design
SEMESTER
Spring 2018
KEYWORDS
Diary, 24 hours
PROJECT 0 1 2 3 4 5 [ 6 ]
6
A DESIGNER’S MONOLOGUE DIARY
PROJECT
|112| RUONAN HU THE SELECTED WORKS C ATA LY T I C
OBJECTIVE
Select a word of interest from the list of phenomena and design a book as an extension of it.
APPROACH
The word for the phenomenon I chose was Day, the theme upon which the designer’s diary was developed. I hoped to express the spiritual and physical journey of the 24-hour designer to the audience through a monologue from a designer’s perspective and mindset. In this book, I used a simple black and white color palette, concise layout and recording time points to express a designer’s day.
|113| A DESIGNER’S MONOLOGUE DIARY
PROJECT
0
1
2
3
4
5
[ 6 ]
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|114|
|115| A DESIGNER’S MONOLOGUE DIARY
PROJECT
0
1
2
3
4
5
[ 6 ]
|117| A DESIGNER’S MONOLOGUE DIARY
PROJECT
0
1
2
3
4
5
[ 6 ]
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|118|
|119| A DESIGNER’S MONOLOGUE DIARY
PROJECT
0
1
2
3
4
5
[ 6 ]
C ATA LY T I C
RUONAN HU THE SELECTED WORKS
|120|
|121| A DESIGNER’S MONOLOGUE DIARY
PROJECT
0
1
2
3
4
5
[ 6 ]
THANK YOU, MOM AND DAD
I could have never done this without your guidance, support, love, and reminders to keep a balanced life. Thank you for always believing in me and supporting me no matter what along the way. For always be my love and inspiration.
THANK YOU, INSTRUCTORS
John Nettleton, Sandra Isla, Barbara Hughes, Hunter Wimmer, David Hake, Stan Zienka, and Mary Scott. Thank you for all the time and effort that you put into your classes, I’ve learned so much from every single one of you and I’m very grateful for that. Through your guidance I have learned that I can chieve anything when I push myself. Thank you for inspiring me to become a better designer. Thank you to these years of all your teaching.
THANK YOU, MY FRIENDS
Thank you for checking up on me and for inspiring me. For being supportive whenever I need. For being patient and empathetic even when I am emotional and stressed. I do not think I could have kept my sanity over the past years without you guys.
|125| THANK YOU
PROJECT
[ 0 ]
1
2
3
4
5
6
CONTACT
Ruonan Hu
SCHOOL
Academy of Art University
PHONE
628 213 9227
DEPARTMENT
Graphic Design
ruonanhu.design@gmail.com
COURSE
MA Portfolio Seminar
WEBSITE
ruonanhu.com
INSTRUCTOR
Mary Scott
BOOK BINDERY
Blurb.com
PRINTING
Blurb.com
PHOTOGRAPHY
Rawpixel, Ruonan Hu
COVER
Hardcover Imagewrap
TITLE OF BOOK
Catalytic
PAPER WEIGHT
ProLine Uncoated 100#
TYPEFACE
San Francisco Text
SOFTWARE
Adobe Creative Suite
© COPYRIGHT RESERVED
No part of this publication can be reproduced without expressed permission from Ruonan Hu.
*
RUONANHU.COM