SML Search

Showing posts with label Yale. Show all posts
Showing posts with label Yale. Show all posts

Friday, January 4, 2013

Black, white, and graphic design — a look back on my typography in my Yale college days

No comments:

1995 marks the beginning of my graphic design career. I went to Yale originally to study architecture but I decided to take some graphic design classes because I thought that it would help as I didn’t know anything about design.

The decision to study art was mostly rebellious in nature. Unlike my classmates who mostly come from a fine art background, I was a science nerd in high school (1). I decided to study art mainly because I was sick of living under the shadow of my older sister (2). I also thought that it would make sense for me to utilize the opportunity to study something I know nothing about (3).

The graphic design program at Yale was mostly typography driven. That is, Yale does not really teach graphic design the way other art schools do (4). The only actual “skill” that was taught is typography. There are no rules. Assignments are extremely open-ended. Typically the assignments are something that can be summarized in a sentence—e.g. “Do something with the the dollar bill.” You can interpret the assignment in anyway you see fit. So it was fun to see what ended up showing up in class the next week.

“Black, white, and graphic design: a look back on my typography in my Yale college days” #design #smlphil / SML.20130101.PHIL.SML.Design.Typography.History.Yale.Edu.Opinions

In my free time I work on designs for student events and journals because it was fun. Usually I designed everything in black and white first because my HP LaserJet only prints black and white (5) so using colors would mean not being able to see how things are until I spend money to then print them in color at the printshop. Color printing (Fiery) was expensive in those days, so to save costs for most projects we also ended up printing things in black and white. What I learned doing this was that black and white is usually a good first step to do any designs. If something does not work in black and white then there is no reason to go color. This is a philosophy that I utilize even when I design for interface these days. It is a good metric as a small percentage of people are colorblind, so to fulfill true universal usability requirements, the interface must work even when viewed in black and white.

I was introduced to the beautiful designs by Emigre (6) and Eye Magazine (7) by my Yale professors (8). As such my designs during my college days also feature a ton of Emigre fonts—mostly I think because I don't really know of other foundries maybe. I learned the fine art of grid layout mostly by reading Eye. Yale does not teach layouts (as noted above and also in footnote 4), so I learn by observing how the masters do it and interpret things on my own.

The Yale design philosophy is simple: question everything—why and why not. There are no rights and wrongs. Critiques at Yale are very open ended. But we need to justify every single decision we make. Questions: why is the type set in this font? Why this size? Why is the image placed here? We ask only why, and we must be able to reason everything. In the end, what was taught is removal of all things unessential until the final product becomes an extreme reduction of TMIs. When I look at designs today, I see all kinds of added ornaments: swash, drop shadows, rounded corners—decorations. To me, good designs need no embellishment. Good designs speak for themselves.

Good design is clean and clear. Good design communicates. Good design is transparent. When you see good design, the apparent design disappears and all you see is the message.

Pictured from top:

  • Discourses: an Asian American journal of arts and criticisms. Volume 2 No 1. PDF amazingly still live on the web: www.yale.edu/discourses/images/dis_2.pdf Edited by Pearle Lee and Jaya N. Kasibhatla. Pearle is now my client for a hedge fund after I moved back to Hong Kong — crazy yes? Seems even though I was a social-phobe in college some friendships do last forever.
  • Program notes from Jonathan Edwards College Chamber Players. Brett Austad and Joshua Richman, music directors. Olivia Blander MUS ’98, Heather Losey CC ’98, Daniel Adamson DC ’98, Rafenna Michalsen TC’01, Betsy Tao BK ’98, Rebecca Reich DC’00, David Blasher DC’01, Andrew Guenzer DC’01. April 28, 1998.
  • Kurasawa Film Festival program notes. A tribute to Akira Kurosawa by the Yale Film Society, Council on East Asian Studies, and Yale College Japan Association. Organization committee: Rene Brar, Andrew J Cohen, Aaron Epstein, Makiko Kitamura, Shoshana Litt, Geoffrey Sledge. January 24-29, 1999. Whitney Humanities Center.

