CIS 232. Integrated Design II. WA 219 Thursday 6:00 p.m. - 8:54 p.m. Instructor: Elizabeth Hayden Cell:

Transcription

1

2 CIS 232 Integrated Design II WA 219 Thursday 6:00 p.m. - 8:54 p.m. Instructor: Elizabeth Hayden Cell: haydenelizabem01@jccmi.edu Course Description Students will design creative publications via Adobe InDesign while integrating design from Adobe Photoshop and Illustrator. Topics in this class will include: page layout, styles, layers, color separation, and interactive PDFs. Prerequisite(s) CIS 128 & CIS 132 or CIS 136 Course Goals To give students an understanding of the theoretical basis of Desktop Publishing, To provide the student with skills necessary to produce print ready, aesthetic publications. To provide the student with in depth knowledge as to the techniques used to prepare printed text Performance Objectives The student will be capable of recognizing and creating aesthetic desktop publishing documents. To create an assortment of business oriented publications; ex: brochures, calendars, promotional publications. To create aesthetic, professional, print ready publications. Textbook(s) Interactive InDesign, Mira Rubin The text used in CIS 136, Adobe InDesign CS6 Revealed, by Chris Botello, will be used as a reference. Additional Materials Flash drive for saving/transporting files and mat board for project presentation. There will also be expenses for projects you will need to have professionally printed. Plan accordingly for due dates. CIS 232 Integrated Design II 2

3 Grading Procedure 1) Please note: The timeliness in which you complete your assignmnets will directly affect others in your class, since many of our projects are group projects and require each student to complete their part and complete it ON TIME. 2) All projects must be turned in as packaged InDesign files (packaged properly), include PDF document and a hard copy unless otherwise specified. Zip and name correctly. Projects should be completed using techniques covered to date. Uploads - ONLY TO JETNET - unless otherwise instructed. Late projects will be accepted up to ONE WEEK after the due date with a 50% penalty. Projects will count 75% (300 points) of your final grade; Exams/Other Projects will be the remaining 25% (100 points). Makeup Policy Missed exams can be made up only if arrangements are made with the instructor PRIOR to the examination date. Grading Scale Grade Points Percent to % to % to % to % to % to % to % to % to 260 below 52% CIS 232 Integrated Design II 3

4 Academic Honesty Policy Academic honesty is expected of all students. It is the ethical behavior that includes producing their own work and not representing others work as their own, either by plagiarism, by cheating, or by helping others to do so. Plagiarism is the failure to give credit for the use of material from outside sources. Plagiarism includes but is not limited to: Using data, quotations, or paraphrases from other sources without adequate documentation. Submitting others work as your own. Exhibiting other behaviors generally considered unethical. Cheating means obtaining answers/material from an outside source without authorization. Cheating includes, but is not limited to: plagiarizing in all forms using notes/books without authorization copying submitting others work as your own or submitting your work for others altering graded work falsifying data exhibiting other behaviors generally considered unethical Collaboration While JCC encourages students to collaborate in study groups, work teams, and with lab partners, each student should take responsibility for accurately representing his/her own contribution. Consequences/Procedures Faculty members who suspect a student of academic dishonesty may penalize the student by taking appropriate action up to and including assigning a failing grade for the paper, project, report, exam, or the course itself. Instructors should document instances of academic dishonesty in writing to the dean of Faculty. Anyone caught cheating on an assignment or exam will receive a zero for that project. If caught cheating more than once, the student will receive a zero for the class. Computer Lab Hours The schedule for drop-in laboratory time will be posted at the beginning of the semester. Student Appeal Process In the event of a dispute, both students and faculty should follow the Conflict Resolution Policy. This policy is represented in Student Rights and Responsibilities (student handbook) and the Master Agreement. Attendance Policy Attendance is expected in all class and laboratory periods. Since regular attendance is necessary for successful college work, no class or laboratory absences are disregarded. Attendance will be CIS 232 Integrated Design II 4

