Generative identity proposal for the Math Museum in NYC using Lissajous Patterns as a dynamic element.

Website design and development for the RISD GD Senior Show themed Intersections.

Branding by Gabriel Abascal
Senior show committee: Damini Agrawal, Emily Mahar, Gabriel Abascal, Grace Young, Lorraine Li, Maddy Teh, Minji Koo, Xio Espana

intersections.risd.gd

Two-color(black and gold) Riso poster for the Mid-Autumn Day event by RISD CSSA.

A web poster that documents visualized user input. User enters the site, answers a simple question and chooses a color as an avatar, which mirrors the conventional action of RSVP. The site becomes a visualization of its users in an unordered fashion. Mobile version of the site shuffles according to device orientation.

howdoyoufeel.lorraine.li

Temporary site for the RISD Color Lab launch event.

The site acts as a shared canvas that each user can pour colors onto. The landing page that each user sees is created by the last user. Each user’s reading experience can be altered by other users who access/edit the site in real time.

Collaboration with Minkyoung Kim.

Font-remix is a web-based experiment that proposes modes of configuring letter forms. Using opentype.js and performing simple boolean operations on the vector letterforms, two open source typefaces are combined according to a variety of grids.

Kulangsu is a small island in south east China known also as “the island of music”, “the garden on the sea” and “the world expo of architecture”.

The visual identity draws inspiration from the wooden piano, dome roof, land and ocean, elements important to the presentation of this UNESCO World Heritage Site, as well as the fusion of different cultures and times as a result from being an international settlement in the 1900s.

A sound-reactive logo lockup. Type manipulation using opentype.js, p5.js.

Direction and design for the multimedia studio Seeeklab’s pop-up exhibition and store in Shanghai, translating their interactive installation works into retail product graphics, catalog, signage, marketing collaterals, etc.

Various formal explorations within conditions informed by shapes(e.g. rhombus, square, decagon, etc).

Some posters were done as part of a relay project.

Rebrand of Seelenband’s product line with the concept of “objects that encapsulate souls”, inspired by their approach to products and their name, which means “a band of souls”.

A generative tool was built for the logo, as a response for their production method of offering customization.

Print edition of a pubication accompanying the exhibition of works of Ginny Casey and Jessi Reaves. Spreads featuring the essay The Surface of Stuff, The Stuff of Surface.

The project attempts to destill the narrative of The Old Man And The Sea to meaningful symbols compiled with computational method, that visualizes the plot to some extent.

All sematic information are gathered from the text using Python, visualized using Processing for “type-setting” in Indesign.

*Footnotes in the book are quotes in the text that correspond to the bracketed line of symbols.

“Reading” The Stranger by Albert Camus using algorithms to visualize the reading experience and semantics of the novel.

A visual system was created to differentiate The Stranger from other literary work, highlighting the short sentences and frequent pauses of the writing that create an atmosphere of detachment, indifference and resignedness. Each white pixel represent a pause with a sencence fragment in between. Associated with the impact they have on readers, shorter fragments are darker and longer fragments are lighter in color.

Another poster ranks the most frequent phrases to stitch together a version of the narrative.

Information was gathered from the 34,698-word novel using Python, visualized using Processing.