digital design assignments

Digital Design Assignments: Fall 2016 Syllabus
Create a visual brand identity and marketing campaign using Design Thinking methodologies for your research and development either for for a worthy cause or a creative digital media concept.

Through digital design assignments students will better understand how designers research and develop ideas, expression, and a unique “form language”  – as it evolves through a creative process.

For more info review and research your choice
http://www.aiga.org/design-for-good/

Designers explore Sustainability
John Maeda – Interview
Tim Brown talk about Design Thinking

Choose a positive social impact cause from the above link and find appropriate found object(s) to help design and develop your ideas for a marketing campaign –  You will merge word(s) and image together to create a dynamic composition that will engage the viewer. 

Example – social impact example

Charity Water: Logo example of a found object to represent the organization’s mission. View actual logo examples.

The design problems that pervade today’s economy are likely to become even more prominent within the next decade, as disruptions caused by globalization and information technology create opportunities to reconfigure companies’ supply chains, organizations, and communications networks. People who develop proficiency at design will excel in that evolving environment.

~Karl Ulrich

Summary of Assignments for 15 Weeks – Research all aspects of each assignment. Save your findings (assets, research, links, data)  for your final Case Study presentation.

Create a weekly journal on the “things you have observed or discovered” for each week POST it onto your BLOG – how do you see them differently since you have begun your design journey  – describe what you have discovered within their forms. Take a picture of the actual object/texture/experience or you have discovered it online to help explain your curiosity, reasoning, or you may have questions, or simply think it is awesome. This blog represents WHO YOU ARE? How do you see the world around you?

Week #2 – Logo Development 3-5 sketches for client (all work is uploaded to your blog for credit) (TRANSPORTATION LOGO)

Week #3 – Begin to collect images or FOUND OBJECTS or IMAGE (3-5 concepts presented using images of objects) that will represent your concept proposal for  1) social change OR 2) a new marketing campaign for a business OR 3) any digital media (app, game design, websites, tee-shirts, musical group, fashion concept, etc)

All 3-5 concepts need a short paragraph on the ideas that you have developed. The “ONE” concept you want to develop is the one you will research the most and will create a PROTOTYPE as your final project.

BASIC WEEKLY ASSIGNMENTS will help you to design effectively and to learn the software, Adobe Illustrator.

Basic design principals  – Weekly presentations for all assignments! You have one week to upload the assignments to the blog.  (1) squares, (2) circles and (3) lines, (4) Type (your initials) and form using unique shapes (patterns) and/or multiple  of any three combined)

| Week #3-5

Basic Assignment #1: SQUARES – Create 3-5 basic design compositions
1) Use only 3 black squares – 2″ in size
2) Place inside a square size 10″ grey 2pt outline to define space on 13×19″ paper
3) Do not overlap or scale squares
4) Place the descriptive word outside the square boundary

Choose words they represent: see more below
1) movement/evolving/echo/
2) balance/harmony/stress/conflict/chaos
3) relational/community/separate/alone
4) asymmetrical/unbalanced
5) static or active
6) your own words that can define an action AND can be visible in your visual expression.

 Basic Assignment #2: CIRCLES Create 3-5 basic design compositions (using only circles that represents a creative expression you have chosen – it must reflect the composition –  Remember they all need to be placed in a 10 inch square and you can use the grey scale or simply black. NO COLOR only GREY OR BW! The number of circles to use is your decision!

Basic Assignment #3:: LINES Create 3-5 basic design compositions (using only lines that represents a creative expression you have chosen – it must reflect the composition)
1) Four to six  – 4″ LINES (thickness can vary)
2) Place inside a 10″square
3) Create an illusion of SPACE and DYNAMICS

Basic Assignment #4: TYPE + FORM  – Create ONLY 4 basic design compositions (using only TYPE (two letters “only” using your name initials) Follow examples below. Work closely with positive and negative shapes. NO COLOR! See logo example for ideas  .