Notes:

  1. To give a perspective on this, my organic chemistry class in high school fulfills the lab requirements for “freshman orgo” designed for premed students under the tutelage of McBride. I also took Physics 220 and other classes while at Yale with other premed nerds.
  2. MSL also went to Yale to study Molecular Biophysics and Biochemistry. She graduated summa cum laude / second in her class (CC’99) and went on to study at Harvard Medical School and Columbia Medical School and become the MD PhD that she is today. She snapped a ton of patents in AIDS research and published several papers on Nature for discovering the protein related to Alzheimer’s. Looking back, my decision to study art was sound because there is no way I will ever become anyone stuck behind the expectations from other people to achieve as well as she does.
  3. Most people I know go to school to earn good grades to look good on their CV. I thought that the tuition was hard earned money by my dad so I studied a ton of things which I knew nothing about: accounting, gender studies, computer law, operational research. I did not get very good grades from these, but the knowledge I gained from learning these subjects are beneficial to my day-to-day work to this day.
  4. The philosophy (I believe) is that you can learn software on your own so no classes will teach you how to use them. Design as a visual language is highly subjective so it does not really make sense to critique what is good or bad. So unlike many art schools where the graduation show is filled with designs with a particular style, the graduation shows at Yale are always very interesting because students show projects which show a huge range of diversity.
  5. I had the HP LaserJet 4MV. It prints 11 x 17 in (US Tabloid). It was awesome. http://en.wikipedia.org/wiki/HP_LaserJet_4#4V
  6. Emigre, also known as Emigre Graphics, is a digital type foundry, publisher and distributor of graphic design centered information based in Berkeley, California, that was founded in 1984 by husband-and-wife team Rudy VanderLans and Zuzana Licko. The type foundry also published Emigre magazine between 1984 and 2005. Note that unlike the word émigré, Emigre is officially spelled without accents. http://en.wikipedia.org/wiki/Emigre
  7. Eye Magazine, The International Review of Graphic Design is a quarterly print magazine on graphic design and visual culture. First published in London in 1990, Eye was founded by Rick Poynor, a prolific writer on graphic design and visual communication. Poynor edited the first twenty-four issues (1990-1997). Max Bruinsma was the second editor, editing issues 25–32 (1997–1999), before its current editor John L. Walters took over in 1999. Stephen Coates was art director for issues 1-26, Nick Bell was art director from issues 27-57, and Simon Esterson has been art director since issue 58. en.wikipedia.org/wiki/Eye_(magazine)
  8. I owe much of who I am today to the years of patience and encouragement to my graphic design professors: John Gambell, Paul Elliman, Jenny Chan and Michael Rock. SML Thank You.

/ SML.20130101.PHIL.SML.Design.Typography.History.Yale.Edu.Opinions
/ #smlphil #smlhistory #smlopinions #smledu #seeminglee #smlme #ccby #smlphotography #smluniverse
/ #yale #edu #history #design #typography #philosophy #us #graphicdesign #opinions #ux #userexperience #usability #eye #eyemagazine #emigre #fonts #grid #layouts
/ #HongKong #HK #香港 #China #中國 #中国 #MaOnShan #馬鞍山

Wednesday, March 26, 2008

GoCrossCampus = Massively multiplayer game built on your social networks

No comments:

GoCrossCampus is the latest online game swiping across the college dorms on the internet.

Built as a massively multi-player online strategy game similar to board games like Risk, this online gaming venture created by four Yalies and a Columbia undergrad is being compared to Facebook by the New York Times.

It's not another social networking site (thank goodness) but the game play that's easy to pick up reminds me a little bit of the snowball-throwing apps that made Facebook successful (and consequently annoying), and consequently helps you maintain the weak ties (and thus by network theories, strong connections) in your social network.

I tried it out today playing on the Yale alumni game:

GoCrossCampus: SML controlled by Morse / 2008-03-25 / SML Screenshots (by See-ming Lee 李思明 SML)
Friends of the SML Universe would note that according to this screenshot, SML is currently controlled by Morse. SML, in this case, refers to Sterling Memorial Library, and should not be confused with yours truly.

In a gist, each participant represents a member of a larger team, each has a captain which can give private orders to its team mate. Participants made their own move for each turn (which lasts for a day?) following the masterminds of their team leaders (or not). Over time, teams conquer territories which resembles real physical location of the place.

