04/11 › Thursday › Finishing Off

In class: Continue to work on any projects you need to refine or complete.

Verify Your Project Status on This Checklist Page

Black project titles indicate completed projects. Gray project titles indicate unpublishe projects. Gray Title followed by plus sign (portfolio +) indicates published but incomplete project.

04/01 › Monday › Take This Thing - Production Day

In class: Quick demo of generating image files for your site from your illustratior layou file. css_additions folder in class webshare for reference of drop shadows, rounded corners circular boxes and irregular edges. Begin production of site files for producing the functioning version of your design.

For Next Class: Build as much of the functioning site as you can. Note any problems you're having and have your questions ready for production help.

03/28 › Thursday › Take This Thing - Production Day

In class: Individual feedback on layouts and suggestios for refinement.

For Next Class: Begin production. Generate your images at the required scale for production and place them into the fancyscroll template, replacing the existing images.

03/25 › Monday › Take This Thing and Look at It

In class: Quick overview and review revised layouts. Individual instructor feedback. Set up site: define local and remote Root Folders

For Next Class: Revise layouts. Begin pre-production of site if you are ready. Isolate images as JPEG or PNG files, gather fonts etc.

03/18 › Monday › Take This Thing and Look at It

In class: Quick overview and review of layouts so far. Introduction to site files and understanding the CSS sheets and how to swap or add images. Small group reviews of layouts.

Dont's forget to update your blogs before tomorrow morning!!

For Next Class: Print revised layouts of your site design based on what you know of the template and it's limits.

03/18 › Monday › Take This Thing and Look at It

In class: Follow along with the demo in class or refer to how to make a contact sheet from the Adobe Help site. Small group table discussions of the story of your object. Use the sketch sheets provided in class to begin planning your site layout.

For Next Class: Bring your rough sketches AND a color printout of layout of your rough object story with text and images. Print BEFORE CLASS BEGINS in color on 8.5" x 11". Have your project printed and ready for discusion before class begins, or you will lose points on the project.

03/14 › Thursday › Take This Thing and Look at It

In class: Select an object from the collection and begin brainstorming the kind of back story you will build for it and 3 possiblitie for what that story might be. Fill out, print and submit your project proposal by the end of class.

For Next Class: Photograph your object from a variety of vantage points. Take at least 12 different photos with and/or without shadows/reflections. Post 5 images or articles to your blog site. Write critical responses for 3 of your posts.

03/11 › Monday › Keynote Presentation Build

In class: Gather your layouts and place them into the keynote presentation from the template in the class webshare. Introduction to the Queryocities project. Create a blog for collecting images videos or articles for critical review.

For Next Class: Post 5 images or articles to your blog site. Write critical responses for 3 of your posts.

References / Resources
02/24 › Thursday › Responsive Site Design

In class: Full Class review of sequences followed by small group table discussions of layouts.

For Next Class: Refine your design and develop iterations scaled to tablet and phone formats.

References / Resources
02/21 › Monday › Responsive Site Design

In class: Full Class review of sequences followed by small group table discussions of layouts.

For Next Class: Refine your design and develop iterations scaled to tablet and phone formats.

References / Resources
02/18 › Monday › Responsive Site Design

In class: Full class discussion of printed layouts. Short presentation on sequnce building with constants and variables.

For Next Class: Choose your strongest design and begin to build a sequence based on that design.

02/14 › Thursday › Responsive Site Design

In class: Full class discussion of printed layouts.

For Next Class: Revise or refine your strongest design. Build new designs to replace your weakest ones. 3 new P.O.V. page designs for critique next class. Make sure you consider both “point of view” and your assigned theme in the revised designs.

02/11 › Monday › Remix Revue and P.O.V. Design

From Last Class: Print your 3 mood files in color on 8.5" x 11" paper. Review in small groups to evaluate best mood.

In class: Follow the demonstration tutorials in class, Print out your named illustrator demo. Then begin designing your three (3) P.O.V. page layouts, each with a different background image, different text configurations and different navigation placement.

For Next Class: Print out your P.O.V. page designs for critique