Week 5-8  – Logo designs – type + image

This slideshow requires JavaScript.

This slideshow requires JavaScript.

type and image professional examples

Week 1-9 Continue to discuss and apply DESIGN THINKING practices to final project.

1-8 – Illustration of a found object – creating silhouettes that forms the object will be the beginning steps to create a 3D printed object.
Basic illustration of found object – (1)-  silhouette  – outline of the whole object,
2) multiple points (orthographic) of views of object to create vector outlines  – representing the form and function for exterior and interior forms.

Midterm Evaluation – Week 8 – October 28th, 2016 – Students present their completed assignments from the blog!

  1. Basic Assignment using Shapes #1-#4 (Squares, Circles, Lines and Type)
  2. Basic Design illustration (using Illustrator) of object for 3D printing that will be created utilizing TinkerCad.
  3. TRANSPORTATION LOGO – iterations (BW and COLOR) 3-5 examples
  4. CONCEPT PROPOSAL (marketing campaign, game design, product design, music video (motion graphics), data visualization, website, app design, package design or any idea that incorporates digital design skills. Follow design thinking practices in your proposal.
    DESIGN THINKING SOURCE

screen-shot-2016-09-30-at-11-06-57-am

8-14 – FINAL PROJECT is now in production (product design, logo design, motion graphics…) From your proposed research and preliminary designs which have been tweaked and discussed from last weeks Midterm Presentation.


Product Designs by others, professionals and students


Wireframe  – Game Designs, Applications and Web pages : #1, #2, #3, #4, #5, #6, #7
Animation – Storyboard and Character Design
Video – Digital Storytelling or Music Video
3d Printing – Design Protocols
Branding Campaigns – Winners 21st Century
Design Thinking Template – Interviews

 


1> Gaby Brand – product design – (3D + package design)
Completed Work for Case Study (blog):
1) sketches 2) Adobe Illustrator designs of package design (1)  3) research 4) 3d object designed and printed (logo)  5) photos of package design 6) Product Design logo and web page layout 7) organized in a DESIGN THINKING format for the Case Study (see template CS)
Week 10 – 11/11 – Color Palette (5), Branding Logo, style of designs – find examples begin to sketch and vectorize designs onto package design layout
TINKERCAD silhouette

Week 11 – 11/18 – Package Designs (sketch+ illustrator designs)
Week 12 – 11/22 (Tuesday) – Complete designs in Illustrator for package design (ready to print and to cut for Peekskill)
Week 13 – Web page designs for branding using photos or illustrations
Week 14 – 12/9 – Peekskill – 3d printing and paper cut of package designs
Week 15 – Design Thinking Case Study – See example – Final artworks: Web Page Design to Brand Product Design, Research, Focus Group Feedback, preliminary sketches and mockups.


2> Christopher Cambareni – 3D promotional (merchandise + web blog)
Completed Work for Case Study (blog): 1) sketches 2) Adobe Illustrator designs of emblem (geometric and digital fine illustration)   3) research 4) 3d object designed and printed (one element of illus.)  5) logo rendered and web page layout 7) organized in a DESIGN THINKING format for the Case Study (see template CS)
Week 10 – 11/11 – Color Palette (5), Branding Logo (typeface), vectorize designs for final product design (geometric (monochromatic) and rendered color designs) TINKERCAD silhouette ?
Week 11 – 11/18 – Geometric rendering complete – 
Week 12 – 11/22 (Tuesday) – Rendered with color ink fine illustration lines
Week 13 – Web page designs for promotion using illustrations
Week 14 – 12/9 – Peekskill – 3d printing  – orthographic silhouettes

Week 15 – Design Thinking Case Study – See example – Final artworks: Web Page Design – Final Renderings Geo and Fine – Research, Focus Group Feedback, preliminary sketches and mockups.

