Photography | Mark Watkins

Compose, Connect, Create

Concept Buckets

The Sea

Water, ocean, sea, beach towns and island villages. Vinalhaven, Carmel, La Jolla, Encinitas, Pacifica.

Red

A tool for commanding attention. “Don’t be afraid to pump up red with Photoshop!” ~ Ansel Adams probably.

Dust

Shots from Burning Man.

Urban

The city as a machine for politics and recreation.

Light It Up

Highlighting lighting conditions and/or hammy kids and friends.

Retro Font ITC Benguiat

Kind of a retro nerd style with a hint of grunge in the lighting scheme. David Carson probably hates it but anything that inspires even mini-documentaries on typography is watershed. Michelle Dougherty / Imaginary Forces.

Using Visual Analogies




Graphic by Anna V. Great ideas for motion graphics.

Show something familiar and analogize. If you know nothing else about visualization but pick the right analogy you are more than half way there. This is what a professional designer does – and there is no substitute for analogies. How do you choose the right analogy? In this grid I organized analogies from the abstract down to the more detailed. I grouped them by similarity in shape. The goal is to enable you to quickly see the possibilities and “try them on” your information. With time you’ll be able to do all of this in your head. But for now this is a shortcut.

The ISOTYPE, which stands for “International System Of TYpographic Picture Education”, is an approach to clearly visualizing social, technological, biological and historical facts in pictorial form designed for the new cross-border, multi-language world that was forming in the 30s and 40s. The book by the language’s founder Otto Neurath is free for download.

36. Isotype – shows quantities of things with the number of objects (shaped as icons) rather than by enlarging object size like in a bar chart. Isotype is a visual language invented by Otto Neurath.

2D Graphics | Mark Watkins

Book covers / eLearning / marketing / web banners / mockups.

Sample Projects

Book Covers & Marketing Collateral

Case study: Books covers, flyers, adverts, banners, cards
Client: Various
Description: Using the Adobe Suite to design and produce artwork for print, from 10 foot high banners to pocket-size iCards.

eLearning / Digital Training

Case study: eLearning design and development
Clients: Visa, Design Media, Vitesse Learning, Curriculum Technology
Description: I’ve designed and developed digital training tools off and on since 2005, beginning with Vitesse Learning in San Francisco when we used Flash for everything. Since 2014 I’ve been using Adobe Captivate. I have built many Drag and Drops, Multiple Choice quizzes, Fill in the Blanks, and other interactive activities, although those screens are not represented in the two examples that follow.
Links: San Diego Aiport Stewardship Program, CT2Learn Report Writing

Graphis (2013)


In 2013 I worked for Graphis Magazine, a publisher of annual compendiums of work by international design, advertising, and photography talent. I produced many new website design mockups and built some of them, including a standard issue WordPress blog. I managed a freelance Django Python developer and a few design interns and blog writers. Job also entailed proposing new functionality, tracking and interpreting Google Analytics, making eBooks, streamlining InDesign processes, space planning, curating for museum outreach, providing tools for institutional clients, prioritizing, troubleshooting, and customer support.

Graphis
Graphis Blog

Architecture & Sculpture (1996-2004)


Clients and employers included:

Alice Aycock, Artist. January 2002 – March 2004.
3D models, animation, graphic design in production of sculptural work for national venues. Used form•Z, Maya, Photoshop, Illustrator, After Effects.

Diller + Scofidio Architects, July – November 2001.
3D models, digital video for Eyebeam Atelier Museum design presentation. Exhibited at the Whitney Museum. Used form•Z, Photoshop, After Effects.

Open Office Architects / Diller + Scofidio Architects, Summer 2001.
3D models for Shiseido cosmetic counter designs. Used form•Z, Photoshop.

Morris Sato Studio, January – December 2000.
3D models, animation, analog video shoot for Vineyard Theater interior design and for Grey Art Gallery exhibit on designer Shiro Kuramata. www.nyu.edu/greyart/exhibits/shiro/index.html. Used After Effects, form-Z, Media 100.

Duany Plater-Zyberk & Company, April 2000.
3D models for town planning charrette for Liberty Harbor, NJ. Used form•Z, Photoshop.

Susana Torre / Team for Environmental Architects, April 1999 – February 2000.
Construction drawings for the Brooklyn Children’s Museum. Town planning charrette for Liberty Harbor, NJ. Used form•Z, AutoCAD, QuarkXPress.

Karen Van Lengen Architects, July 1997.
3D drawings for “The Busy Woman’s Dream Home” project. Used AutoCAD.

Marpillero Pollack Architects, May – June 1995, May – June 1997.
3D models, graphic design. Used formoZ, Photoshop, QuarkXpress.

Baratloo/Balch Architects, October – November 1996.
3D model, animation for video art project titled “C is less than P minus G times T (Queens Conjecture)” exhibited at Queens Museum of Art. Used formoZ, Alias, Media 100.

Keenen/Riley Architects, July – November 1996.
Construction drawings, photocollage and maquettes for Palm Island aviary and private residence and for Field House. Used pencils, bass wood, Photoshop.

Jody Pinto, artist. May – June 1996, October – December 1998.
3D models, animation, digital video for bridge design presentation. Used Softimage, Media 100, Premiere.

Environmental Simulation Center, May 1993 – December 1994.
3d models of New York City buildings and streets. Used AES.

Sam Anderson Architect, June – September 1995.
Construction drawings for Fogg Art Museum, Harvard University. Used trusty old pencils.

PATH Architecture, May – June 1995.
3D models of Hudson River waterfront for physical exhibit at the Storefront for Art and Architecture. Used formoZ, Photoshop.