Category Archives: Help & Resources

NOVA- Video A to Z: The First Alphabet

PBS Two Part Special


A to Z: The First Alphabet

Discover how writing—and eventually printing—revolutionized the spread of information.

Premiered September 23, 2020 AT 9PM on PBS

https://www.pbs.org/wgbh/nova/video/a-to-z-the-first-alphabet/

Where would we be without the world’s alphabets? Writing has played a vital role in the expansion and domination of cultures throughout history. But researchers are only now uncovering the origin story to our own alphabet, which may have gotten its beginnings in a turquoise mine 4,000 years ago. From the shape of the letter A to the role of writing in trade and storytelling, discover how the written word shaped civilization itself.

Next Week:

A to Z: How Writing Changed the World

https://www.pbs.org/video/a-to-z-how-writing-changed-the-world-ehsuvs/
Discover how writing—and eventually printing—revolutionized the spread of information.

Promo

https://www.pbs.org/wgbh/nova/video/a-to-z-how-writing-changed-the-world/

Working with and Editing Images in OpenLab

How to create an image for web usage

Most digital cameras and phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need

  • Optimize a JPEg. A JPEG is the standard format for compressing photographs.
  • Open an image and choose File > Save For Web.
  • Choose JPEG from the optimization format menu.
  • Specify the compression level: Choose quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
  • View the optimized image at several quality settings to determine the best balance between quality and file size.
  • Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
  • To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

Resize Images in OpenLab

Video Demo OpenLab Image Edit
https://openlab.citytech.cuny.edu/openroad/image-resizing

Insert Images into a Post

Create a Gallery In a Post

Edit a Gallery In a Post

Remote Login to COMD C0mpters

Remote Desktop Client on
COMD Computers on campus

Remote login to utilize department onsite computers as a remote workspace, will have all Adobe applications

They require a special user login ID
For students who own a computer, Chromebook, or otherwise
but no Adobe and need the apps.

Remote login into classroom computers 24/7 and use them.  

Students MUST MUST save all work on a cloud solution

Microsoft One Drive (1TB per student), Google Drive, or DropBox.  

Student must NEVER NEVER shut down the computer Only LOG OUT

Instructions by device

Downloading and Installing GlobalProtect on a Mac Computer

GlobalProtect is the VPN application that must be installed on you home-based device to connect to a campus-based computer.

  1. Visit https://gpnet.citytech.cuny.edu to download and install GlobalProtect
  2. Login using your City Tech AD credentials to gain access to the site
  3. Select “Download MAC 32/64-bit GlobalProtect.pkg agent
  4. Go to the “Downloads” folder and select “GlobalProtect.pkg” and install the application
  5. At the Introduction page click Continue
  6. Ensure that GlobalProtect is selected on the Custom Install Macintosh HD page then click Continue
  7. Enter the password if prompted to proceed with the installation
  8. Once complete, GlobalProtect opens to setup connection details page
  9. Enter (gpnet.citytech.cuny.edu) for the Portal
  10. Enter your City Tech AD credentials (City tech email)
  11. Click Connect
  12. Status should now show Connected

You have now successfully connected and created a secure connection to your campus networkMinimize the window and continue to connect to a campus computer


  1. After installation, to access GlobalProtect, go to the top-right menu and select “Global Protect” Click to “Connect or Click to “Disconnect”

Remote Desktop Lab Computer labs

ON MAC OS Firefox might not work use Chrome or Safari

http://www.citytech.cuny.edu/virtual-lab/

Select Academic Department Labs Tab

Select any COMD lab P100 P121 etc

Select a computer

Enter Student

Select Student

Work and save your work REMOTELY under Applications links to Dropbox, Google Drive Microsoft Drive

When Done Student must NEVER NEVER shut down the computer Only LOG OUT

Help

COMD CLT comdclt@gmail.com

Technology Resources

http://it.citytech.cuny.edu/search-catalog.aspx?searchKeyword=CityTech%20Active%20Directory%20(AD)

InDesign Master Pages

InDesign Master pages

Step 1: open your Type book page
Save as    “lastname first name _master”
 We will work to create a master pages in InDesign

InDesign Master pages guide

Short Cut keys InDesign

2. Add a footer to bottom  left  of your page from last week

text First name last name Type book

3. we will add a folio ( page number) in text box bottom right

Create new text box box

top menu.type>Insert Special Character>Marker> Current Page Number

This will automatically add page number to any document