3> Jorge Espana – animation (character design + storyboard)
Completed Work for Case Study (blog):
1) sketches of character designs (front, side profile and 3/4 view full figure for all  2) Adobe Illustration of  character designs (2)   3) research about animations techniques 4) 3d object designed and printed (logo title of animation)  5) sketch animatic 6) rendered in color animatic using illustrator or flash 7) organized in a DESIGN THINKING format for the Case Study (see template CS)
Week 10 – 11/11 – Color Palette (5), Branding Logo – Character Designs in Illustrator (full, 3/4 and profile)
TINKERCAD silhouette

Week 11 – 11/18 – Storyboard and Animatic
Week 12 – 11/22 –
 Rendered full color storyboard – Main Scene
Week 13 – Promotional Web page.
Week 14 – 12/9 – Peekskill – 3d printing  – orthographic silhouettes – Rendered full color storyboard – All Scenes
Week 15 – Design Thinking Case Study – See example – Final artworks: All of the above and web design promo page  – Research comparative study with other products.


5> Daygan Gardner – product design – (3d + marketing campaign)
Completed Work for Case Study (blog):
1) sketches 2) Adobe Illustrator designs of product design 3 views (interface design, design of surface and package design) 3) research 4) 3d object designed and printed (product)  5) photos of package designs 6) logo and web page layout 7) organized in a DESIGN THINKING format for the Case Study (see template CS)
Week 10 – 11/11 – Color Palette (5), Branding Logo, surface designs – find examples begin to vectorize designs onto package design layout
TINKERCAD silhouette

Week 11 – 11/18 – Rendered 3d object in illustrator – branding research and package designs
Week 12 – 11/22 – Package Designs (sketch+ illustrator designs)
Week 13 – Web Page Promo page
Week 14 – 12/9 – Peekskill – 3d printing  – orthographic silhouettes
Week 15 – Design Thinking Case Study – See example – Final artworks:

6> Enrique Gonzalez – mobile game design – (game prototype)
Completed Work for Case Study (blog): 1) sketches 2) Adobe Illustrator and Photoshop designs of character designs and five game design screen shots  3) research 4) 3d object designed and printed   5) navigational sitemap with game objective with rules 6) Game Design logo and web page layout
7) organized in a DESIGN THINKING format for the Case Study (see template CS)

Week 10 – 11/11 – Color Palette (5), Branding Logo – Pixel rendered illustrations characters and background levels
Week 11 – 11/18 – rendered screen shots and navigation sitemap
Week 12 – 11/22 – animated sequence using gifs –
Week 13 – Web page promo page – one action sequence –
Week 14 – 12/9 – Peekskill – 3d printing  – orthographic silhouettes
Week 15 – Design Thinking Case Study – See example – Final artworks:


7> Madison Lewis -product design – (3D + package design)
Completed Work for Case Study (blog):
1) sketches 2) Adobe Illustrator designs of package design (1)  3) research 4) 3d object designed and printed (logo)  5) photos of package design 6) Product Design logo and web page layout 7) organized in a DESIGN THINKING format for the Case Study (see template CS)
Week 10 – 11/11 – Color Palette (5), Branding Logo, style of designs – find examples begin to sketch and vectorize designs onto package design layout
Week 11 – 11/18 – Package Designs (sketch+ illustrator designs)
Week 12 – 11/22 (Tuesday) – Complete designs in Illustrator for package design
(ready to print and cut for next week)
Week 13
 – Web page designs for branding using photos or illustrations
Week 14 – 12/9 – Peekskill – 3d printing and paper cut of package designs
Week 15
– Design Thinking Case Study – See example – Final artworks: Web Page Design to Brand Product Design, Research, Focus Group Feedback, preliminary sketches and mockups.