5 periodically reported the Registrar s Office during the semester. You can view the attendance report on JCC e-services. Following are the codes that will be used: H = The student is not doing acceptable work and needs Help to be successful. Q = The student has not participated and the instructor believes they have unofficially withdrawn (Quit). These students will be dropped/withdrawn if they do not attend the first class. V = The instructor Verifies that the student is participating and doing acceptable work. Extra Help If you are having a problem with class material, attendance, or other class related matters, please contact your instructor. Tutors (plus additional services for academic success) can be accessed by calling or by stopping by the Center for Student Success. Student Responsibilities The student is responsible for the material covered in a missed class. Notify your instructor in advance if you are going to miss an exam and make arrangements to take that exam. Associate Degree Outcomes: The Jackson Community College Board of Trustees has developed a list of essential skills which all of its associate degree graduates will enhance during their college experience. The Board has said: JCC s goal is to prepare students to live productive and meaningful lives. Implicit in this goal are efforts to prepare students to: (a) live and work in the twenty-first century, (b) be employed in situations which will require retraining several times during a productive life, and (c) function in a rapidly changing informational society. The highest priority skills include, among others: 1) The ability to communicate clearly, concisely, and intelligibly, using oral skills 2) Use critical thinking and problem solving skills 3) Use computers and other technologies appropriate to the program of study Upon completion of this course, students will be able to: 1) Design and produce printed publications by exploring, drafting, revising, proofreading and editing documents (ADO 1a) 2) Work productively with others. (ADO 5) 3) Use word processing software to create documents to be placed and formatted in desktop publishing software. (ADO 7) 4) Identify design elements including layout, color coordination and balance. (ADO 12) CIS 232 Integrated Design II 5

6 CIS 232 INTEGRATED DESIGN TENTATIVE SCHEDULE WEEK DATE LESSON/TOPIC ASSIGNMENT DUE DATE Week 1 1/16 Welcome & Introduction to Course Review - Submit/Download/Access Files Packaging & Exporting Files / Contests Calendar file set-up Design-a-Calendar Bring in Calendar Samples Calendar Samples - Wk 2 Thumbnails - Wk 2 Final File Due - Wk 3 Week 2 1/23 Review of Calendar Samples & Thumbnails Due Determine Final Design Elements for Calendar & finish Calendar set-up Finish month for Calendar Profile Thumbnails Submit Calendar Wk 3 Week 3 1/30 Calendar Files Due Profile Page & Cover file set-up Bring a printed proof of your profile page & cover for class review and discussion. Profile Page Thumbnails & Critique - Wk 4 Final File Due - Wk 5 Week 4 2/6 Review Profile Page & Cover Thumbnails Critique printed proofs Profile page Wk 5 Week 5 2/13 Profile Page Due at beginning of class Profile Book Building Bring in Magazines Wk 6 Week 6 2/20 Submit Profile Book Magazine Review Magazine Building Magazine Cover Magazine Cover Thumbnails - Wk 7 Critique - Wk 8 Final File Due - Wk 9 Week 7 2/27 Magazine Thumbnails Due Acrobat Form Fields Digital Form Wk 11 February March 3 - March 9 Mid-Semester Break Week 8 3/13 Week 9 3/20 Magazine Critiques ~ Bring a Printed Proof ~ Interactive/Video Document Building Magazine Cover Due - Presentations Research Custom Promo Document Custom Promo Document Wk 12 Interactive/Video Project Wk 15 CIS 232 Integrated Design II 6

7 WEEK DATE LESSON/TOPIC ASSIGNMENT DUE DATE Week 10 3/27 Booklet Discussion Class Time to Finalize Projects Booklet Booklet Thumbnails - Wk 11 Final - Wk 15 Week 11 4/3 Digital Form Due Booklet Thumbnails Due Class Time to Finalize Projects Professional Piece Thumbnails - Wl 12 Final - Wk 14 Week 12 4/10 Custom Promo Doc Due Professional Thumbnails Due Class Time to Finalize Projects Week 13 4/17 Class Time to Finalize Projects Week 14 4/24 Professional Piece Due Class Time to Finalize Projects Week 15 5/1 Booklet Due Interactive/Video Project Presentations PROJECTS Please Note: You will be printing the Calendar and the Profile book. There will be a small charge (TBD) for the printing of these. You will want to plan on purchasing at least one of each for your portfolio. Calendar (1/24) 60 Profile Page & Cover (2/7) 70 Magazine Cover (3/14) 50 Digital Form (3/29) 50 Custom Promo Document (4/5) 60 Professional Piece (4/19) 60 Animated/Video Project (4/26) 50 Booklet (4/26) 100 TOTAL 500 Extra Credit Register and compete in a design contest 50 pts Submit same file used in contest along with all contest info & results CIS 232 Integrated Design II 7

