Graphic Designer and Programmer
Designs brand identities, typographic systems, websites
and interactive experiences. BFA in Graphic Design from
Rhode Island School of Design. Previously at Studio Lin
and 2x4 New York.
Contact:
info@lorraine.li
IG @lorrr.l
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.
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
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.
Various formal explorations within conditions informed by shapes(e.g. rhombus, square, decagon, etc).
Some posters were done as part of a relay project.
(WIP)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.
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.
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.