I had fun so far, and during the visit spotted some old friends from college.

The games online currently are targeted to students and alumni of selected universities, but they are open to organizations who may wish to play.

Source: Jim Orsi via IconSpam

Related SML Universe
+ SML Wiki: Go Cross Campus

©2008 See-ming Lee 李思明 SML / SML Pro Blog / SML Universe. All rights reserved.

Monday, January 14, 2008

You can do it if you want to

1 comment:

When I first got into Yale, I didn't really know what I wanted to do. I studied pure science classes in high school and I was very good at it. I took science classes because the tests have absolute answers: if you put in the right answers, you get an A.

The problem with studying science in college is that I know that I can never be better than my sister. My sister is a genius. While I dominated the awards at high school, she swept them. Since she also went to Yale and was studying Molecular Biophysics and Biochemistry, I decided that I had to study something else.

Originally I picked architecture, because it appeared to combine art and science, which is the synergetic focus that I have always been interested in. Before the class of 1999, all architecture students were required to take Basic Drawing from the School of Art. They dropped that requirement for my year, but I thought that it must be a good thing so I took it.

I had zero art education before I went to Yale, so when I was faced with charcoal and paper, I was fairly scared. Most students attending the class had extensive art education, and have impeccable skills. I didn't really know what to do with my materials. When questioned, my professor just told me to draw what you see.

I had never touched a charcoal in my life, and I spent my whole semester trying. Looking back, it appears that I am most satisfied with work that I really put my heart to. I don't think that I can draw still. But it appears that if spend enough time on anything, I can do it.

Here are some of my favorites from the old days:

Yale School of Drama

Yale School of Drama / 1997 / SML (by See-ming Lee 李思明 SML)

Yale School of Drama / 1997 / SML (by See-ming Lee 李思明 SML)

Yale School of Drama / 1997 / SML (by See-ming Lee 李思明 SML)

Yale School of Drama / 1997 / SML (by See-ming Lee 李思明 SML)

Still Life

Still Life / 1996 / SML (by See-ming Lee 李思明 SML)

Still Life / 1996 / SML (by See-ming Lee 李思明 SML)

Remember, you can do it if you want to.

©2008 See-ming Lee 李思明 SML / SML Pro Blog / SML Universe. All rights reserved.

Monday, October 22, 2007

Test Card: 42: Design: The Basic Copy Process / 1998 / SML Graphic

No comments:
SML Flickr: Yale Art 366a: Visual Studies: Test Card: 42: Design: The Basic Copy Process / 1998 / SML Graphic Design


Test Card 8.5x11 for a black & white photocopy machine / 1998 / SML Graphic Design

Assignment

Art 366a Visual Studies
Fall Semester 1998

T-TH 1:30-3:20, 215 Park Street
Paul Elliman, Instructor
paul.elliman [at] yale.edu

1. Testcard

(Week 1-2) Devise a testcard, 8.5x11, for a black & white photocopy machine

The card is basically a set of questions or exercises - point, type specimen, line, pattern, half-tone, grey-scale spectrum, moire - designed to test the machine's effectiveness or value.

The testcard should explore not only the effective (proper?) function of the photocopier, but also any other qualities (Test the limits of its language/your language)

Investigate both the history and teh working mechanics of thsi machine, then (week 3-4) extend the scope of the testcard to include this kind of informaion.

