A4.2 Design System — progress update

Ariel Li
4 min readMar 24, 2021

This week I continue to work on the design system assignment with a focus on the poster.

Here are some inspirations —

I like the dense but desaturated red color lines as a background
1. I like how the word “invisible” blends in. 2. I like the grey background with one green color pops out 3. I love how the color blends and fades
more ideas & sketches
my sketch of the type — but the word invisible is too small here.
thank Tina for helping me find how to make Artboards further from each other!
working in illustrator; trying different shapes and arrangment

Final work —

two versions with a bit difference of how I arrange the location

The white background version is mellow; later added a black background version — feel like a universe & deeper… maybe some artwork are “lost” and “invisible” in this way.

not sure which one looks better — I feel a sense of movement from the left one; yet the right one is more symmetrical so maybe it makes audience feel better…?

And here is a comparison for 3 versions —

I think I like the middle one the most (two black background versions)

WEBSITE

For the website design, here are my new sketches — using circles as little planets / bubbles — I still find it a bit hard to imagine & plan the grid first to allocate these circles.

version 1 — but forgot to allocate the content of home page
version 1.1 of the web page, adding the home page content
version 2 — not sure if the home page is not to legible since the start of each line is corresponding to the curve of the circle.
version 3 — footer circles’ sizes need to be adjusted… I am not sure if they look good aligned in a vertical line.

ARTICLE SPREAD

I try to incorporate the circle shape but not sure if it looks pretty… or weird?

I’m also not sure how to set up the grid system in this case.

I realize that as a designer I am indecisive when I have several versions to choose from… I think it takes practice and I will try to be patient.

questions to think about —

  1. I found it hard to decide which grid system to use for my poster especially with the 3 circles ( I wonder if I should let the start of the sentences be curvy following the circle’s curve.) I can set the grid based on the word “invisible” or “DESIGN” but I am a bit confused how I should make the decision.
  2. for the word “invisible” I use mini circles to represent “i” but for the type, the top of ‘i’ is a little square, but I am not sure how to only save the square part of the i — is it the only way to use Photoshop?
  3. The word “invisible” is not too visible, but maybe that’s the point?…
  4. maybe I can make the big circles which contain the content of the symposium to gooey amorphous shapes.
  5. for my article spread and website — I will integrate the circle with gradient color & type. Though for the article spread I am thinking about making the circle very big and let the start of the sentence follow the curve line — considering it will decrease the legibility… I am not sure if I should go for it, but I should give it a try in Indesign and see how it goes.
  6. Can I edit the date information? ex. state it’s EST at one place, instead of repeating it several times.

--

--

Ariel Li
0 Followers

Designer & Creative Thinker at NYU IDM