CHAPTER [ 00 ] 01 02
[ 00 ]
03 04 05
I immerse myself in the design process and work to have every step covered. 000
SELECTED WORKS OF QI LI
COV ER ED_ S EL EC T ED WO R K O F Q I L I
002
CHAPTER
[ 00 ] 01
02
03
04
05
003
COV ER ED_ S EL EC T ED WO R K O F Q I L I
004
CHAPTER [ 00 ] 01 02
[ 00 ]
03 04 05
I immerse myself in the design process and work to have every step covered. 005
SELECTED WORKS OF QI LI
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ CO V E R E D ]
In design, there is a lot to cover. Research, experimenting, exploring diverse directions, careful attention to details, overcoming challenges and constant self improvement. I work to have all that covered. Design is a learning process, which can be both painful and joyful, and I work consistently to improve by covering every step in the process.
006
CHAPTER
[ 00 ] 01
02
03
04
05
INTRODUCTION
007
COV ER ED_ S EL EC T ED WO R K O F Q I L I
008
CHAPTER [ 00 ] 01 02
[ CO N T E N T S ]
03 04 05
[ 01 ]
PG 008-037
A Well-Turned Life [ 02 ]
PG 038-051
Essential Randomness [ 03 ]
P G 0 5 2- 07 3
[ 04 ]
P G 074 - 0 9 5
Giving the World Reasons to Smile [ 05 ]
CONTENTS
Take A Trip
P G 0 9 6 -1 2 3
Mò, Between Black and White
009
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ 01 ]
Do not squander time, for that’s the stuff life is made of. BENJAMIN FRANKLIN, AMERCAN STATESMAN
010
CHAPTER 00 [ 01 ]
COURSE
[ P R O J EC T ]
P R O J EC T N A M E
T Y P E O F P R O J EC T
Sandra Isla
Communication Design
YEAR
C AT EG O R I E S
Spring 2016
Branding, UI/UI Design
05
I N S T R U C TO R
04
A Well-Turned Life
03
Visual Thinking
02
[ CL ASS ]
DELIVER ABLES
Logo, Poster, App Design
State a fact that might be a problem in the world. The course is to research an issue through specific steps in the design process to create engaging and relevant solutions. The steps are to propose a topic, identify its relevant audience and stakeholders, then find, create, and implement compelling visual elements in a variety of media that work together as a cohesive system.
[ APPROACH ]
The topic I chose was time management, and I focused on leisure time
M E T I M E _ A W E L L-T U R N E D L I F E
[ O B J EC T I V E ]
and work time for young adults, so I use light blue and light yellow to communicate with them. Because the concept is very abstract, I present it with illustration. The brand MeTime encourages young people to organize and effectively use time. The poster is about a talk that tells people how to make a plan. The app is for people to find a place to work or work with friends. The space is for people to work efficiently.
011
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ 班级信息 ]
科目
[ 课程信息 ]
方案名称
视觉思考
姿态优美的生活
指导者
项目种类
桑德拉 伊斯拉
传播设计
年份
设计类别
2015 春
品牌,用户界面/用户体 验设计 设计成品 标志,应用设计,海报,空间
[ 目标 ]
陈述一个身边可能会发生问题。本课程是调查一个问题,通过设计过程中的具体步骤 创建引人入胜的和相关的解决方案。这些步骤是提出一个主题,确定相关的观众和利 益相关者,然后发现,创建和实现引人注目的视觉元素,使它们应用在相关媒介中,并 形成一套联系密切并视觉统一的系统设计。
[ 方法 ]
我选择的主题是时间管理。我聚焦于年轻人的休闲时间和工作时间,所以我用浅蓝色 和亮黄色作为我的主色调。因为这个概念很抽象,所以才用插画的形式表达。首先海 报是为演讲而设计,演讲是教人们如何做具体做计划。其次应用程序,人们可以通过 它找到一个适合工作的地方,并可以通过它约朋友一起工作。最后为此而设计的空间 可以有效的平衡工作时间和休息时间,提高效率。
012
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
013
COV ER ED_ S EL EC T ED WO R K O F Q I L I
014
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
015
COV ER ED_ S EL EC T ED WO R K O F Q I L I
016
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
017
COV ER ED_ S EL EC T ED WO R K O F Q I L I
018
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
019
COV ER ED_ S EL EC T ED WO R K O F Q I L I
020
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
021
COV ER ED_ S EL EC T ED WO R K O F Q I L I
022
023
COV ER ED_ S EL EC T ED WO R K O F Q I L I
024
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
025
COV ER ED_ S EL EC T ED WO R K O F Q I L I
026
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
027
COV ER ED_ S EL EC T ED WO R K O F Q I L I
028
CHAPTER
00
[ 01 ] 02
03
04
05
029
COV ER ED_ S EL EC T ED WO R K O F Q I L I
030
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
031
COV ER ED_ S EL EC T ED WO R K O F Q I L I
032
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
033
COV ER ED_ S EL EC T ED WO R K O F Q I L I
034
CHAPTER
00
[ 01 ] 02
03
04
05
035
COV ER ED_ S EL EC T ED WO R K O F Q I L I
036
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
037
COV ER ED_ S EL EC T ED WO R K O F Q I L I
038
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
039
COV ER ED_ S EL EC T ED WO R K O F Q I L I
040
CHAPTER
00
[ 01 ] 02
03
04
05
M E T I M E _ A W E L L-T U R N E D L I F E
041
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ 02 ]
Creativity is the ability to introduce order into the randomness of nature. ERIC HOFFER, AMERICAN PHILOSOPHER
042
CHAPTER 00 01
COURSE
[ P R O J EC T ]
P R O J EC T N A M E
T Y P E O F P R O J EC T
Kathrin Blatter
Expressing an Opinion
YEAR
C AT EG O R Y
Fall 2016
Web Design
05
I N S T R U C TO R
04
Essential Randomness
03
Type Experiments
[ 02 ]
[ CL ASS ]
DELIVER ABLE
Website
Create a website about an opinion with a strong personal and conceptual context. Conduct extensive research as background for writing, image creation and design. Explore blending image and type.
[ APPROACH ]
As a species, we largely prefer predictability and order. Order brings us security, sanity, peace. But I think randomness is more important than order. This opinion is introduced on the website in four parts: Home, Value, Stimulate and Contact. Home introduces the concept and my opinion. Value
E S S EN T I A L R A N D O M N E S S _O P I N I O N W EB S I T E
[ O B J EC T I V E ]
presents randomness as very important to creativity. Stimulate talks about what it has to do with creativity. I use a scroll effect and diagonal text lines to show randomness conceptually and visually.
043
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ 班级信息 ]
科目
[ 课程信息 ]
方案名称
字体实验
必要的随机性
指导者
项目种类
卡特林 布拉特
表达一种个人观点
年份
设计类别
2016 秋
网页设计 设计成品 网站
[ 目标 ]
创建一个网站,表达一种个人观念和概念。在开始创作设计之前进行广泛的研究,并 进一步探索融合图像和类型。
[ 方法 ]
作为一个物种,我们倾向于选择可预测性和有秩序。秩序给我们带来安全、理智、和 平。但我认为随机性比秩序井然更重要。网站通过四部分来介绍这个观念,主页,随 机性的价值,如何激发创造性和联系方式。主页介绍我的概念和观点。随机性的价 值——表达随机性对创造力的重要性。如何激发创造性谈论的主要如何激发人们的 创造力。我使用滚动效果和带有倾斜角度的文字从视觉上表达随机性。
044
CHAPTER
00
01
[ 02 ] 03
04
05
E S S EN T I A L R A N D O M N E S S _O P I N I O N W EB S I T E
045
COV ER ED_ S EL EC T ED WO R K O F Q I L I
046
CHAPTER
00
01
[ 02 ] 03
04
05
047
COV ER ED_ S EL EC T ED WO R K O F Q I L I
048
CHAPTER
00
01
[ 02 ] 03
04
05
049
COV ER ED_ S EL EC T ED WO R K O F Q I L I
050
CHAPTER
00
01
[ 02 ] 03
04
05
E S S EN T I A L R A N D O M N E S S _O P I N I O N W EB S I T E
051
COV ER ED_ S EL EC T ED WO R K O F Q I L I
052
CHAPTER
00
01
[ 02 ] 03
04
05
E S S EN T I A L R A N D O M N E S S _O P I N I O N W EB S I T E
053
COV ER ED_ S EL EC T ED WO R K O F Q I L I
054
CHAPTER
00
01
[ 02 ] 03
04
05
E S S EN T I A L R A N D O M N E S S _O P I N I O N W EB S I T E
055
COV ER ED_ S EL EC T ED WO R K O F Q I L I
056
CHAPTER
00
01
[ 02 ] 03
04
05
057
COV ER ED_ S EL EC T ED WO R K O F Q I L I
058
CHAPTER
00
01
[ 02 ] 03
04
05
059
COV ER ED_ S EL EC T ED WO R K O F Q I L I
060
CHAPTER
00
01
[ 02 ] 03
04
05
061
COV ER ED_ S EL EC T ED WO R K O F Q I L I
062
CHAPTER
00
01
[ 02 ] 03
04
05
E S S EN T I A L R A N D O M N E S S _O P I N I O N W EB S I T E
063
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ 03 ]
The world is a book, and those who do not travel read only a page. SAINT AUGUSTINE, THEOLOGIAN
064
CHAPTER 00 01 02
[ CL ASS ]
COURSE
[ P R O J EC T ]
P R O J EC T N A M E
Type Composition
Take A Trip
[ 03 ]
I N S T R U C TO R
T Y P E O F P R O J EC T
04
Andrew Loesel
Book Cover 05
YEAR
C AT EG O R Y
Fall 2015
Publishing DELIVER ABLES
Color Prints of Book Covers
Choose a book topic and design three book covers as a set. The set of covers should look cohesive and unified. Use typography as a main element and graphic elements to approach the design.
[ APPROACH ]
I chose travel as my topic. And I chose three countries, Japan, England, and Greece, for my book covers because they have very different characteristic cultures. I combine the type with elements that could represent the culture, using illustration as the background because I want the book
TA K E A T R I P_T R AV E L B O O K C O V E R S E R I E S
[ O B J EC T I V E ]
covers to look different from the usual ones with photos.
065
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ 班级信息 ]
科目
[ 课程信息 ]
方案名称
视觉思考
一起去旅行
指导者
项目种类
安德鲁 卢瑟
出版
年份
设计类别
2015 秋
封面设计 设计成品 颜色印刷封面
[ 目标 ]
选择一个主题,并设计一组封面。这组封面需要视觉上机密结合并和谐统一。以字体 作为设计的主要元素,并辅以其他元素完成设计。
[ 方法 ]
我选择旅行类的书作为我的主题。以日本,英国 和希腊作为封面的主题,因为他们具 有不同的文化特征。我把具有它们文化特征的字体与其文化元素相结合,并用插图作 为背景。选择这种风格是因为我想尝试与以往(利用摄影图片作为主元素)不同的方 式表达。
066
CHAPTER
00
01
02
[ 03 ] 04
05
TA K E A T R I P_T R AV E L B O O K C O V E R S E R I E S
067
COV ER ED_ S EL EC T ED WO R K O F Q I L I
068
CHAPTER
00
01
02
[ 03 ] 04
05
TA K E A T R I P_T R AV E L B O O K C O V E R S E R I E S
069
COV ER ED_ S EL EC T ED WO R K O F Q I L I
070
CHAPTER
00
01
02
[ 03 ] 04
05
TA K E A T R I P_T R AV E L B O O K C O V E R S E R I E S
071
COV ER ED_ S EL EC T ED WO R K O F Q I L I
072
CHAPTER
00
01
02
[ 03 ] 04
05
073
COV ER ED_ S EL EC T ED WO R K O F Q I L I
074
CHAPTER
00
01
02
[ 03 ] 04
05
TA K E A T R I P_T R AV E L B O O K C O V E R S E R I E S
075
COV ER ED_ S EL EC T ED WO R K O F Q I L I
076
CHAPTER
00
01
02
[ 03 ] 04
05
TA K E A T R I P_T R AV E L B O O K C O V E R S E R I E S
077
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ 04 ]
Teeth aren’t pearly until you smile. ANTHONY LICCIONE, AMERICAN POET AND AUTHOR
078
CHAPTER 00 01 02
[ CL ASS ]
COURSE
John Nettleton
Spring 2016
Reasons to Smile T Y P E O F P R O J EC T
Story Telling
05
YEAR
P R O J EC T N A M E
Giving the World
[ 04 ]
I N S T R U C TO R
[ P R O J EC T ]
03
Type Systems
C AT EG O R Y
Publishing DELIVER ABLE
Book
Research a company in a field. Make sure the company/organization has an annual report or a CSR report online. Develop a flexible, but sturdy grid. Synthesize type system principles into the final production of a book and presentation.
[ APPROACH ]
My report is about Colgate, which provides household, health care and personal products. Therefore, I chose thin lines as my graphic elements to make the report look clean and simple. The type I chose was Avenir because overall it looks very simple and is also good for body text. In addition, I used photos about nature and people, which create a feeling of health.
G I V I N G T H E W O R L D R E A S O N S T O S M I L E _CO LG AT E C S R R EP O R T
[ O B J EC T I V E ]
079
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ 班级信息 ]
科目
[ 课程信息 ]
方案名称
字体系统
给世界微笑的理由
指导者
种类
约翰 内特尔顿
企业社会责任报告
年份
设计类别
2016 年
出版 设计成品 书籍
[ 目标 ]
选一个公司作为研究对象。确保这个公司或组织有年度报告或企业社会责任报告。开 发一个便捷但实用的网格系统。遵循设计原则制定综合字体网格系统,最终呈现一本 该公司新的企业社会责任报告。
[ 方法 ]
我选择的公司是高露洁,它提供家庭,医疗保健和个人等产品。因此,我选择了细线作为 设计元素而使报告看起来整洁和简单。我选择的字体Avenir,因为它整体看上去非常 简单,也很适合作为文本实用
080
CHAPTER
00
01
02
03
[ 04 ] 05
G I V I N G T H E W O R L D R E A S O N S T O S M I L E _CO LG AT E C S R R EP O R T
081
COV ER ED_ S EL EC T ED WO R K O F Q I L I
082
CHAPTER
00
01
02
03
[ 04 ] 05
G I V I N G T H E W O R L D R E A S O N S T O S M I L E _CO LG AT E C S R R EP O R T
083
COV ER ED_ S EL EC T ED WO R K O F Q I L I
084
CHAPTER
00
01
02
03
[ 04 ] 05
G I V I N G T H E W O R L D R E A S O N S T O S M I L E _CO LG AT E C S R R EP O R T
085
CHAPTER
00
01
02
03
[ 04 ] 05
G I V I N G T H E W O R L D R E A S O N S T O S M I L E _CO LG AT E C S R R EP O R T
087
COV ER ED_ S EL EC T ED WO R K O F Q I L I
088
CHAPTER
00
01
02
03
[ 04 ] 05
G I V I N G T H E W O R L D R E A S O N S T O S M I L E _CO LG AT E C S R R EP O R T
089
COV ER ED_ S EL EC T ED WO R K O F Q I L I
090
091
COV ER ED_ S EL EC T ED WO R K O F Q I L I
092
CHAPTER
00
01
02
03
[ 04 ] 05
G I V I N G T H E W O R L D R E A S O N S T O S M I L E _CO LG AT E C S R R EP O R T
093
COV ER ED_ S EL EC T ED WO R K O F Q I L I
094
CHAPTER
00
01
02
03
[ 04 ] 05
G I V I N G T H E W O R L D R E A S O N S T O S M I L E _CO LG AT E C S R R EP O R T
095
CHAPTER
00
01
02
03
[ 04 ] 05
G I V I N G T H E W O R L D R E A S O N S T O S M I L E _CO LG AT E C S R R EP O R T
097
COV ER ED_ S EL EC T ED WO R K O F Q I L I
098
CHAPTER
00
01
02
03
[ 04 ] 05
G I V I N G T H E W O R L D R E A S O N S T O S M I L E _CO LG AT E C S R R EP O R T
099
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ 05 ]
The most colorful thing in the world is black and white. VIKRAM VERMA , INDIAN AUTHOR
100
CHAPTER 00 01 02
[ CL ASS ]
COURSE
[ P R O J EC T ]
P R O J EC T N A M E
T Y P E O F P R O J EC T
John Nettleton
Conference Materials
YEAR
C AT EG O R Y
Fall 2016
Publishing
[ 05 ]
I N S T R U C TO R
04
Mò, Between Black and White
03
Type Systems
DELIVER ABLES
Poster, Program, Signage, Name Badge, Website, App
Design the conference materials for a hypothetical or actual design conference. Required components: Promotional Poster, Program, Name Badge, Conference Signage, Mobile App and Website look and feel.
[ APPROACH ]
I used black, white and different grays to show the relationship between black and white. The ink is related to Mò. The conference topic is the balancing of black and white as a shared value between both Eastern and Western typographic cultures, so I intersected rectangles, Roman and Chinese characters to present culture sharing.
M O, B E T W EEN B L ACK A N D W H I T E _CO N FER EN CE M AT ER I A L S
[ O B J EC T I V E ]
101
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ 班级信息 ]
科目
[ 课程信息 ]
方案名称
字体系统
墨,黑白之间
指导者
项目种类
约翰 内特尔顿
会议材料相关设计
年份
设计类别
2016 年
出版 设计成品 海报,名牌,会议计划 指示牌,应用程序 ,网站
[ 目标 ]
为一个假定的或实际的设计会议设计相关会议材料。要求设计内容包括:促销海报、 网站外观、手机应用程序,名字徽章,会议指示牌,移动网站和手机应用程序的外观和 感觉。
[ 方法 ]
我用黑、白和不同程度的灰展现黑白之间的关系。动感的墨汁元素直接提现主题。此 会议主题表达的是通过提现黑白之间的平衡隐射出东西方文化共享重要性,所以我 采用矩形作为设计元素,中英文结合展现文化共享。
102
CHAPTER
00
01
02
03
04
[ 05 ]
M O, B E T W EEN B L ACK A N D W H I T E _CO N FER EN CE M AT ER I A L S
103
COV ER ED_ S EL EC T ED WO R K O F Q I L I
104
CHAPTER
00
01
02
03
04
[ 05 ]
M O, B E T W EEN B L ACK A N D W H I T E _CO N FER EN CE M AT ER I A L S
105
COV ER ED_ S EL EC T ED WO R K O F Q I L I
106
00
墨,黑白之间
CHAPTER
Mò , Between Black And White
ATypI 2017 Hong Kong
01
INFORMATION BOOTH
03
[ 05 ]
02
04
信息聞訊
M O, B E T W EEN B L ACK A N D W H I T E _CO N FER EN CE M AT ER I A L S
107
COV ER ED_ S EL EC T ED WO R K O F Q I L I
ATypI
墨,黑白之间
2017 Hong Kong
會議廳
CONFERENCE ROOM
Mò , Between Black And White
108
CHAPTER
00
01
02
03
04
[ 05 ]
M O, B E T W EEN B L ACK A N D W H I T E _CO N FER EN CE M AT ER I A L S
109
COV ER ED_ S EL EC T ED WO R K O F Q I L I
110
CHAPTER
00
01
02
03
04
[ 05 ]
M O, B E T W EEN B L ACK A N D W H I T E _CO N FER EN CE M AT ER I A L S
111
COV ER ED_ S EL EC T ED WO R K O F Q I L I
112
CHAPTER
00
01
02
03
[ 04 ] 05
M O, B E T W EEN B L ACK A N D W H I T E _CO N FER EN CE M AT ER I A L S
113
COV ER ED_ S EL EC T ED WO R K O F Q I L I
114
CHAPTER
00
01
02
03
04
[ 05 ]
115
COV ER ED_ S EL EC T ED WO R K O F Q I L I
116
CHAPTER
00
01
02
03
04
[ 05 ]
117
COV ER ED_ S EL EC T ED WO R K O F Q I L I
118
CHAPTER
00
01
02
03
04
[ 05 ]
M O, B E T W EEN B L ACK A N D W H I T E _CO N FER EN CE M AT ER I A L S
119
COV ER ED_ S EL EC T ED WO R K O F Q I L I
120
CHAPTER
00
01
02
03
04
[ 05 ]
M O, B E T W EEN B L ACK A N D W H I T E _CO N FER EN CE M AT ER I A L S
121
COV ER ED_ S EL EC T ED WO R K O F Q I L I
122
CHAPTER
00
01
02
03
04
[ 05 ]
123
COV ER ED_ S EL EC T ED WO R K O F Q I L I
1 24
CHAPTER
00
01
02
03
04
[ 05 ]
125
COV ER ED_ S EL EC T ED WO R K O F Q I L I
126
CHAPTER
00
01
02
03
04
[ 05 ]
127
COV ER ED_ S EL EC T ED WO R K O F Q I L I
128
CHAPTER [ 00 ] 01
Thank you to the instructors at the Academy of Art University, Mary
03
Scott, Hunter Wimmer, John Nettleton, Andrew Loesel, Sandra Isla,
02
[ ACKNOWLEDGEMENTS ]
Scott Rankin, Justine Luis, Kathrin Blatter, Bob Slote, Jeremy Stout.
05
Fong, Steven Weiss, Sheila Hancock, Janine Ryle, Colleen McKee,
04
Thank you to all support Instructors, Jill Ballard, Susan Pasley, Hilaire
Lena Kelly. You were always inspiring, encouraging and supportive. Thank you my friends. Thank you for your help and inspiration. I will miss the nights that we did homework together. Thank you to my family for aways supporting me and encouraging me. Thank you for offering me the education and giving me the chance to see a better world. ACKNOWLEDGEMENTS 129
COV ER ED_ S EL EC T ED WO R K O F Q I L I
[ C O LO P H O N ]
SCHOOL
Academy of Art University School of Graphic Design S TUDENT
Qi Li CL ASS
MA Portfolio Seminar I N S T R U C TO R
Mary Scott TITLE OF BOOK
Covered P H OTO G R A P H Y
Qi Li BINDERY
Blurb COVER
Image Wrape Matte Finish PA P E R
Proline Uncoated 100# T Y P E FA C E
Museo Sans Songti SC S O F T WA R E
Adobe Creative Cloud 2017 C O N TA C T
www.qili.design +1 (415) 988–5077
qili_qiana@outlook.com
All the works in this book are hypothetical projects and made for educational purposes.
@ 2017 All Rights Reserved No part of this publication can be reproduced without expressed permission from Qi Li.
130
CHAPTER
[ 00 ] 01
02
03
04
05
COLOPHON
131
COV ER ED_ S EL EC T ED WO R K O F Q I L I
000
CHAPTER
[ 00 ] 01
02
03
04
05
133
QILI _QIANA@OUTLOOK .COM
000