02/07 › Thursday › Responsive Site Design

In class: Place your images in the course webshare for your classmates to access. Short prestation on image remix.

For Next Class: Combine images and construct 3 "mood boards" using the starter PSD file.

02/04 › Monday › @Fontface, Image & Pattern

From Last Class: Publish your colored site if you haven't already done so. Click on your name in the list in last Thursday's right column to verify it is in the right place.

In class: Make a duplicate of your tweets_color folder and rename it tweets_ti (Type, Image) Select one serif and one sans-serif typeface from the provided font folders in the class webshare. Follow the demonstration in class to substitute your selected fonts for helvetica and georgia in the CSS. Add a background image and/or pattern to the body and if you wish, a background pattern for the author, footer or some other div.

For Next Class: Gather or make 4 large image files (jpg, png or psd) for your assigned design property. Images should be 1920 x 1200 px and oriented in a landscape format. Name the files in the following format: yourlastname1.jpg. (or psd or png, you get the idea) see the design_properties folder in the class webshare for examples. Then place your files in the properties folder.

01/31 › Thursday › Color Analysis & Matching

In class: Correct any errors to your tweets site. Corrections are marked on the printouts of your code. Use the color_analysis_blank.ai file in the class webshare to detremine hexidecimal values for your the dominant, secondary and accent colors for a site of your choosing. Color the layot of the tweets site to mimic the sample site. Print your completed analysis and turn it in.

For Next Class: Duplicate your tweets folder and give it the name tweets_color. Edit the style sheet of the tweets_color site to match the layout you made in the color analysis. Upload the finished tweets_color folder to your webspace.

01/28 › Monday › Master Study Production

Bring: Your indesign Files for gathering measurement information to apply to your CSS file.

In class: You will be organized into clusters with classmates whose page construction will be similar to yours. After a short demonstration of formatting links in css, begin building your site layout. Start at the top and work your way down the page, formatting each element with its width and or height, margins, padding, color, background-color, etc.

For Next Class: Goal for next class is to have your page elements in place, then add any background images as needed.

01/25 › Thursday › Group & Instructor Feedback


Bring: Color prints of your 3 comparison pages.

In class: Small group crit sessions. Seek and give feedback on which the three tribute designs best matches the original. What needs refinement? What still may need to be added or deleted? working? Individual meetings with instructor after small group crits.

For Next Class: In needed, continue to fix and refine your tweets site.

01/21 › Monday › No Class

 

Martin Luther King Day

01/17 › Thursday › Production & Master Study

In class: Continue to build and test your tweet site. Introduction to Master Study project.

For Next Class: Use the indesign document to build 3 alternative layouts for your tweets information. Select 3 Site of the Day winners from awwwards.com Make sure your record the URL of your inspirational site so you can credit the site in your finished design. Using the elements from your tweets home page, build a layout that match SOD selection layout as precisely as you can.

References / Resources
01/14 › Monday › Tweet Site Production

In Class: Continue to build your linked pages for your tweet collection. Change the color palate to one of your own choosing. Make sure all related links open in a new browser window.

When you are finished filling in all information and links, publish the site to your webshare in a folder called tweets (all lowercase)

Check to make sure your site is working by accessing its URL:
www.ringling.edu/~username/tweets

Homework: Select and download alternatives to the "web safe" typefaces from fontsqurrel.com

01/10 › Thursday › Tweet Page Building

In class: Use the handouts provided in class for writing the standard style sheet for the Collected Tweet's page.

Begin the Tweet gathering process by identifying 8 topics of interest to you. Select one tweet for each topic and copy the URLs for both the Tweet itself, and the author.

Past the URLs into the provided indesign document.

We will use class time to finish gathering URLs for the links to related topics.

For Next Class:

Choose your own color palate and change your style sheet to colorize your tweet collection.

 
01/07 › Monday › Course Overview

Course Introduction. Quiz for self-directed learning about web terms. Set up and publish your first web page on the ringling server. Access your webspace work files from the class webshare.

For Next Class:Gather URLs and text of tweets. Add them to the ___ file in your folder on the class webshare.

References / Resources