AGENDA:

(Dates and projects are subject to change)

 

 

WEEK 01 |||  Jan 21 - Jan 23  ||||||||||||||||||

•  

 

Introduction

Questionnaire

 

Supplies, Books, Due dates, Online communication,

In-class practices, Assignments/Projects, written exams(?) Presentation, Final, ...

Review Syllabus, Office hours, Presentation date, ...

 

 

 

 

•  

 

Review on Basic Elements of 2D Design:

Point, Line, Shape, Texture, Value, Color, …

 

Review on Basic Typography / Classifications / Anatomy

 

File format: NCSPD

Upload a selfie, IG handle

 

Exercise 1 [Here]

 

To read > It’s About Legibility by Allan Haley > [Here]

To Try > TypeTester

 

 

 

WEEK 02 |||  Jan 28 - Jan 30  ||||||||||||||||||

 

Continue with Ex.1 from last week.

Understanding type size.

Point, picas.

 

Lynda: InDesign CC 2019 Essential Training by David Blatner

Recommended : Entire course

Required: Chapter 1, 4, 9, 10

 

Amazing Fullerton [Here]

 

 

 

 

By the end of Thursday Class Jan 30th., upload your Amazing Fullerton spread as PDF to titanium.

Before next class, make sure you watch InDesign Essential on Lynda.

 

 

WEEK 03 |||  Feb 04 - Feb 06  ||||||||||||||||||

 

 

Type Methods

Text / Paragraph / Column Development

 

Work-flow / Workspace

Character style

Paragraph style

 

Introducing Project 1 - A [Brief]

 

Grid - Sample File [Here]

 

By the end of our class on Tuesday Feb 4th., you should be able to create the structure of project 1, part-A correctly.

 

On Thursday we will continue to complete all necessary paragraphs during studio time.

 

The project 1, part-A is due next Tuesday Feb 11 before our class.

 

 

 

WEEK 04 |||  Feb 11 - Feb 13  ||||||||||||||||||

 

Due today Feb 11:

Project 1 - Part A

 

Digital version in Titanium.

 

 

 

Styles

Paragraph style

Character style

Nested style?

Object style?

 

Working file - Black Leaf Tea Company [Here]

 

Introducing Project 1 - B [Brief]

 

 

 

 

WEEK 05 |||  Feb 18 - Feb 20  ||||||||||||||||||

 

Due today Feb 18th:

Project 1 - Part B

Digital file, PDF format, 36 pages, letter size

 

Domain name

art.art

name.com

 

 

A simple modular grid for a magazine [Here]

 

We are using the result of Project 1 (A and B) to design a magazine layout. (Grid + Paragraph)

Exercise 2 | Art Scene Magazine [Brief]

Exercise 2 | Working files [Here]

 

 

Presentation: Isa Ruiz

Presentation: Andrew  Vazquez

 

 

-----

Smart objects:

How to use

How to create

Magazine Mock-up [Here]

 

Mock-up Examples to use [Here]

 

Presentation: Sungoh Chung

 

 

Submit 2 files tonight by the end of class:

Your final version of Art Scene magazine - Only 2 pages in spread in PDF format
Your mock-up version in of Art Scene magazine - in JPG format

 

During the weekend:

Research 5 typographic portfolio website.

Share your URLs: [Here]

 

 

 

WEEK 06 |||  Feb 25 - Feb 27  ||||||||||||||||||

 

Feb 25 |

 

UI vs. UX

 

Adobe XD | Adobe Muse

Structure, page size, master pages, menu, inside pages

Creating pages, links, responsive pages, breaking point, ...

 

Your domain name. What extension?

.com

.site

.top

.xyz

.info

.life

.us

.art

 

Setting up your host.

Lets connect your domain to your host.

 

 

Presentation: Jose Boites

 

 

 

Feb 27 |

 

Let's make the first wire-frame.

First try in XD. Download working file [Here]

Your portfolio wireframe must include:

HOME - Landing Page

WORK

ABOUT

CONTACT

 

Under WORK section you will have subcategories of your work. For example: Photography, Graphic Design, Painting, ...

 

 

 

Your Typographic Portfolio website

 

Prepare your Muse Portfolio content for next class:

 

Home-landing page (Intro, Your personal tag-line, slogan, your name in typographic form,...)

Works (At least 5 images in good quality, additional to your magazine mock-up)

About (Bio, Statement or any text material at least 120 words)

Contact (Email, cellphone, other social media or pages)

 

Presentation: ...

 

 

WEEK 07 |||  Mar 03 - Mar 05  ||||||||||||||||||

 

Mar 03 |

Create 2 Sketches in Photoshop

 

Save them side by side following below spec:

72dpi / RGB

Each sketch: W1280px x H800px
20px gutter/margin

 

Total document size: W2620 x H800

 

(If you have longer design that need to scroll down add another 800 to the height)

 

In your sketch you will pay attention to:

- What typeface?

- What size?

- What composition?

- What color palette?

- What arrangement?

- What background color?

 

 

 

Mar 05 |

 

Share your sketches via Titanium as a single jpg file.

Share the link of your wire-frame via Titanium.

 

FTP Account

FileZilla [Download]

 

Let's upload the first page!

 

Presentation Elaine Nguyen

Presentation: Ibrahim

 

WEEK 08 |||  Mar 10 - Mar 12  ||||||||||||||||||

 

 

Mar 10 |

 

2 missing presentation

One on one: Fixing URL issues, double folders or nesting folders.

 

Breaking points

Pin to Browser