Process (42 pages)
+ 1: Assignment
+ 2: Research: The Atlantic Monthly: 2006-02: pp.64: Copies in Seconds by David Owen
+ 3: Research: The Atlantic Monthly: 2006-02: pp.65: Copies in Seconds by David Owen
+ 4: Research: The Atlantic Monthly: 2006-02: pp.66: Copies in Seconds by David Owen
+ 5: Research: The Atlantic Monthly: 2006-02: pp.67: Copies in Seconds by David Owen
+ 6: Research: The Atlantic Monthly: 2006-02: pp.68: Copies in Seconds by David Owen
+ 7: Research: The Atlantic Monthly: 2006-02: pp.69: Copies in Seconds by David Owen
+ 8: Research: The Atlantic Monthly: 2006-02: pp.70: Copies in Seconds by David Owen
+ 9: Research: The Atlantic Monthly: 2006-02: pp.71: Copies in Seconds by David Owen
+ 10: Research: The Atlantic Monthly: 2006-02: pp.72: Copies in Seconds by David Owen
+ 11: Research: The Atlantic Monthly: 2006-02: pp.73: Copies in Seconds by David Owen
+ 12: Research: Anatomy of a Xerox test card
+ 13: Research: Anatomy of a Xerox test card
+ 14: Sketches: 1
+ 15: Sketches: 2
+ 16: Sketches: 3
+ 17: Sketches: 4
+ 18: Xerox: Historial Highlights: 1
+ 19: Xerox: Historial Highlights: 2
+ 20: Xerox: Historial Highlights: 3
+ 21: Xerox: Historial Highlights: 4
+ 22: Xerox: Historial Highlights: 5
+ 23: Xerox: Historial Highlights: 6
+ 24: Xerox: Historial Highlights: 7
+ 25: Xerox: Historial Highlights: 8
+ 26: Sketches: 5
+ 27: Skethces: 6
+ 28: Research: Basic Copier Operation: 1
+ 29: Research: Basic Copier Operation: 2
+ 30: Design: The working of a xerox machine: 1
+ 31: Design: The working of a xerox machine: 2
+ 32: Sketches: 7
+ 33: Sketches: 8
+ 34: Research: Basic Copier Model: 1
+ 35: Research: Basic Copier Model: 2
+ 36: Design: Anatomy of a Basic Copier
+ 37: Design: The Basic Copy Process
+ 38: Design: Anatomy of a basic copier
+ 39: Design: Anatomy of a basic copier
+ 40: Design: The Basic Copy Process
+ 41: Design: The Basic Copy Process
+ 42: Design: The Basic Copy Process

SML Copyright Notice
Copyright 1998 See-ming Lee / SML Flickr / SML Universe. All rights reserved.

SML Copyright Notice

©2007 See-ming Lee 李思明 SML / SML Ideas Blog / SML Universe. All rights reserved.

Library Public Notice: 8: Design Iteration 4: Combining photography and Illustration / 1998 / SML

No comments:
SML Flickr: Library Public Notice: 8: : Design Iteration 4: Combining photography and illustration / 1998 / SML


Yale Art 366a / 1998
Visual Studies / Paul Elliman
Notice above copy machine to get people to handle books with care when photocopying.

+ It's fairly amazing what can happen when you combine the language of the real (photographic) and illustration / iconic.
+ It's also interesting to me now looking back that I appear to be fascinated with patterns and magenta since at least 10 years ago!


Process (8 pages)
+ 1: Design Iteration: Patterns / Odd-man out
+ 2: Design Iteration: Patterns / Odd-man out (Detail)
+ 3: Sketches
+ 4: Design Iteration 2: Missing pages as illustrated: 1
+ 5: Design Iteration 2: Missing pages as illustrated: 2
+ 6: Design Iteration 2: Missing pages as illustrated: 3
+ 7: Design Iteration 3: Missing pages using a real book
+ 8: Design Iteration 4: Combining photography and illustration

Related SML Universe
SML Ideas
SML Notebook
SML Projects

Copyright Notice
Copyright 1998, 2007 See-ming Lee. All rights reserved.

SML Copyright Notice

©2007 See-ming Lee 李思明 SML / SML Ideas Blog / SML Universe. All rights reserved.

Library Public Notice: 8: Design Iteration 4: Combining photography and Illustration / 1998 / SML

No comments:
SML Flickr: Library Public Notice: 8: : Design Iteration 4: Combining photography and illustration / 1998 / SML


Yale Art 366a / 1998
Visual Studies / Paul Elliman
Notice above copy machine to get people to handle books with care when photocopying.

+ It's fairly amazing what can happen when you combine the language of the real (photographic) and illustration / iconic.
+ It's also interesting to me now looking back that I appear to be fascinated with patterns and magenta since at least 10 years ago!


Process (8 pages)
+ 1: Design Iteration: Patterns / Odd-man out
+ 2: Design Iteration: Patterns / Odd-man out (Detail)
+ 3: Sketches
+ 4: Design Iteration 2: Missing pages as illustrated: 1
+ 5: Design Iteration 2: Missing pages as illustrated: 2
+ 6: Design Iteration 2: Missing pages as illustrated: 3
+ 7: Design Iteration 3: Missing pages using a real book
+ 8: Design Iteration 4: Combining photography and illustration

