ENG
×
Selected Projects
精选作品
UberEats: Umi
AIGA: Hue are you?
UX for AI
Broadband Equity
Construction Junction App Redesign
Pittsburgh Public art
Design Hero
Archive
所有项目
Color & Type & Motion Studies
F21 Daily Sketches
Phipps VR Experience
A Study in Gill Sans
The Apple Book
Isolation of Elderlies
Pads, Tampons, Cups, and more
For the First Time in a Generation
Type101
←BACK
Hello! This is Jenny
.
你好!我是 刘书玉
Selected Projects
精选作品
UberEats: Umi
CUI / Animation
交互设计 / 动画
Team
个人
2022
AIGA: Hue are you?
Web / UIUX
网站 / 交互设计
Team
个人
2022
UX for AI
Illustration / UIUX
插画 / 交互设计
Individual
个人
2022
Broadband Equity
Animation
Individual
动画
个人
2021
Construction Junction App Redesign
App / UIUX
Team
手机App / 交互设计
个人
2022
Pittsburgh Public art
Research
Team
研究
小组
2020
Design Hero
Animation / Print
Individual
动画 / 印刷品 / 网站
个人
2020
Archive
所有项目
Color & Type & Motion Studies
--
Individual
--
个人
--
F21 Daily Sketches
Drawing
Individual
速写
个人
2021
Phipps VR Experience
VR prototyping / UX
Individual
VR原型 / 交互设计
个人
2019
A Study in Gill Sans
Animation / Print
Individual
动画 / 印刷品
个人
2019
The Apple Book
Print
Individual
印刷品
个人
2021
Isolation of Elderlies
Mapping / Systems
Individual
Mapping / Systems
个人
2019
Pads, Tampons, Cups, and more
Print / Illustration
Team
印刷品 / 插画
小组
2022
For the First Time in a Generation
Animation
Team
动画,短视频
小组
2022
Type101
Web
Individual
网站
个人
2020
Hello! This is Jenny
.
你好!我是 刘书玉
Selected Projects
精选作品
UberEats: Umi
CUI / Animation
交互设计 / 动画
Team
个人
2022
AIGA: Hue are you?
Web / UIUX
网站 / 交互设计
Team
个人
2022
UX for AI
Illustration / UIUX
插画 / 交互设计
Individual
个人
2022
Broadband Equity
Animation
Individual
动画
个人
2021
Construction Junction App Redesign
App / UIUX
Team
手机App / 交互设计
个人
2022
Pittsburgh Public art
Research
Team
研究
小组
2020
Design Hero
Animation / Print
Individual
动画 / 印刷品 / 网站
个人
2020
UberEats: Umi
A personalized voice assistant that aids hands-free food ordering.
个性化智能语音助手概念设计,帮助用户在开车等不方便的时刻用语音寻找附近餐厅、提供智能化的点菜下单等服务。
UberEats: Umi
——
A personalized voice assistant that aids hands-free food ordering.
——
个性化智能语音助手概念设计,帮助用户在开车等不方便的时刻用语音寻找附近餐厅、提供智能化的点菜下单等服务。
UberEats currently delivers food to millions of users all around the world. But for users that are behind the wheel, visually impaired, or simply prefer to multi-task, ordering food online can be a tricky task. How can we introduce a CUI (conversational user interface) assistant into the existing food ordering ecosystem to heighten the ordering experience?
优步优食(UberEats)目前向全球数百万用户提供外卖服务。但对于正在驾驶中、视力受损或喜欢一心多用的用户来说,在手机上以常规的模式点外卖反倒成为一件麻烦事。在本项目中,我们着重研究了如何将CUI (conversational user interface) 语音助手引入现有的食品订购生态系统,以提高订购体验。
Our answer was Umi, our CUI assistant designed to help users under any circumstances to order from UberEats in an effortless, efficient, and personalized way through visual, sound, and voice. At the same time, Umi also optimizes the order-delivery process for restaurants and resolution of customer issues. We hope through targeting multiple stakeholders and pain points, Umi can truly become part of the food ordering ecosystem.
于是我们以目前的UberEats手机App为基础,设计了Umi,一个结合了视觉,声音,语音的专属助手。Umi面向食客,帮助用户在各种环境下能够更加轻松、高效、智能地从优步餐厅订购美食。同时也面向加盟优步优食的餐厅,优化从接单到用户取餐的流程,帮助解决商家与顾客的矛盾。通过多面向、多切入点的设计,我们希望Umi能真正成为饮食体系中不可或缺的一环。
Year 2022
Type CUI / Animation交互设计 / 动画
Tools Ae, Ps, Figma
UberEats currently delivers food to millions of users all around the world. But for users that are behind the wheel, visually impaired, or simply prefer to multi-task, ordering food online can be a tricky task. How can we introduce a CUI (conversational user interface) assistant into the existing food ordering ecosystem to heighten the ordering experience?
优步优食(UberEats)目前向全球数百万用户提供外卖服务。但对于正在驾驶中、视力受损或喜欢一心多用的用户来说,在手机上以常规的模式点外卖反倒成为一件麻烦事。在本项目中,我们着重研究了如何将CUI (conversational user interface) 语音助手引入现有的食品订购生态系统,以提高订购体验。
Our answer was Umi, our CUI assistant designed to help users under any circumstances to order from UberEats in an effortless, efficient, and personalized way through visual, sound, and voice. At the same time, Umi also optimizes the order-delivery process for restaurants and resolution of customer issues. We hope through targeting multiple stakeholders and pain points, Umi can truly become part of the food ordering ecosystem.
于是我们以目前的UberEats手机App为基础,设计了Umi,一个结合了视觉,声音,语音的专属助手。Umi面向食客,帮助用户在各种环境下能够更加轻松、高效、智能地从优步餐厅订购美食。同时也面向加盟优步优食的餐厅,优化从接单到用户取餐的流程,帮助解决商家与顾客的矛盾。通过多面向、多切入点的设计,我们希望Umi能真正成为饮食体系中不可或缺的一环。
Year 2022
Type CUI / Animation交互设计 / 动画
Tools Ae, Ps, Figma
AIGA: Hue are you?
A designer value test that puts you into a broader data visualization of a bigger designer community with color.
一个面向设计师的价值观测试网站。利用数据可视化让设计师了解自己和整个设计师群体的价值观分布。
AIGA:
Hue are you?
——
A designer value test that puts you into a broader data visualization of a bigger designer community with color.
——
一个面向设计师的价值观测试网站。利用数据可视化让设计师了解自己和整个设计师群体的价值观分布。
Values impact our work and drive why we design. However, how do the values we hold as individuals fit in the broader design community? What are the values that motivate others to design?
Using the AIGA 2019 Design Census data, #HUEAREYOU uses HEX codes to visualize the unique values each designer holds in the community. As users enter the site, they are encouraged to see where they fit in the community visualization by taking a quiz that measures their priorities and values, giving them a personalized HEX code.
对于设计师而言,三观不仅影响着我们的生活,更会推动我们的设计作品。作为广大设计师群体的中的小小个体,你是否会好奇这些思想上的因素如何影响我们的对设计工作的态度?我们的同行业同事、朋友是否和我们持有一致的价值观?
利用AIGA 2019年的一万余条设计普查数据,#HUEAREYOU网站使用hex code来可视化每个设计师在社区中持有的独特价值观。用户还可以通过一个藏有各种小彩蛋的简单问卷来获得代表自己的hex code,获得颜色解读,并查看自己在社区可视化中的位置。
Year 2022
Type Web / UIUX 网站 / 交互设计
Tools Html/Css, Php, MySQL, Figma
Values impact our work and drive why we design. However, how do the values we hold as individuals fit in the broader design community? What are the values that motivate others to design?
Using the AIGA 2019 Design Census data, #HUEAREYOU uses HEX codes to visualize the unique values each designer holds in the community. As users enter the site, they are encouraged to see where they fit in the community visualization by taking a quiz that measures their priorities and values, giving them a personalized HEX code.
对于设计师而言,三观不仅影响着我们的生活,更会推动我们的设计作品。作为广大设计师群体的中的小小个体,你是否会好奇这些思想上的因素如何影响我们的对设计工作的态度?我们的同行业同事、朋友是否和我们持有一致的价值观?
利用AIGA 2019年的一万余条设计普查数据,#HUEAREYOU网站使用hex code来可视化每个设计师在社区中持有的独特价值观。用户还可以通过一个藏有各种小彩蛋的简单问卷来获得代表自己的hex code,获得颜色解读,并查看自己在社区可视化中的位置。
Year 2022
Type Web / UIUX 网站 / 交互设计
Tools Html/Css, Php, MySQL, Figma
UX for AI
Building a tool for designers to explore and navigate cutting-edge AI technologies.
网站UIUX设计。意在普及AI科技及AI的应用方式,为用户提供快捷的浏览,检索方式。
UX for AI
——
Building a tool for designers to explore and navigate cutting-edge AI technologies.
——
网站UIUX设计。意在普及AI科技及AI的应用方式,为用户提供快捷的浏览,检索方式。
Artificial intelligence (AI) plays an increasingly important role in the user experience (UX) of products and services. Yet, research shows that one challenge many designers face is with understanding what AI can do.
Project UX of AI aims to build a tool that helps designers to work with existing AI capabilities effectively. I worked as a research assistant, focusing on ideating the website's structure and look and creating the site's visual content. This is still an ongoing project @CMU HCII.
人工智能(AI)在的各类产品和服务的用户体验(UX)中发挥着越来越重要的作用。许多设计师想要把AI结合进他们设计,却苦于不知道当今的AI到底能实现什么功能,能被如何运用。
UX of AI 项目旨在构建一个能帮助设计师有效利用现有的AI能力的网站或App。我为该项目担任研究助理,专注于设计网站的信息结构和UI,并按需绘制网站的视觉内容。目前这是一个CMU HCII正在进行的研究项目。
Year 2022
Type Illustration / UIUX 插画 / 交互设计
Tools Ps, Procreate, Figma
Artificial intelligence (AI) plays an increasingly important role in the user experience (UX) of products and services. Yet, research shows that one challenge many designers face is with understanding what AI can do.
Project UX of AI aims to build a tool that helps designers to work with existing AI capabilities effectively. I worked as a research assistant, focusing on ideating the website's structure and look and creating the site's visual content. This is still an ongoing project @CMU HCII.
人工智能(AI)在的各类产品和服务的用户体验(UX)中发挥着越来越重要的作用。许多设计师想要把AI结合进他们设计,却苦于不知道当今的AI到底能实现什么功能,能被如何运用。
UX of AI 项目旨在构建一个能帮助设计师有效利用现有的AI能力的网站或App。我为该项目担任研究助理,专注于设计网站的信息结构和UI,并按需绘制网站的视觉内容。目前这是一个CMU HCII正在进行的研究项目。
Year 2022
Type Illustration / UIUX 插画 / 交互设计
Tools Ps, Procreate, Figma
Broadband Equity
A animation advocating for Broadband Equity.
倡导网络连接平等的公益动画短片。
Broadband Equity
——
A animation advocating for Broadband Equity.
——
倡导网络连接平等的公益动画短片。
High-speed connectivity is a necessary form of transportation in the 21st Century. This project aims to help raise awareness and tell the story of Southwestern Pennsylvania's true state of broadband connectivity, helping give a voice to the most vulnerable populations who are unserved or underserved by current connectivity through a video and various social media branding materials.
网络是21世纪人们生活中必不可少的元素。该项目旨在通过视频、各种视觉社交媒体材料、实体周边产品来提高美国宾州居民对本地网络状况的关注。从而帮助目前无网可用的弱势的人群发出呼声。
Year 2021
Type Animation 动画
Tools Ae, Ps, Ai
High-speed connectivity is a necessary form of transportation in the 21st Century. This project aims to help raise awareness and tell the story of Southwestern Pennsylvania's true state of broadband connectivity, helping give a voice to the most vulnerable populations who are unserved or underserved by current connectivity through a video and various social media branding materials.
网络是21世纪人们生活中必不可少的元素。该项目旨在通过视频、各种视觉社交媒体材料、实体周边产品来提高美国宾州居民对本地网络状况的关注。从而帮助目前无网可用的弱势的人群发出呼声。
Year 2021
Type Animation 动画
Tools Ae, Ps, Ai
Construction Junction App Redesign
Reorienting product-heavy business toward a service approach; building a mobile-first app based on existing business website.
帮助匹兹堡企业的实体产品行业转型为服务行业;改进现有网站,添加功能,设计相应的手机端APP。
Construction Junction App Redesign
——
Reorienting product-heavy business toward a service approach; building a mobile-first app based on existing business website.
——
帮助匹兹堡企业的实体产品行业转型为服务行业;改进现有网站,添加功能,设计相应的手机端APP。
Construction Junction (CJ) is a local Pittsburgh business with the mission to promote conservation through the reuse of building materials. This client project helps CJ to optimize its donation—pickup flow and build an eco-friendly online community base with a newly branded mobile-first approach. The resulting mobile app leave materials donors with a hassle-free and rewarding experience accessible from anywhere.
Construction Junction(CJ)是Pittsburgh当地的一家专注于建筑材料回收再利用的企业。该项目帮助CJ优化其募捐,取货,送货流程,并通过手机app建立稳定的在线社区。该App补足了企业原有的网站平台,在手机上为材料捐助者提供了一个快捷明了、互动性更强的使用体验。
Year 2022
Type App / UIUX 手机App / 交互设计
Tools Figma, Ps
Construction Junction (CJ) is a local Pittsburgh business with the mission to promote conservation through the reuse of building materials. This client project helps CJ to optimize its donation—pickup flow and build an eco-friendly online community base with a newly branded mobile-first approach. The resulting mobile app leave materials donors with a hassle-free and rewarding experience accessible from anywhere.
Construction Junction(CJ)是Pittsburgh当地的一家专注于建筑材料回收再利用的企业。该项目帮助CJ优化其募捐,取货,送货流程,并通过手机app建立稳定的在线社区。该App补足了企业原有的网站平台,在手机上为材料捐助者提供了一个快捷明了、互动性更强的使用体验。
Year 2022
Type App / UIUX 手机App / 交互设计
Tools Figma, Ps
Pittsburgh Public art
In-depth researches on how we might increase personal connections between viewers and public art.
就如“何提高公共艺术的公众参与度”进行较深入的用户调研。
Pittsburgh
Public art
——
In-depth researches on how we might increase personal connections between viewers and public art.
——
就如“何提高公共艺术的公众参与度”进行较深入的用户调研。
Public art, though abundant in large cities, feels indifferent to most passengers. Many public arts fail to invoke viewers’ feelings and are unsuccessful in establishing personal connections. So, we chose to investigate: how might we increase the personal connections between viewers and the art? Through interviews and contextual methods, our research implied that establishing a sense of belonging in a city consists of a four-step process: attraction, information, conversation, and recollection, which we have simplified to AICR. This page is a quick walk-through of the research process and final insights.
This is a project from HCI core course, User-Centered Research and Evaluation (UCRE). I enjoyed working with three wonderful graduate & undergraduate CMU students from mixed majors.
(There are quite a lot of images for this project! Please use the alternate pdf linked below if it's too long to load. ;)
大大小小的公共艺术散布在城市的角落,但大多过客对其漠不关心。许多公共艺术无法唤起观众的情感,也无法与民众建立个联系。该项目主要研究了如何在观众和城市公共艺术之间建立个人联系?通过访谈和语境方法,我们的研究表明,在城市中建立归属感包括四个步骤:吸引关注、传达信息、建立对话和制造回忆,我们将其简化为AICR。本页将简要展示研究过程和成果。
这是人机交互专业的核心课程“以用户为中心的研究与评估”(UCRE)的final project。很高兴能与三位来自不同专业的CMU研究生和本科生一起完成。
(本页图片较多,如果加载太慢的话请使用链接中提供的pdf,内容是相同的~ ;)
Year 2020
Type Research 研究
Tools --
Public art, though abundant in large cities, feels indifferent to most passengers. Many public arts fail to invoke viewers’ feelings and are unsuccessful in establishing personal connections. So, we chose to investigate: how might we increase the personal connections between viewers and the art? Through interviews and contextual methods, our research implied that establishing a sense of belonging in a city consists of a four-step process: attraction, information, conversation, and recollection, which we have simplified to AICR. This page is a quick walk-through of the research process and final insights.
This is a project from HCI core course, User-Centered Research and Evaluation (UCRE). I enjoyed working with three wonderful graduate & undergraduate CMU students from mixed majors.
(There are quite a lot of images for this project! Please use the alternate pdf linked below if it's too long to load. ;)
大大小小的公共艺术散布在城市的角落,但大多过客对其漠不关心。许多公共艺术无法唤起观众的情感,也无法与民众建立个联系。该项目主要研究了如何在观众和城市公共艺术之间建立个人联系?通过访谈和语境方法,我们的研究表明,在城市中建立归属感包括四个步骤:吸引关注、传达信息、建立对话和制造回忆,我们将其简化为AICR。本页将简要展示研究过程和成果。
这是人机交互专业的核心课程“以用户为中心的研究与评估”(UCRE)的final project。很高兴能与三位来自不同专业的CMU研究生和本科生一起完成。
(本页图片较多,如果加载太慢的话请使用链接中提供的pdf,内容是相同的~ ;)
Year 2020
Type Research 研究
Tools --
Design Hero
A multimedia, 4-part project celebrating Dr.Edward Tufte's work.
从四个维度(动画、网页、手机应用、纸质书)介绍著名设计师Edward Tufte的设计作品。
Design Hero
——
A multimedia, 4-part project celebrating Dr.Edward Tufte's work.
——
从四个维度(动画、网页、手机应用、纸质书)介绍著名设计师Edward Tufte的设计作品。
Many designers have their own design heroes that guide their lives and careers. For me, one among them is Dr. Edward Tufte. In this multi-part project, I created a booklet, a short informational video & a multipage website to showcase and celebrate his inspirational book designs, data visualizations, and landscape arts.
许多设计师都有自己的标杆,业界前辈启发着我们,为我们的设计指明方向。对我来说,其中之一就是信息设计大师Edward Tufte。此项目通过多种媒体形式来展示和介绍他极具感召力的书籍、数据可视化和景观艺术。
Year 2020
Type Animation / Print / Web 动画 / 印刷品 / 网站
Tools Ae, Indesign, Html/Css
Many designers have their own design heroes that guide their lives and careers. For me, one among them is Dr. Edward Tufte. In this multi-part project, I created a booklet, a short informational video & a multipage website to showcase and celebrate his inspirational book designs, data visualizations, and landscape arts.
许多设计师都有自己的标杆,业界前辈启发着我们,为我们的设计指明方向。对我来说,其中之一就是信息设计大师Edward Tufte。此项目通过多种媒体形式来展示和介绍他极具感召力的书籍、数据可视化和景观艺术。
Year 2020
Type Animation / Print / Web 动画 / 印刷品 / 网站
Tools Ae, Indesign, Html/Css
Color & Type & Motion Studies
Color & Type & Motion Studies
Pieces from here and there. I just love to play with graphics, color, and type, still or in motion, big or small. Observing how images reside on products and in environments helps me grow and brings me joy.
各类小作品,小练习合集。
Year --
Type --
Tools Various
Pieces from here and there. I just love to play with graphics, color, and type, still or in motion, big or small. Observing how images reside on products and in environments helps me grow and brings me joy.
各类小作品,小练习合集。
Year --
Type --
Tools Various
F21 Daily Sketches
F21 Daily Sketches
Draw something every day ;)
修勤不缀,每日一画。
Year 2021
Type Drawing 速写
Tools Procreate
Draw something every day ;)
修勤不缀,每日一画。
Year 2021
Type Drawing 速写
Tools Procreate
Phipps VR Experience
A personalized yet sharable VR tour designed for a local botanical garden.
为匹兹堡植物园定制的个性化且可分享的VR游园体验。
The project orients to make existing activities at Phipps, a well-loved Pittsburgh Plant Conservatory, more relatable and memorable with advanced techs such as Vive gaze tracking and other MR models.
The design aims to help visitors convert abstract mental representations to images and 3d models wherever they are in the browsing process. The interactions are mainly targeted at students, travelers, and parents but have something for everyone owing to a strong sharing feature.
PS: I would say the process behind the sketch video is more valuable than the final video itself. When I was building this site and collecting files for projects, I read through this medium post again. I tried to create a condensed version of it, but every bit of it is so real, memorable, and important that I couldn't get rid of any.
自1919年开园以来,Phipps一直是深受匹兹堡居民喜爱是的植物园。该项目旨在利用Vive凝视跟踪和其他Mixed Reality模型等,为 Phipps的参观体验增加一些新潮的科技元素。
该设计旨在帮助游客在浏览过程中将一些抽象的语言描述和个人想象转化为可视、可收集、可共享的图像和3d模型。互动主要针对学生、旅行者和家长。
又及:我从这个project中受益良多。个人感觉视频背后的设计流程比最终视频本身更有价值~做这个作品集网站的时候,自己又重新读一边meidum上的过程记录,本来想要写一个精简版放在这里, 不过发现很难去删减,少了最开头的每一步,每一次尝试都无法得到现在这个方向和结论。想起大一入学的时候热衷于在做project时同步做炫酷的文档,结果注意力完全被分散去做文件了,没在全心全意解决该设计所要解决的问题!现在AE技术进步不少,所以看这个视频经常觉得不爽,有很多很多想改的地方,不过还是把他放在这里~当做自我留念。
Year 2019
Type VR prototyping / UX VR原型 / 交互设计
Tools Ae, Tilt Brush
Phipps VR Experience
——
A personalized yet sharable VR tour designed for a local botanical garden.
——
为匹兹堡植物园定制的个性化且可分享的VR游园体验。
The project orients to make existing activities at Phipps, a well-loved Pittsburgh Plant Conservatory, more relatable and memorable with advanced techs such as Vive gaze tracking and other MR models.
The design aims to help visitors convert abstract mental representations to images and 3d models wherever they are in the browsing process. The interactions are mainly targeted at students, travelers, and parents but have something for everyone owing to a strong sharing feature.
PS: I would say the process behind the sketch video is more valuable than the final video itself. When I was building this site and collecting files for projects, I read through this medium post again. I tried to create a condensed version of it, but every bit of it is so real, memorable, and important that I couldn't get rid of any.
自1919年开园以来,Phipps一直是深受匹兹堡居民喜爱是的植物园。该项目旨在利用Vive凝视跟踪和其他Mixed Reality模型等,为 Phipps的参观体验增加一些新潮的科技元素。
该设计旨在帮助游客在浏览过程中将一些抽象的语言描述和个人想象转化为可视、可收集、可共享的图像和3d模型。互动主要针对学生、旅行者和家长。
又及:我从这个project中受益良多。个人感觉视频背后的设计流程比最终视频本身更有价值~做这个作品集网站的时候,自己又重新读一边meidum上的过程记录,本来想要写一个精简版放在这里, 不过发现很难去删减,少了最开头的每一步,每一次尝试都无法得到现在这个方向和结论。想起大一入学的时候热衷于在做project时同步做炫酷的文档,结果注意力完全被分散去做文件了,没在全心全意解决该设计所要解决的问题!现在AE技术进步不少,所以看这个视频经常觉得不爽,有很多很多想改的地方,不过还是把他放在这里~当做自我留念。
Year 2019
Type VR prototyping / UX VR原型 / 交互设计
Tools Ae, Tilt Brush
A Study in Gill Sans
A multimedia, 2-part project introducing a classic font.
通过多媒体项目介绍一个经典字体。
A Study in
Gill Sans
——
A multimedia, 2-part project introducing a classic font.
——
通过多媒体项目介绍一个经典字体。
UberEats currently delivers food to millions of users all around the world. But for users that are behind the wheel, visually impaired, or simply prefer to multi-task, ordering food online can be a tricky task. How can we introduce a CUI (conversational user interface) assistant into the existing food ordering ecosystem to heighten the ordering experience?
世界上有很多经典字体被误用,因此被误解。该项目旨在介绍Gill Sans,通过一分钟的动画和杂志来致敬其独特的特点和历史。
Year 2022
Type Animation / Print 动画 / 印刷品
Tools Ae, Indesign
UberEats currently delivers food to millions of users all around the world. But for users that are behind the wheel, visually impaired, or simply prefer to multi-task, ordering food online can be a tricky task. How can we introduce a CUI (conversational user interface) assistant into the existing food ordering ecosystem to heighten the ordering experience?
世界上有很多经典字体被误用,因此被误解。该项目旨在介绍Gill Sans,通过一分钟的动画和杂志来致敬其独特的特点和历史。
Year 2022
Type Animation / Print 动画 / 印刷品
Tools Ae, Indesign
The Apple Book
Exploring grids, materials, typography, and bookbinding.
通过一本书探索非常规的版式,材料,装订方法。
The Apple Book
——
Exploring grids, materials, typography, and bookbinding.
——
通过一本书探索非常规的版式,材料,装订方法。
The catalyst for this project was inspired by long hours on Zoom, endless days of monotonous conversations, many filled staring blankly at the computer screen. The project allowed me to dive deep into making a beautiful book that tells the story of a simple everyday object, like an Apple in this case.
The end goal was to further my understanding of grids and create a more advanced typographic system, and discover my unique visual voice as a designer.
Texts are taken from Science of the Secondary: Apple, by Atelier Hoko. The prototype book was printed with an inkjet printer & bounded manually.
这个项目的灵感是受到长时间的Zoom、没完没了的单调对话、许多人茫然地盯着电脑屏幕的启发。
长时间的远程办公总让我们的生活节奏越来越快,常常忽视了生活中的简单而美好的瞬间。这个项目通过一本传统纸质书,讲述苹果这样一个简单的日常物品的故事。
书中的文本摘自Atelier Hoko的《Science of the Secondary: Apple》。照片中的原型书是喷墨打印并纯手工装订的。
Year 2021
Type Print 印刷品
Tools InDesign, Ps
The catalyst for this project was inspired by long hours on Zoom, endless days of monotonous conversations, many filled staring blankly at the computer screen. The project allowed me to dive deep into making a beautiful book that tells the story of a simple everyday object, like an Apple in this case.
The end goal was to further my understanding of grids and create a more advanced typographic system, and discover my unique visual voice as a designer.
Texts are taken from Science of the Secondary: Apple, by Atelier Hoko. The prototype book was printed with an inkjet printer & bounded manually.
这个项目的灵感是受到长时间的Zoom、没完没了的单调对话、许多人茫然地盯着电脑屏幕的启发。
长时间的远程办公总让我们的生活节奏越来越快,常常忽视了生活中的简单而美好的瞬间。这个项目通过一本传统纸质书,讲述苹果这样一个简单的日常物品的故事。
书中的文本摘自Atelier Hoko的《Science of the Secondary: Apple》。照片中的原型书是喷墨打印并纯手工装订的。
Year 2021
Type Print 印刷品
Tools InDesign, Ps
Isolation of Elderlies
Explaining a wicked problem with a giga map.
用可视化的形式探究复杂的社会问题背后的诱因及解决问题的切入点。
Isolation of Elderlies
——
Explaining a wicked problem with a giga map.
——
用可视化的形式探究复杂的社会问题背后的诱因及解决问题的切入点。
As a senior age, their life can become more isolated. There are many possible causes and effects of this problem. The government and various organizations have attempted to solve this wicked problem.
This map aims to explain the root causes, major effects, and current solutions of the issue, as well as the reasons at different scales. Through visualization of the system of the wicked problem, we, as designers and system thinkers, have come up with a couple of justifiable solutions.
空巢老人数量增加是当今社会的一大的问题。随着年龄的增长,一些老人的生活会变得愈加孤立。然而该问题背后的原因错综复杂。该图旨在探索老人社交孤立的根本原因、主要影响,在社会,家庭,个人层面提出可能的解决方案。
Year 2019
Type Mapping / Systems
Tools Figma, Ai
Relevant Link Pdf of the map Pdf
As a senior age, their life can become more isolated. There are many possible causes and effects of this problem. The government and various organizations have attempted to solve this wicked problem.
This map aims to explain the root causes, major effects, and current solutions of the issue, as well as the reasons at different scales. Through visualization of the system of the wicked problem, we, as designers and system thinkers, have come up with a couple of justifiable solutions.
空巢老人数量增加是当今社会的一大的问题。随着年龄的增长,一些老人的生活会变得愈加孤立。然而该问题背后的原因错综复杂。该图旨在探索老人社交孤立的根本原因、主要影响,在社会,家庭,个人层面提出可能的解决方案。
Year 2019
Type Mapping / Systems
Tools Figma, Ai
Relevant Link Pdf of the map Pdf
Pads, Tampons, Cups, and more
A guidebook and starter kit designed for young teens, persuading them to feel more empowered to have conversations about their menstrual cycles.
A guidebook and starter kit designed for young teens, persuading them to feel more empowered to have conversations about their menstrual cycles.
Pads, Tampons, Cups, and more
——
A guidebook and starter kit designed for young teens, persuading them to feel more empowered to have conversations about their menstrual cycles.
——
A guidebook and starter kit designed for young teens, persuading them to feel more empowered to have conversations about their menstrual cycles.
Although there is a plethora of information about menstrual cycles available to us on the internet and in print, this information can be difficult to access for young girls getting their periods for the first time. Oftentimes, this information can also be misleading and does not capture a diverse array of experiences. Our project aims to persuade young girls going through puberty to feel more empowered to have conversations, seek help, and learn more about their menstrual cycles. We also aim to communicate that there is no one-size-fits-all when it comes to the menstrual cycle and other bodily changes. Our audience is focused more on young teens that are experiencing their first period, but we will also provide information and provoke empathy to other gender identities that don’t experience periods.
Year 2022
Type Print / Illustration 印刷品 / 插画
Tools Figma, Ps
Although there is a plethora of information about menstrual cycles available to us on the internet and in print, this information can be difficult to access for young girls getting their periods for the first time. Oftentimes, this information can also be misleading and does not capture a diverse array of experiences. Our project aims to persuade young girls going through puberty to feel more empowered to have conversations, seek help, and learn more about their menstrual cycles. We also aim to communicate that there is no one-size-fits-all when it comes to the menstrual cycle and other bodily changes. Our audience is focused more on young teens that are experiencing their first period, but we will also provide information and provoke empathy to other gender identities that don’t experience periods.
Year 2022
Type Print / Illustration 印刷品 / 插画
Tools Figma, Ps
For the First Time in a Generation
A short film propagating old-growth forest conservation.
提倡森林保护的公益短片。
Logging is still a massive generator of wealth in many countries. The job opportunities created by this industry are the major contributor to provincial GDP. However, the profit created is at the cost of future generations because it is not a sustainable practice.
This short film targets young adults, aims to raise their awareness of the issue, and, most importantly, to persuade them that logging of old-growth trees is not a necessary evil and it is our generation’s responsibility to take action against old-growth forest logging.
在许多地区,伐木仍然是主要的经济来源。该短片主要面向青年人发出号召,让广大青少年意识到反对砍伐天然森林是我们这一代人的责任,并采取行动。
Year 2022
Type Animation 动画,短视频
Tools Ae
For the First Time in a Generation
——
A short film propagating old-growth forest conservation.
——
提倡森林保护的公益短片。
Logging is still a massive generator of wealth in many countries. The job opportunities created by this industry are the major contributor to provincial GDP. However, the profit created is at the cost of future generations because it is not a sustainable practice.
This short film targets young adults, aims to raise their awareness of the issue, and, most importantly, to persuade them that logging of old-growth trees is not a necessary evil and it is our generation’s responsibility to take action against old-growth forest logging.
在许多地区,伐木仍然是主要的经济来源。该短片主要面向青年人发出号召,让广大青少年意识到反对砍伐天然森林是我们这一代人的责任,并采取行动。
Year 2022
Type Animation 动画,短视频
Tools Ae
Type101
——
A site on Typography.
——
一个关于字体学的网站。
This is a simple website that teaches non-design people about basic typography.
ps: Actually, it is the final project for 05430 Programmable
Usable Interface. I had a lot of fun doing this little project ;) I misplaced the ddl on the wrong calendar grid, and The whole thing was coded in about one day so excuse the quality. I like the visual part though.
一个简单的网站,向非设计从业者科普一些基本的字体学及排版知识。
Year 2022
Type Web 网站
Tools Html/Css, Figma
Relevant Link Type101 Type101网站
Heyyy. This is Jenny, a senior communication design student at Carnegie Mellon University School of Design majoring in Design and Human Computer Interaction (HCI). I love to play with graphics, color, and type, still or in motion, big or small. Observing how images reside on products and in environments helps me grow and brings me joy. I draw and sketch all the time, either with a Wacom tablet or with a simple, basic black pen on paper. Expressing ideas graphically helps a lot with my design process. Aside from all the design work, I am a passionate digital artist~
Contact: shuyul1@andrew.cmu.edu
获奖情况
你好!我是刘书玉,卡内基梅隆大学设计学院设计(Design)与人机交互 (HCI) 专业大四的学生。美术与设计是我工作和生活中不可或缺的一部分 —— 基本 可以说是五句话不离图形、颜色、字体、节奏、外剪影、内切分、点线面... ;D
观察分析并吸纳生活中大大小小小,或静或动的图像是我的乐趣源泉,更 让我进步成长 。我对研究用户、产品优化等课题也颇有兴趣。
工作之余,我是一个激情满满的cg画手~
Archive
所有项目
Color & Type & Motion Studies
--
Individual
--
个人
--
F21 Daily Sketches
Drawing
Individual
速写
个人
2021
Phipps VR Experience
VR prototyping / UX
Individual
VR原型 / 交互设计
个人
2019
A Study in Gill Sans
Animation / Print
Individual
动画 / 印刷品
个人
2019
The Apple Book
Print
Individual
印刷品
个人
2021
Isolation of Elderlies
Mapping / Systems
Individual
Mapping / Systems
个人
2019
Pads, Tampons, Cups, and more
Print / Illustration
Team
印刷品 / 插画
小组
2022
For the First Time in a Generation
Animation
Team
动画,短视频
小组
2022
Type101
Web
Individual
网站
个人
2020