4. select your page icon in pages window, drag it up to master page window

This creates a new master page.

Try it out drag it back  down in pages to see what happens

Create New Master pages

1: Double Click On The Master Page To Activate It.
Now that you’ve selected your master pages, you can adjust and create grid  vertical columns by going to your menu and selecting (Layout > Margins and Columns).

2  Now that you have your vertical columns set, it’s time to create your horizontal modules for your grid.
Add horizontal guides to create a modular grid by going back to menu select (Layout > Create Guides).

3  Insert new pages into your document with your new master pages. Select master page icons for pages menu and drag them in pages layout window

4 Export you document as a PDF select the
“Visible Guides and Grids” option to show your grid in PDF name it “lastname first name _grid _master .pdf

Upload to Openlab  media library

Classification of Type

Classifications of type you will need to become familiar with for this class.

The typographic form has evolved and in order to effectively analyze this typographic evolution, the design of type characters over the last five and a half centuries is most often broken down into classifications of common visual Characteristics, called families of type:
Old Style
(15th-17th century)
Example Typefaces: Bembo • Garamond • Caslon • Jenson
Transitional (Neoclassical)
(mid 18th century)
Example Typefaces: Baskerville • Cheltenham • Bookman • Romain du Roi
Modern (Didon)
(late 18th century)
Example Typefaces:: Bodoni • Didot • ITC Fenice
Slab Serif (Egyptian)
(19th century)
Example Typefaces: Clarendon • Memphis • Rockwell • Century
Sans Serif
(19th-20th century)
Example Typefaces: Futura • Helvetica • Universe • Akzidenz Grotesk • Frutiger
Cursive
Example Typefaces: Bickham • Edwardian Script ITC • Choc • Brush Script
Display
(19th-20th century)
Example Typefaces: Leafy Glade • Plexifont • Chausson • Phosphate

Old Style
(15th-17th century)
Example Typefaces: Bembo • Garamond • Caslon • Jenson
Oldstyle Characteristics

• Designed in a time when inks and paper were coarse and type technology was still rather rough
• Relatively thick strokes and heavily bracketed or curved serifs
• Emulated classical calligraphy
• Minimal variation of thick and thin strokes
• Small, coarse serifs, often with slightly concave bases
• Small x-heights.
• In the round strokes, the stress is diagonal, or oblique, as their designs mimic the hand-held angle of the pen nibs of the scribes.
• Tops of lowercase ascenders often exceed the height of the capital characters.
• Numerals, called old style figures, vary in size and have ascenders and descenders.

Transitional (Neoclassical)
(mid 18th century)
The typefaces of this period represent the initial departure from centuries of Old Style tradition and immediately predate the Modern period.
Example Typefaces: Baskerville • Caslon • Cheltenham • Bookman • Romain du Roi
Transitional Characteristics

• Designed in a time when inks and paper were considerably smoother and type technology was refined
• Strokes and the serifs are more sculpted
• Sharper serifs and more vertical axis
• Greater contrast between thick and thin stokes.
• Wider, gracefully bracketed serifs with flat bases.
• Larger x-height
• Vertical stress in rounded strokes
• The height of capitals matches that of ascenders.
• Numerals are cap-height and consistent in size.


Modern (Didon)
(late 18th century)
Example Typefaces:: Bodoni • Didot • ITC Fenice
Modern Characteristics

• Designed in a time when printing technology was refined by leaps and bounds
• Extreme contrast between stokes and hairlines
• Brackets virtually eliminated
• Hairline serifs without bracketing
• Small x-height
• Vertical stress in rounded strokes

Slab Serif (Egyptian)
(19th century)
Example Typefaces: Clarendon • Memphis • Rockwell • Century

Slab Serif Characteristics
• Type design, freed from technical constraints, became eclectic
• Very little contrast between thin and thick strokes
• Heavy serifs with squared-off ends
• Large x-heights.
• Vertical stress in rounded strokes

Sans Serif
(19th-20th century)
Example Typefaces: Futura • Helvetica • Universe • Akzidenz Grotesk • Frutiger

The families of type represent more than 500 years of development and each family displays distinct visual Characteristics. These Characteristics are basic to visual communication with type.
Sans Serif Characteristics
• Little or no variation between thick and thin strokes
• Lack of serifs
• Larger x-height
• No stress in rounded strokes\

Cursive
Example Typefaces: Bickham • Edwardian Script ITC • Choc • Brush Script
Also known as script, among other name, is any style where some characters are written joined together in a flowing manner in contrast to block letters.