8 Calendar Due Dates Thumbnails - 1/17 First Draft Critque - 1/17 Final File Due - 1/24 As a class, we will be determining the specifications for a calendar. We will create a template with a table for the days and styles for type. Each student will use the class template to create one month of the calendar along with that month s photo. Bring in an example of a calendar on Week 2 Page size: 9 x 12, landscape Paper size: 12 x 18 portrait Trim size: 11 x 17, folded to an 8.5 x 11, saddle stitched Grading: Overall Layout & Design Month meets size requirements...10 Design shows imagination...10 Design corresponds with month and calendar theme...10 Layout is neat and free of spelling errors...10 Colors used enhance the design....5 Table used for the days of the month...5 Styles used for text....5 Example Calendar & Thumbnails shown in class...5 Total Points Available 60 * We will be having these printed for a minimal fee. Cost will be announced. CIS 232 Integrated Design II 8

9 Profile Page, Book & Cover Due Dates Thumbnails & Print Critique - 1/31 Final File Due - 2/7 Design a page for the CIS232 class directory in grayscale; include a digital picture and some info about you. Objective: To design and package a document for publication; importing an image edited in PhotoShop into InDesign. Photography: Take two digital photos of yourself. (use webcam on Mac or your own camera) Select the best photo and edit or enhance it in PhotoShop. Save the photo as a grayscale tiff. Page Layout: Page size: 8 x 8 Columns: 2 or 3 Margins:.25 inch Full Bleed is optional - if used, you must set document bleed margin Thumbnail sketches: Plan your layout before you start working on the computer. Create a minimum of three thumbnail sketches to determine your approach to the page design. The page setup must comply with the specified measurements to fit into the booklet. What to include: Aside from your name and photo, include something about yourself; a hobby, current employment, career goals, anything you would like to share with the rest of the class. Design your own front cover. (Back cover is provided) Critique: Bring a printed proof for class review and discussion. Save, Package, and Submit: Save your document using your last name, an underscore and profile (ex: hayden_profile). Package file. Export to PDF for print (high quality) include bleeds and crop marks and submit the packaged file and the PDF - Document bleed info MUST be included for proper printing. See instructions for Packaging and Submitting projects. Print: After the original due date, all individual page files will be available on JetNet for you to assemble the complete booklet for printing purposes. Grading: Your Profile page Your complete file, including all pages...35 Total Points Available 70 * We will be having these printed for a small fee if you would like to purchase one. Cost will be announced. CIS 232 Integrated Design II 9

10 Magazine Cover Due Dates Thumbnails - 2/14 Print Critque - 3/7 Final File Due - 3/14 Using your knowledge of design, layout, and InDesign, create a replica magazine cover of one of your favorite magazines. The cover should be for the May 2012 issue and should contain a minimum of three feature articles to entice readers. It should also reflect the time of the year: season, activities or events that usually occur at this time of year. Use the magazine cover as your guide. Feel free to customize while maintaining the magazine s identity. Size: Size your document the same as the original magazine that you choose to work with; include a full bleed. Submit the packaged InDesign file and include the exported PDF for print. Grading: Overall Layout & Design Design represents the selected magazine...10 Magazine cover set-up correctly with a full bleed...10 Cover lists 3 feature articles...5 Colors used give a cohesiveness and enhance the design....5 Design & graphics are neat in appearance (no low-res graphics)...10 Matted for presentation...10 Total Points Available 50 CIS 232 Integrated Design II 10

11 Digital Form Due Date: 3/28 Using the information we reviewed in class, create a form in InDesign, export to PDF for print, utilize the form fields tools in Acrobat on the file located in JetNet Be sure to test your file before submitting for grading. Grading: Overall Design & Layout is organized and easy to follow...10 Correct grammar and spelling is used throughout...10 Document is professional in appearance...10 All items necessary for the form are included...10 Form fields are aligned and sized correctly...5 Project is matted for presentation...5 Total Points Available 50 CIS 232 Integrated Design II 11