Related SML Universe
SML Ideas
SML Notebook
SML Projects

Copyright Notice
Copyright 1998, 2007 See-ming Lee. All rights reserved.

SML Copyright Notice

©2007 See-ming Lee 李思明 SML / SML Ideas Blog / SML Universe. All rights reserved.

Tuesday, September 11, 2007

Numbers in a City: New Haven, CT / 1997 / SML Projects

No comments:
SML Flickr Set: Numbers in a City: New Haven, CT / 1997 / SML Projects (Thumbnails / Detail / Slideshow)



Summary


Typographic landscape of a city described through visually counting from 1 to 100.


Setup


These were shot with my first digital camera, the Sony Mavica FD7.


Statement


This was my first photography project. It started out as a project for a typography class while I was in college. Like most graphic design assignments at Yale, it was very open ended. We were asked to show the experience of a city through the language of typography. I have always been interested in numbers, and I as such I decided to run around New Haven and photograph numbers which represent the city, from 1 to 100.


The series is to be projected on the wall as a slideshow. The numbers are recognizably New Haven, and most who have been in New Haven can recognize the sense of time and space as they go through the series. Some commented that it reminded them of Sesame Street.


It was so successful that I thought of extended this to different neighborhoods in New York, but I never had the time to work on more of them after college, and as such I have only completed the first and only one...


The original series was displayed via a conventional slide projector. In order to best-simulate the original intention on a computer, view the set as a slideshow and set the speed to fast.


Related SML



SML Copyright Notice


Copyright 1997 See-ming Lee (SML Flickr / SML Pro Blog). All rights reserved.

Wednesday, August 29, 2007

Harvard Sucks / Lux et Veritas

No comments:

Harvard Sucks, the Video Evidence




On November 20, 2004, at the annual Yale-Harvard football game, Yale students used a card stunt to trick more than 1,800 Harvard fans into holding up placards that spelled "WE SUCK."


Michael Kai and David Aulicino, two Yale students from the Class of 2005, created and coordinated the plan. Disguised as the "Harvard Pep Squad," they and twenty classmates handed white and crimson placards to fans in the central area of the Harvard side of the stadium, which comprised primarily of Harvard alumni, as well as a few faculty, students, and other fans. The group told the crowd that by lifting the placards they would spell "GO HARVARD." The placards were actually arranged to spell "WE SUCK."



Harvard Sucks, the Chant





Harvard Sucks, an Objective Perspective


Harvard is a private university in Cambridge, Massachusetts, USA and a member of the Ivy League. Initially referred to simply as "the new college", the institution was named Harvard College on March 13, 1639, after its first principal donor, a young clergyman named John Harvard. (Wikipedia: Harvard University)


Suck refers to the act of sucking, the creation of a partial vacuum, a slang term for the United States Marine Corps, and oral sex, particularly fellatio. (Wikipedia: Suck)


For God, for Country and for Yale


Lux et Veritas,


See-ming


Copyright 2007 SML Public Media. All rights reserved.

Wednesday, July 25, 2007

DESIGN REMIXED: PROJECT PROJECTS

No comments:

DESIGN REMIXED: PROJECT PROJECTS
sponsored by AIGA & Apple

Prem Krishnamurthy and Adam Michaels of Project Projects will present some of the studio's recent work and discuss their design process. The lecture is free and open to the public.

Prem is a good friend of mine from college. He is fluent in German and has worked at MetaDesign in Berlin with Erik Spiekermann. He has a very viral personality--a true original. Highly recommended. I'll be going so let me know so we can go together. :)

Wednesday, 25 July 2007
6:30 - 8:00 PM
Apple Store, Soho
103 Prince St
New York, NY
Map

About Project Projects (from the event detail)


Project Projects is a design studio focusing on print, identity, and interactive work for clients in the cultural sector. Founded by Prem Krishnamurthy and Adam Michaels, the studio’s clients include Phaidon, Princeton Architectural Press, Steven Holl Architects, and White Columns. Project Projects also collaborates with architects, artists and writers on independent projects.