Cursive Characteristics
• Formal cursive is generally joined, but casual cursive is a combination of joins and pen lifts. Can be further divided as “looped”, “italic” or “connected”.

Display
(19th-20th century)
Example Typefaces: Leafy Glade • Plexifont • Chausson • Phosphate

The families of type are intended for use at large sizes for headings, logotypes, posters, headings on websites, magazines, or book covers rather than for extended passages of body text

Display Characteristics
• Often have more eccentric and variable designs.
• May take inspiration from handpainted signs, calligraphy., ornamented, exotic, abstracted. • • Can be a serif font, slab serif, script, sans serif, etc.

Color

Adobe color Tool

https://color.adobe.com/create/color-wheel

Fundamentals of understanding color theory

https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory

https://designwebkit.com/web-and-trends/color-combinations-hell-death-sentence-designs/embed/#?secret=YxHIiGEdEt

https://youtube.com/watch?v=Ts_-XVPQOGM%3Ffeature%3Doembed

Color Matching Game
http://color.method.ac/

Color Relativity
http://colorisrelative.com/bwbox.html

Color IQ test
http://xritephoto.com/color-iq-test

http://qz.com/571947/video-this-is-the-factory-where-colorcomes-from

https://www.youtube.com/watch?v=hkqMzLR8kS8

(Color and legibility/ Foreground-Background relationship)

https://inkbotdesign.com/colors-and-typography

https://color.adobe.com/create

http://www.blendoku.com

The Elements of Color
by Johannes Itten
https://www.goodreads.com/author/show/243696.Johannes_Itten

Interaction of Color: 50th Anniversary Edition
by Josef Albers
https://www.amazon.com/Interaction-Color-Anniversary-Josef-Albers/dp/0300179359/ref=pd_lpo_sbs_14_t_0?_encoding=UTF8&psc=1&refRID=YQVYZJYH289BYQ327WD4

Get the app

https://apps.apple.com/us/app/interaction-of-color-trial/id664296461

OpenLab Help

HOW TO USE OPENLAB

The OpenLab is City Tech’s open online community. Students, faculty, and staff can sign up using a City Tech email address. Students use the OpenLab for working in courses and projects, student clubs, and portfolios.


Using a Site

Signing Up OpenLab

Working With Blocks

Writing a Post

Adding a Post:

  1. In the WordPress Dashboard, click on the tab Posts > Add New to create a new post
  2. Add a title in the title box at the top.
  3. Add an image (Add > Media) or formatted written content using the Post Editor.
  4. Add the relevant Category (choose from the existing list).
  5. Click Save Draft for later or click Publish to publish immediately.

How to create an image for web usage

Most digital cameras and phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need

  • Optimize a JPEg. A JPEG is the standard format for compressing photographs.
  • Open an image and choose File > Save For Web.
  • Choose JPEG from the optimization format menu.
  • Specify the compression level: Choose quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
  • View the optimized image at several quality settings to determine the best balance between quality and file size.
  • Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
  • To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

How to add images to OpenLab

Resize Images in OpenLab

Video Demo OpenLab Image Edit
https://openlab.citytech.cuny.edu/openroad/image-resizing

Insert Images into a Post

Create a Gallery In a Post

Edit a Gallery In a Post


Tech Check

Distance Learning Tools

City Tech Virtual Resources

http://www.citytech.cuny.edu/virtual/

City Tech Learn Anywhere Link

http://www.citytech.cuny.edu/virtual/technology-services-student.aspx

OpenLab   

The OpenLab is City Tech’s open online community. Students, faculty, and staff can sign up using a City Tech email address. Students use the OpenLab for working in courses and projects, student clubs, and portfolios.

CUNYfirst

Activate Your Email

To activate student City Tech email, click here.

Accessing City Tech email

https://openlab.citytech.cuny.edu/blog/help/accessing-your-city-tech-email-for-students/

Zoom  Live Meeting Sessions

Zoom is a video communications medium, with an easy, reliable cloud platform for video and audio conferencing, chat, and webinars.

Sign-in
Video Tutorials 

CUNY: Zoom Security Protocol 

  • See Zoom Recording note at bottom of this page

Course Drives

  • DropBox Link
  • Free drop box space form CUNY https://www.cuny.edu/about/administration/offices/cis/technology-services/dropbox/
  • Google Drive Link Google account for 15 GB Space
  • Fre space for cuny