12 Custom Promo Document Due Date: 4/4 Design a document with an unconventional, customized shape; it must have something unusual or unique in its shape and fold. Start by folding an 8 ½ by 11 piece of paper into multiple shapes to determine your final composition; You could explore origami shapes or ideas such as a cootie catcher, triangle, butterfly, etc. (A book on Origami is a good place for ideas or Measure the folds and digitally mark the areas for graphics/type in your InDesign document. (use Master Pages for as many guides as you can) The final document can be smaller than letter size paper. Choose a product, company, or event to promote. Gather graphics (hi-res, no pixilated images*) and information about your topic. Size: Maximum size 8 1/2 by 11 (portrait or landscaped) Submit final document - packaged, exported to PDF print and zipped Grading: Layout & Design organization is well thought out...20 Uniqueness of Shape...10 Guides were used to layout the design...10 *Design neat in appearance Variety of emphasis used for text...10 Total Points Available 60 CIS 232 Integrated Design II 12

13 Professional Piece Due Date: 4/18 The professional piece will be your choice of publication for an actual business or employer. You need to start thinking and planning this project at the beginning of the semester. If you choose to do a business card for someone or a business; you must also create the logo and the files for stationary (letterhead and envelopes) and note pads. Grading: Layout & Design is organized & well thought out...10 (submit thumbnails) Correct grammar and spelling is used throughout...10 Final printed product is professional in appearance...10 (submit professionally printed samples) Files are packaged to Print Providers specs...10 Met the Client s needs and was finished on time...10 Project is matted for presentation...10 Total Points Available 60 CIS 232 Integrated Design II 13

14 Booklet Due Dates Thumbnails 4/4 Final 4/25 Design and produce an eight-page booklet with a theme of your choice. Objective Begin by developing design concepts, page composition and typographic aesthetics in conjunction with skills, including: importing text and images, formatting text, paragraph and object styles, tabs and tables. Utilize master pages, and work with reader (facing pages) and printer spreads (pages designed on the actual size paper it will be printed on) to produce, print and bind a booklet. Document Layout: & Page size: Plan page size so that a spread can be printed on standard size paper (8 1/2 by 11, 8 1/2 by 14, or 11 by 17 ) Number of pages: 8 - w/ self cover Binding: fold, comb binding, saddle stitch (stapled on spine), glued spine, or another binding of your choice. Thumbnail sketches: Plan your layout before you start working on the computer. Create thumbnail sketches to determine your approach to the page design. You may include photos or illustrations throughout the book, these elements must relate to your theme. Your pages should work together to balance one another; but have enough distinctiveness for the book to flow. Remember, if all pages are essentially the same, the book gets boring. If the pages are too different, there is no cohesiveness. Grading: Use these InDesign functions: Master Pages (include auto pgs) Imported Graphic/Images Indents, Tabs & Paragraph Leading (space before & after)... 5 Styles (Paragraph, Character, Object) TOC & Index Thumbnail Sketches turned in BEFORE starting project on the computer Appearance & Organization No spelling or grammatical errors Packaged document & PDF for print included Total Points Available 100 Please Note: For professional looking documents, you will need to utilize a printer other than the classroom printer. For presenting your best work and a fine document you should make arrangements to have it printed elsewhere. These college printers are best used for proofing assignments only. CIS 232 Integrated Design II 14

15 Animated / Video Project Due Date: 4/25 Create a two page, instructional document, that will be viewable as a interactive PDF and/or SWF for online viewing. It will need to include elements similar to the project we did in class. Be sure to test all video and interactive elements before submitting. Project must include these tested and working elements: 1 - video 1 - hyperlink 1 - button with various states (min. of one button - must include normal, rollover and click state) 1 - animatied element 1 - page transition Submit the packaged InDesign document, the interactive PDF and the SWF files in a zipped folder. Grading: Layout is eye-catching and interesting to view...10 Interactive elements: Video...10 Button(s) with various states...10 Hyperlink...5 Animation...5 Page Transition...5 Document theme is informative and consistant throughout...5 Total Points Available 50 CIS 232 Integrated Design II 15

16 Packaging, Exporting & Submitting Unless otherwise stated, all your InDesign files should be submitted packaged (which includes the native file, links and fonts) and the zipped folder you submit should contain the packaged folder and the exported PDF (in the appropriate format - print, interactive, swf, etc...) For all your assignments and projects, you will be required to do one or more of the following procedures for file submission. SAVING: Your last name, underscore, project name ex: hayden_profile.indd hayden_profile.pdf PACKAGING: Name folder with your last name then the project name ex: Hayden Profile EXPORTING: Export all PDF for print as high quality for print unless otherwise instructed Export other interactive elements following guidelines for online viewing ZIPPING: Contain all files (packaged or otherwise) in a folder with your name and the project name. Zip or compress the folder (depending on the computer you are using) prior to submitting. PRINT PROVIDER SPECS: Most printers will want to have the original (native) document packaged so that all fonts and links are included. They will also want you to send a PDF for print (high quality) with bleed marks and crop marks. In certain scenarios, they may require a hard copy, or a printed sample of how the final document is to look once it is completed. If in doubt - always ask! CIS 232 Integrated Design II 16