8> Yashua Lockhart-Derry – mobile app – (orgami theme)
Completed Work for Case Study (blog):
1) sketches 2) Adobe Illustrator designs of five orgami designs and five application interface screen shots
3) research 4) 3d object designed and printed   5) navigational sitemap with application objective  6) logo and web page layout 7) organized in a DESIGN THINKING format for the Case Study (see template CS)

Week 10 – 11/11 – Color Palette (5), Branding Logo – graphic design layout of app pages
Week 11 – 11/18 – rendered in illustrator app pages (3-5)
Week 12 – 11/22 – animated gifs for visual efx
Week 13 – Web promotional page design
Week 14 – 12/9 – Peekskill – 3d printing  – orthographic silhouettes
Week 15 – Design Thinking Case Study – See example – Final artworks:

9> Clara Martin – pc game design –  (game prototype)
Completed Work for Case Study (blog):
1) sketches 2) Adobe Illustrator and Photoshop designs of character designs and five game design screen shots  3) research 4) 3d object designed and printed   5) navigational sitemap with game objective with rules 6) Game Design logo and web page layout
7) organized in a DESIGN THINKING format for the Case Study (see template CS)

Week 10 – 11/11 –  Color Palette (5), Branding Logo – Pixel rendered illustrations characters and background levels
Week 11 – 11/18 – rendered screen shots and navigation sitemap
Week 12 – 11/22 – animated sequence using gifs or flash
Week 13 – Web page promo page – one action sequence
Week 14 – 12/9 – Peekskill – 3d printing  – orthographic silhouettes
Week 15 – Design Thinking Case Study – See example – Final artworks:

10> Michael Ortiz – pc game design) – (game prototype)
Completed Work for Case Study (blog): 1) sketches 2) Adobe Illustrator and Photoshop designs of character designs and five game design screen shots  3) research 4) 3d object designed and printed   5) navigational sitemap with game objective with rules 6) Game Design logo and web page layout
7) organized in a DESIGN THINKING format for the Case Study (see template CS)

Week 10 – 11/11 – Color Palette (5), Branding Logo – Pixel rendered illustrations characters and background levels
Week 11 – 11/18 – rendered screen shots and navigation sitemap
Week 12 – 11/22 – animated sequence using gifs or flash –
Week 13 – Web page promo page – one action sequence
Week 14 – 12/9 – Peekskill – 3d printing  – orthographic silhouettes
Week 15 – Design Thinking Case Study – See example – Final artworks:

11>Ozzie Perez – product design (3D + mobile app design)
Completed Work for Case Study (blog):
1) sketches 2) Adobe Illustrator designs of product design (3 views) (interface design 3 screenshots), design of surface and package design) 3) research 4) 3d object designed and printed (product)  5) photos of package design 6) logo and web page layout
7) organized in a DESIGN THINKING format for the Case Study
(see template CS)

Week 10 – 11/11 – Color Palette (5), Branding Logo, surface designs – find examples begin to vectorize designs onto package design layout
TINKERCAD silhouette

Week 11 – 11/18 – Rendered 3d object in illustrator – branding research and package designs
Week 12 – 11/22 – Package Designs (sketch+ illustrator designs)
Week 13 – Web Page Promo page
Week 14 – 12/9 – Peekskill – 3d printing and paper cut of package designs
Week 15 – Design Thinking Case Study – See example – Final artworks:

12> Donovan Simpson – promotional video – (music video)
Completed Work for Case Study (blog):
1) sketches  2) Adobe Illustrator layout of photos for storyboard and graphic novel 3) narrative story 4) 3d object designed and printed (logo Make a Wish with your name)  5) Photos imported into Photoshop for video 6) Titles and Credit for Video  7) organized in a DESIGN THINKING format for the Case Study (see template CS)
Week 10 – 11/11 – Color Palette (5), Branding Logo -Identify storyboard and graphic booklet layout – TINKERCAD
Week 11 – 11/18 – Storyboard and graphic booklet layout complete with photos –
Week 12 – 11/22 – Vectorize photos for graphic novel –  Video interviews with family and friends –
Week 13 – Tweak video and graphic booklet
Week 14 – 12/9 -Peekskill – 3d printing  – orthographic silhouettes
Week 15 – Design Thinking Case Study – See example – Final artworks:

https://youtu.be/X8e5EpyUJPU

13> Adelso Suarez – product design – (product design)
Completed Work for Case Study (blog):
1) sketches 2) Adobe Illustrator designs of produce design in color (1)  3) research 4) 3d object designed and printed (logo)  5) five iterations of product design  6) Product Design logo and web page layout 7) organized in a DESIGN THINKING format for the Case Study (see template CS)
Week 10 – 11/11 – Color Palette (5), Branding Logo – TINKERCAD silhouette – Render outlines of product design
Week 11 – 11/18 – Render in color product design (2 examples) shaded
Week 12 – 11/22 Render in color product design (2 examples) shaded
Week 13 – Web Page Promo page
Week 14 – 12/9 – Peekskill – 3d printing  – orthographic silhouettes
Week 15 – Design Thinking Case Study – See example – Final artworks:

14> Joseph Vinluan  – mobile app – (app prototype)
Completed Work for Case Study (blog):
1) sketches 2) Adobe Illustrator and Photoshop designs of character designs and five application design screen shots  3) research 4) 3d object designed and printed   5) navigational sitemap with application objective with rules 6) Game Design logo and web page layout
7) organized in a DESIGN THINKING format for the Case Study (see template CS)

Week 10 – 11/11 – Color Palette (5), Branding Logo – Page Designs in Illustrator (3-5) Mockup pages in Illustrator – TINKERCAD silhouette
Week 11 – 11/18 – Full Renderings of Screen pages with navigation sitemap
Week 12 – 11/22 – Screen shots complete and flowcharts
Week 13 – Web Promotional page –
Week 14 – 12/9 – Peekskill – 3d printing  – orthographic silhouettes -Logo for App
Week 15 – Design Thinking Case Study – See example – Final artworks:

13 – Tools in Illustrator and Tinkercad – Type – Image – Design  – begin designs, storyboards, orthographic projections, patterns, collecting assets (photos, audio) layout for marketing campaign, app, game design, music web page. Using various grid templates to help organize the placement of type and image to support a successful expression – is your communication design effective, understood, readable?

10-14 – Print, motion, interactive design and 3D printing
Designs converted into interactive images, motion graphics or 3D. Using Flash to render motion graphics  then exported to a Quicktime video format.

15 – FINAL CASE STUDY and Oral Presentation presented from your personal blog. All assignments will be uploaded to blog and Final Proposed Project will be presented and videotaped. View video to help prepare for your Case Study presentation.

ADDITIONAL COMMENTS

Design Objectives– Learn how to design using digital tools as you observe and experience the world around you “enjoy seeing and experience it” . . .
Inge Druckrey

Its not what you look at that matters, its what you see. . . .
Henry David Thoreau

Create a weekly journal of the things you have observed for the week how do you see them differently  – describe what you have discovered within their form. Take a picture of the object/texture/experience or find it on the Internet for demo purposes.

When creating the following design assignments, be aware of negative forms/space, equally important as positive shapes. Choose the following themes to consider when designing. Use more than one theme for each assignment. The themes should be easily recognizable in your designs, as we will discuss in class.

RESOURCES FOR BASIC SHAPE ASSIGNMENTS
3-5 examples for each assignment (3=C, 4=B, 5=A)

Themes/Principals: balance, asymmetrical, tension, random, order, gravity, space, contrast, dynamics, chaos, pattern, echo, repetition (add variety to repetition), variety, focal point, accents, visual hierarchy, value, rhythm, unity, emphasis, opposition, depth, motion, static, radial balance, relationships, alignment, simplicity, consistency, come up with some of your themes!

Design and Thinking – See Resource Page

 

 

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s