Software: Adobe Creative Suite

  • InDesign
  • Illustrator
  • Photoshop

Term-active CUNY students can now download Adobe Creative Cloud applications to their personal devices. Students can go to https://creativecloud.adobe.com and use their CUNY Login username to authenticate and select which Adobe Creative Cloud applications to install.

The student instructions on Accessing Adobe Creative Cloud are available online and will be available from the IT Resources for Remote Work & Teaching page.

Hardware

  • Computer with internet access
  • Flash drive (or online storage for your files)

Student Device Loan Request Form

  • Department has a limited about of iMacs request through this link to loan. 
  • Remote Desktop Client on all of the COMD Computers on campus
    https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/08/26/remote-login-to-comd-c0mpters/
  • Remote login to utilize department onsite computers as a remote workspace, will have Creative Suite this link
  •  They require a special user login ID
  • For students who own a computer, Chromebook, or otherwise but no Adobe and need the apps.
  • Remote login into classroom computers 24/7 and use them.  
  • Students MUST MUST save all work on a cloud solution, Microsoft One Drive (1TB per student), Google Drive, or DropBox.  
  • Student must NEVER NEVER shut down the computer, only log out.

Microsoft Office 365

To access Microsoft Office 365 (using City Tech email), for online access to the Microsoft Office Suite and other applications: https://login.microsoftonline.com

Note: Email login (ending with @mail.citytech.cuny.edu) is different from CUNY login (ending with @login.cuny.edu)

Blackboard 

Blackboard is the CUNY-provided Learning Management System. You access Blackboard by logging in via CUNYfirst.

Recording disclaimer

Students who participate in this class with their camera on or use a profile image are agreeing to have their video or image recorded solely for the purpose of creating a record for students enrolled in the class to refer to, including those enrolled students who are unable to attend live. If you are unwilling to consent to have your profile or video image recorded, be sure to keep your camera off and do not use a profile image. Likewise, students who un-mute during class and participate orally are agreeing to have their voices recorded. If you are not willing to consent to have your voice recorded during class, you will need to keep your mute button activated and communicate exclusively using the “chat” feature, which allows students to type questions and comments live.

Resources Typography Games


Kern Type
https://type.method.ac/
A game to achieve  readable text by kerning. Move the letters,  score depends on how close you are to a typographer’s solution.
Shape Type
https://shape.method.ac/

Font Anatomy
https://ilovetypography.com/tag/quiz/

What Typeface Are You?
https://creativemarket.com/blog/quiz-which-font-describes-your-personality
Type Connection
http://www.typeconnection.com/
“type dating” game,  learn how to pair typefaces.


Generate your own hieroglyphics
https://discoveringegypt.com/egyptian-hieroglyphic-writing/hieroglyphic-typewriter/
https://www.mobilefish.com/services/hieroglyphs/hieroglyphs.php
Generate your own Cuneiform
https://www.paleoaliens.com/event/babylonian/
Ancient languages/ alphabets

https://www.omniglot.com/writing/index.htm

https://www.purposegames.com/game/the-anatomy-of-typography-game-quiz

Identify font game

http://ilovetypography.com/ifontgame/


https://fathom.info/ragtime/
http://fontgame.ilovetypography.com/

Course Resources

Type Design Portals

Free Fonts

Type Management

Type Foundries

The following list is just a few of the major type foundries where you can purchase fonts, or in some cases download them for free.

Typeface Classification

Color Resources

Grid Resources

Typography Reading

Typography Games

Typeface Identification

Typography Games

Expressive Typography Publication Design

Typography Videos

Type 3 OER

Social Feeds

  • Twitter

Resources – Videos

Lynda.com
Brooklyn Public Library access
https://www.lynda.com/portal/Patron?org=bklynlibrary.org

The New York Public Library Card access
https://www.lynda.com/portal/patron?org=nypl.org&triedlogout=true

Abstract: The Art of Design | Paula Scher: Graphic Design | FULL EPISODE | Netflix
https://youtu.be/LCfBYE97rFk

Spiekerman
https://vimeo.com/99545303
https://vimeo.com/99969862

Pronounce typefaces
https://www.youtube.com/watch?v=os4lUpj3nvw&feature=youtu.be

Bolted Book
https://vimeo.com/187041885

Story of Futura
https://www.youtube.com/watch?v=SaX_PwxSh5M&feature=youtu.be

