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

(Please email info@lorraine.li to request a Beta version or inquire about a collaboration.)

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

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.

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

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.

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

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

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

The project attempts to distill the narrative of The Old Man And The Sea to meaningful symbols compiled with computational method, with hopes to create a visual story parallel to the cannon narrative.

All semantic 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 sentence 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.