|
Semester: |
Fall 2018 |
|
Department: |
Art and Design |
|
University: |
California State University, Fresno |
|
Course Name: |
Advanced Internet Design |
|
Instructor: |
Rusty Robison |
|
Location: |
Kremen Education Building, Rm 174 |
|
Time: |
Tuesdays & Thursdays, 8:00am – 10:45am |
|
Units: |
3 |
|
Instructor Email: |
rrobison@csufresno.edu |
|
Office Hours: |
Mondays and Wednesdays, 9am–11:30am |
|
Class Website: |
http://robison.fsartanddesign.org |
Prerequisite: GD 41, GD 39. Introduction to web design for graphic designers, focusing on current web standards. Emphasis on page structure, typography and user experience design principles. (6 lab hours). (Course fee, $30).
This class focuses on designing for the web. Students will learn the differences of designing for web and interactive design compared to print design. They will learn the basics of website structure and organization, plan layouts, understand and use appropriate color theory and typography for Web design. Students will learn fundamentals of writing their own markup for implementing their designs. Including HTML5, CSS3, and basic javascript; as well as learning to use File Transfer Protocol (FTP) uploading a fully developed and functioning website to a server. The will also be introduced to fundamentals of user experience design (UX), user interface design (UI), and usability research methods.
GD1. To analyze, comprehend and evaluate the principles, theories and applications of graphic design as they apply to designing for the web. (THEORIES & PRINCIPLES ASPECT)
GD2. To demonstrate the capacity and ability to be a critical, creative visual thinker and to synthesize and apply processes, skills in the evaluation and application of graphic design. (CREATIVE & APPLICATION ASPECT)
GD3. Analyze and synthesize social, cultural, historical and critical issues of graphic design including ethics in web design. (SOCIETAL & CULTURAL ASPECT)
GD4. Demonstrate basic knowledge of technological developments and application in graphic design for the web. (TECHNOLOGICAL ASPECT)
Coursework will include weekly assignments, quizzes based on readings and videos, an individual project, and a larger collaborative project. Submitting work requires careful attention to detailed instructions.
Attendance is mandatory. Success in this course relies on learning skills that build on each other over time.
The final grade will made up of 40% weekly assignments, 20% individual project, and 40% final group project.
Students will need to have access to a computer with an internet connection. Graphics software applications, such as Adobe Photoshop and Illustrator, will be needed occasionally, but are not a significant part of this course. Students are expected to keep up to date with current web design practices via RSS, podcasts, books, youtube, etc.
Students who miss class must keep up with the material by consulting the class website and fellow classmates. If a student misses a technical lesson/tutorial, they are responsible for finding other tutorial resources in order to complete the assignment on time.
Technical difficulties (i.e. computer crashed, jump drive lost, etc.) will not be accepted as excuses for not finishing assignments. There are many resources available to you on campus, and numerous cloud storage services. My intention is to prepare you for the professional world where these situations are unacceptable. Always have a Plan B.
Students are responsible for understanding the policies and procedures about the adding/dropping of classes, academic renewals, etc. Students can find more information on adding and dropping at http://www.fresnostate.edu/studentaffairs/classschedule/registration/add-drop.html .
For information on the University's policy regarding cheating and plagiarism, refer to the Class Schedule (Legal Notices on Cheating and Plagiarism) or the University Catalog (Policies and Regulations)." You may also direct students to the online required syllabus policy statement page ( http://www.csufresno.edu/academics/documents/RequiredSyllabusPolicyStatements_001.doc )
At California State University, Fresno, computers and communications links to remote resources are recognized as being integral to the education and research experience. Every student is required to have his/her own computer or have other personal access to a workstation (including a modem and a printer) with all the recommended software. The minimum and recommended standards for the workstations and software, which may vary by academic major, are updated periodically and are available from Information Technology Services (http://www.fresnostate.edu/technology) or the University Bookstore (http://www.kennelbookstore.com). In the curriculum and class assignments, students are presumed to have 24-hour access to a computer workstation and the necessary communication links to the University's information resources.
This syllabus and schedule are subject to change. In real-world situations like this, there is no one-size-fits-all strategy towards the design process. The schedule defined below provides an umbrella framework under which student teams will articulate their own methodologies and timelines.
Information on student rights, responsibilities, academic honesty, etc., can be found on the Fresno State Student Handbook web page. The web page is located at: http://www.fresnostate.edu/studentaffairs/division/general/studenthandbook/ .
|
Week 1 |
Introduction to Web Design; HTML Basics |
|
Week 2 |
Web inspector, HTML Basics II, Spacing, CSS Box Model |
|
Week 3 |
Web Typography and Images |
|
Week 4 |
Web Typography and Images continued |
|
Week 5 |
CSS Positioning; Project One (Type Specimen) |
|
Week 6 |
Web Color, HTML5 & CSS3 |
|
Week 7 |
Project Two: One Page Informational Website |
|
Week 8 |
Project Two: One Page Informational Website |
|
Week 9 |
User Experience overview; Ethics in Web Design |
|
Week 10 |
Information Architecture, Prototyping, Wireframes; UX for Project Three |
|
Week 11 |
Responsive Design; UX for Project Three |
|
Week 12 |
Web Animations; UX for Project Three |
|
Week 13 |
Final Project: Website Redesign |
|
Week 14 |
Final Project: Website Redesign |
|
Week 15 |
Final Project: Website Redesign |
|
Week 16 |
Finals week |