John Baskerville
https://www.youtube.com/watch?v=6_dy_yMf0pE&feature=youtu.be

Most Beautiful Type
https://www.youtube.com/watch?v=_HJjKJgvb-A&feature=youtu.be

Bierut think design
https://www.youtube.com/watch?list=PLJNicbuBz8XMBjc1ZFyrxR8RvAagPVuSE&time_continue=4&v=RanfCx18gi4

Art and copy
https://youtu.be/raitw4z_0BE

Milton Glaser
https://youtu.be/jZ1YHqgZzGQ

Design is One
https://www.youtube.com/watch?v=qglaQekqrWU&feature=youtu.be
https://youtu.be/jQrVYaAUW4k

Helvetica Movie

City Tech Library Access

KANOPY Videos available through City Tech

KANOPY PLAYLIST

https://citytech.kanopy.com/video/helvetica-2

https://vimeo.com/286172171

https://youtu.be/McZSUjP1AcE
https://youtu.be/wkoX0pEwSCw
https://youtu.be/9g3Ogtgleyg

Vignelli
Two Minutes
Dieter ram
https://www.youtube.com/watch?v=38r_3ZKZIgg

Design and Thinking
https://youtu.be/Tcsh4jCuLt0

Golden Ratio
https://www.youtube.com/watch?v=0tAZe6pP-FM&feature=youtu.be

No logo
https://youtu.be/6ZpnZ6s6NWM

Design Thinking
http://designthinkingmovie.com/

PBS Graphic Design
https://youtu.be/sTi5SNgxE3U

Graphic means
https://vimeo.com/ondemand/graphicmeans/157620840

 

PBS Two Part Special


A to Z: The First Alphabet

Discover how writing—and eventually printing—revolutionized the spread of information.

Premiered September 23, 2020 AT 9PM on PBS

https://www.pbs.org/wgbh/nova/video/a-to-z-the-first-alphabet/

Where would we be without the world’s alphabets? Writing has played a vital role in the expansion and domination of cultures throughout history. But researchers are only now uncovering the origin story to our own alphabet, which may have gotten its beginnings in a turquoise mine 4,000 years ago. From the shape of the letter A to the role of writing in trade and storytelling, discover how the written word shaped civilization itself.

A to Z: How Writing Changed the World

Discover how writing—and eventually printing—revolutionized the spread of information.

Promo

https://www.pbs.org/wgbh/nova/video/a-to-z-how-writing-changed-the-world/

Resources – Reading

CITY TECH LIBRARY
Register with  ProQuest

City Tech Library online reading access

City OnIine Databases Communication Design Typography

 

Lupton, Ellen. Thinking with Type : A Critical Guide for Designers, Writers, Editors, and Students, Princeton Architectural Press, 2010.
READ ONLINE AT  CITY TECH LIBRARY

http://thinkingwithtype.com/

Lupton, Ellen. Thinking with Type Online Companion

Ellen Lupton’s Classification System

Read the following on Thinking with Type:

InDesign Adobe Certification program

https://edex.adobe.com/resource/776030

 

 

_____

OTHER READING

A Type Primer
John Kane, 2nd Edition
9781856696449

City Tech Library

https://onesearch.cuny.edu/permalink/f/sm62mf/CUNY_ALEPH009374563

http://www.atypeprimer.com/

 

______

Suggested Texts

The Elements of Typographic Style: Version 4.0:
20th Anniversary Edition 4 Anv Edition
by Robert Bringhurst
Hartley and Marks Publishers; (2013)
ISBN-10: 0881792128    •   ISBN-13: 978-0881792126

Typographic Design: Form and Communication,

Rob Carter, Philip B. Meggs, Ben Day, Sandra Maxa,
Mark Sanders   2014  •  ISBN: 978-1-118-71576-5
Stop Stealing Sheep & Find Out How Type Works →
Erik Spiekermann

Meggs’ History of Graphic Design
Meggs, Philip B.; Purvis, Alston W.  John Wiley & Sons, Incorporated  2016ISBN: 9781118772058, 9781119136200

Depero futurista : 1913-1927 / Dinamo-Azari.
by Fortunato Depero
Edizione della Dinamo, 1927

Online read here: www.boltedbook.com

Adrian Frutiger – Schriften : The Complete Works, edited by Heidrun Osterer, et al.,
Walter de Gruyter GmbH, 2012. Chapter Univers pgs.-88-117