Pin to page

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Mar 12 |

 

03.12.2020 |  7pm  |  Zoom Meeting ID: 640 702 751

 

 

WEEK 09 |||  Mar 17 - Mar 19  ||||||||||||||||||

 

 

WEEK 10 |||  Mar 24 - Mar 26  ||||||||||||||||||

 

03.26.2020 |  7pm  |  Zoom Meeting

HTML 101

 

WEEK 11 |||  Mar 31 - Apr 02  ||||||||||||||||||

 

SPRING BREAK

 

WEEK 12 |||  Apr 07 - Apr 09  ||||||||||||||||||

 

04.07.2020 |  7pm  |  Zoom Meeting

 

 

04.09.2020 |  7pm  |  Zoom Meeting  | CHECK TITANIUM FOR PASSWORD

 

Filezilla for MAC [Here]

Filezilla for Windows  [Here]

 

Black Cafe Logo [Here]

 

W3Schools

ONLINE SOURCE TO LEARN: [Here]

 

img [Here]

br [Here]

color / hex code [Here]

 

Modify the page to achieve a readable and legible result.

(Do not add any new tag)

 

Due before next class:

Your finished version of Black Cafe will be available at this address:

domainname.xyz/2020/typocafe.html

Make sure you will address the image will load on page.

 

Pay attention to margins, color, contrast, alignment, type choices, type size, hierarchy, ...

 

 

 

WEEK 13 |||  Apr 14 - Apr 16   ||||||||||||||||||

 

 

04.14.2020 |  7pm  |  Zoom Meeting

 

 

Brackets

 

 

TEXT COPY
___________

Black Cafe Recipe

 

Tapenade (Olive Spread)

This is a really simple dish to prepare and it's always a big hit at parties. My father recommends:

"Make this the night before so that the flavors have time to blend. Just bring it up to room temperature before you serve it. In the winter, try serving it warm."

 

Ingredients

1 8oz. jar sundried tomatoes

2 large garlic cloves

2/3 c. kalamata olives

1 t. capers

 

Instructions

Combine tomatoes and garlic in a food processor. Blend until as smooth as possible.

Add capers and olives. Pulse the motor a few times until they are incorporated, but still retain some texture.

Serve on thin toast rounds with goat cheese and fresh basil garnish (optional).

___________

 

Due before next class:

Your finished version of Black Cafe Recipe be available at this address:

 

domainname.xyz/2020/typorecipe.html

 

Make sure if you are using any image, you will address the image properly and image has been adjusted.

 

 

 

04.16.2020 |  7pm  |  Zoom Meeting

 

 

 

Due before next class:

Your finished the glossary page in the following  address:

 

domainname.xyz/2020/glossary1.html

 

 

 

 

 

WEEK 14 |||  Apr 21 - Apr 23   ||||||||||||||||||

 

 

 

You have your glossary1 page ready and accessible in below address:

 

domainname.xyz/2020/glossary1.html

 

New Topic:

Tables

 

We are going to make some table to crate structure in our page.

 

Due before next class:

 

glossary2 (html including table)

list

table

color

Type hierarchy

 

The final version of glossary page will be available at :

 

domainname.xyz/2020/glossary2.html

 

Your page must contain HTML including a designed table for A to Z characters.

 

 

Extra Credit:

Add 3 extra link (button) as "Back To Top" throughout the page only by using the code we learned so far.

For example: first button at 1/3 of the page, second at 2/3 of the page and the last button at the end of the page.

 

 

 

-------

 

Vote on Next project.

 

Anthony Bourdain (html+css)

Find the copy on source page.

 

Upload before next class:

domainname.xyz/2020/anthony.html

 

 

 

 

SoloLearn (Create a profile)

Complete HTML Fundamentals:

- HTML Overview

- HTML Basics

You will  be certified by the end of semester.

When you complete the course, you will receive a digital certification. You will share the certification and graduation code with me.

 

 

WEEK 15 |||  Apr 28 - Apr 30   ||||||||||||||||||

 

Introducing Project 4 - RCC - RED CUBE CAFE App [Here]

 

   

Creating assets for the app.

Logo, logotype(2 versions?)

slogan?, branding, imagery, ...

 

For inspiration:

brandcrowd.com

placeit.net/online-logo-maker

freelogoservices.com

 

Imagery according to restaurant cuisine

 

Download the template and print as much as you need. [Here]

 

​

 

Pay attention to all details, tap bars, nav-bars, margins, text-frame sizes, object scales, icon positions, ...

 

Although at this stage the goal is calculating all possible paths and scenarios, we can create a clean and sharp paper wire-frame.

 

 

WEEK 16 |||  May 05 - May 07   ||||||||||||||||||

 

 

Continue on Adobe XD

I recorded a short video on how to design a simple carousel in Adobe XD. You can find it on Titanium.

 

 

 

Thursday May 7th. I will be available via Zoom to assist you for the last project.

 

The due dates for all projects, certificate and presentation will be on Tuesday 12th at 7pm.

We will be online for the last time in this semester to say goodbye! :(

The only exception is the due date for RCC App which will be due on Thursday 14th at 7pm.

 

--------------

You people are the best! and I wish we could be in class to celebrate your fantastic work in this semester.

I love you all, and I hope to see you next semester on campus.

O.

--------------

 

 

 

NCSPD

Name_Class_Semester_ProjectName_Date.xxx

smith_art223c_sp20_selfiev1_mmddyy.jpg

 

THIS IS A
WEB FONT

 

THIS IS A
WEB FONT