Tondreau, Beth. Layout Essentials : 100 Design Principles for Using Grids,
Rockport Publishers, 2008

Evamy, Michael. Logotype,
Laurence King Publishing, 2012

Saltz, Ina. Typography Essentials : 100 Design Principles for Working with Type,
Rockport Publishers, 2009.

Library Catalog City Tech

City Tech login

Use your library ID number as your barcode. Unless you previously changed it, your password is also your library barcode.

If you have problems logging in, please visit the circulation desk or call 718-260-5470.

 

Online Publications

IADDB Digitized issues of historic design publications
https://iaddb.org/magazines-journals
https://magazines.iaddb.org/periodicals

Ver Sacrum 1898-1903 All Issues (120)
https://www.belvedere.at/bel_de/forschung/bibliothek

Wendingen (Dutch: Inversion or Upheaval) architecture art magazine from 1918 to 1932
https://magazines.iaddb.org/periodicals/WEN
https://magazines.iaddb.org/periodicals/WE

Champ Fleury by Geoffry Tory
https://ia800500.us.archive.org/15/items/champfleuryauque00tory/champfleuryauque00tory.pdf

The Morgan Library & Museum Gutenberg Bible
https://www.themorgan.org/collections/works/gutenberg/page/2

The Book of Kells
https://digitalcollections.tcd.ie/home/index.php?DRIS_ID=MS58_003v

Generate your own hieroglyphics

Hieroglyphic Typewriter


https://www.mobilefish.com/services/hieroglyphs/hieroglyphs.php

Generate your own Cuneiform
https://www.paleoaliens.com/event/babylonian/

Ancient languages/ alphabetsmanuscripts
https://www.omniglot.com/writing/index.htm

Trademarks & Symbols Volume 1: Alphabetical Designs By Yasaburo Kuwayama
http://trademarksandsymbols.com/

Giambattista Bodoni Manuale Tipografico
http://bibliotecabodoni.net/libro/manuale-tipografico-1

Free Bauhaus
https://monoskop.org/Bauhaus

De Stijl Magazine
http://ubu.com/historical/de-stijl/index.html

Jugend
https://digi.ub.uni-heidelberg.de/diglit/jugend
select preview mode

PM
https://magazines.iaddb.org/periodicals/PM

Online Publications
El Lissitzky
Arp Hans Die Kunst men
https://monoskop.org/images/5/5f/Lissitzky_El_Arp_Hans_Die_Kunstismen_1914-1924.pdf

Stenberg Brothers
https://www.moma.org/documents/moma_catalogue_250_300063174.pdf
https://www.cinematerial.com/artists/stenberg-brothers-i918

 

NEUE GRAFIK-NEW GRAPHIC DESIGN-
GRAPHISME ACTUEL
http://tariqdesign.blogspot.com/2017/11/new-graphic-design-july-1959.html

Harper’s Bazaar; New York Public Library 1867- present
https://search-proquest-com.i.ezproxy.nypl.org/harpersbazaar/publication/2035995/citation?accountid=35635

Cover Junkie: Harper’s Bazaar covers (old and new)
https://coverjunkie.com/magazines/harpers-bazaar/#harpers-bazaar+p:4

Magazine Covers Evolution:
http://guity-novin.blogspot.com/2013/03/a-history-of-magazine-covers.html

Thoughts on Design Paul Rand
https://login.libproxy.newschool.edu/login?url=https://ebookcentral.proquest.com/lib/newschool/detail.action?docID=5194934

A Designers Art Paul Rand
https://monoskop.org/images/3/35/Rand_Paul_A_Designers_Art.pdf

Words on Design Paul Rand- Steven Heller
https://www.hellerbooks.com/pdfs/catalogs_rand_designers_words.pdf

Avante Garde
http://avantgarde.110west40th.com/

Eros
http://eros.110west40th.com/

Emigre Magazine
https://www.emigre.com/Magazine

Graphis Publications
http://www.graphis.com/archives

art and design magazine archives
https://magazines.iaddb.org/periodicals
https://magazines.iaddb.org/periodicals/GR

Modernist Magazines

Magazines

Saul Bass
https://www.artofthetitle.com/designer/saul-bass/

Pulp Magazines
https://archive.org/details/pulpmagazinearchive

NYPL books art online
https://digitalcollections.nypl.org/collections/lane/book-art-and-illustrations

Avante Garde Moderist Periodicals in multiple languages
https://monoskop.org/Avant-garde_and_modernist_magazines

A.M Cassandre
https://www.cassandre-france.com/gallery

The Morgan Library & Museum Gutenberg Bible
https://www.themorgan.org/collections/works/gutenberg/page/2

Trademarks & Symbols Volume 1: Alphabetical Designs By Yasaburo Kuwayama
http://trademarksandsymbols.com/

Giambattista Bodoni Manuale Tipografico
http://bibliotecabodoni.net/libro/manuale-tipografico-1

Free Bauhas
https://monoskop.org/Bauhaus

https://massimovignelli.weebly.com/portfolio.html

Design Resources

https://www.designspiration.net/
http://www.graphis.com:8080/archives/books/
www.adsoftheworld.com
www.oneclub.org
https://www.designspiration.net/
http://www.graphis.com/archives/books/
www.creativeadawards.com
www.theinspiration.com
www. fromupnorth.com
visualnews.com
www.aiga.org
https://deardesignstudent.com/
www.webbyawards.com
http://www.adcawards.org/
http://creativity-online.com/
www.welovead.com

 

Type & Design Resources

Home

(OER) Open Education Resources
Images, books, art, manuscripts, periodicals, photography
https://publicdomainreview.org/
https://openlibrary.org/
https://www.oercommons.org
http://www.gutenberg.org/
https://archive.org/
http://memory.loc.gov/ammem/index.html
https://libguides.humboldt.edu/openedu/art
http://www.rarebookroom.org/Control/bodtip/index.html
http://www.smartcopying.edu.au/open-education/open-education-resources/international-oer-guides-and-toolkits

OER Courses:

When we share, everyone wins


http://www.openculture.com/freeonlinecourses
https://opencampus.newschool.edu/courses
http://www.smartcopying.edu.au/open-education/open-education-resources/where-to-find-oer-material

Home

 

Save

Save

Save

Resources Alternatives to Adobe

Adobe Comp, Spark, Pages, even Google Slides

iOS

1 – Adobe Photoshop Express, photo manipulation and edits : https://apps.apple.com/us/app/photoshop-express-photo-editor/id331975235

2 – Tayasui Sketches, illustrations :

https://apps.apple.com/us/app/tayasui-sketches-draw-paint/id641900855

3 – Adobe Illustrator Draw, illustrations :
https://apps.apple.com/us/app/adobe-illustrator-draw/id911156590

4 – Assembly, Vector Graphics :
https://apps.apple.com/us/app/assembly-graphic-design-art/id1024210402

5 – Film Maker Pro, video editing :
https://apps.apple.com/us/app/filmmaker-pro-video-editor/id1082956994

6 – Adobe Comp CC, layout, wireframing, UI design : https://apps.apple.com/us/app/adobe-comp/id970725481

Android

1 – Adobe Photoshop Express, photo manipulation and edits : https://play.google.com/store/apps/details?id=com.adobe.psmobile&hl=en_US

2 – Adobe Illustrator Draw, illustrations :
https://play.google.com/store/apps/details?id=com.adobe.creativeapps.draw&hl=en_US

3 – SketchBook, illustrations, and 3D modeling :

https://play.google.com/store/apps/details?id=com.adsk.sketchbook

4 – Adobe Comp CC, layout, wireframing, UI design : https://play.google.com/store/apps/details?id=com.adobe.comp

4 – Infinity Design, illustration : https://play.google.com/store/apps/details?id=com.brakefield.idfree

5 – Adobe Premier Rush : https://play.google.com/store/apps/details?id=com.adobe.premiererush.videoeditor&hl=en_US

 

Chrome OS

Google Draw and Google Slides  have gris set up functionality
https://www.google.com/slides/about/

https://docs.google.com/drawings/d/17jAVjB1wuUneWPXZ_eYIk9w9aCCSSB-y7BJ73Rea6Es/edit

How to grid in Google Draw & Slides

1 – Gravit Designer , vector graphics :

https://chrome.google.com/webstore/detail/gravit-designer/pdagghjnpkeagmlbilmjmclfhjeaapaa?utm_source=chrome-ntp-icon

2 – Pixlr Editor, photo, image manipulation :

https://chrome.google.com/webstore/detail/pixlr-editor/icmaknaampgiegkcjlimdiidlhopknpk?utm_source=chrome-ntp-icon

3 – Figma, layout, UI design, wireframing :

https://www.figma.com/blog/how-you-can-design-end-to-end-on-a-chromebook/