This is Advanced Computer Application to Graphic Design course! A class with the purpose of introducing the design concepts and skills required to develop interactive content for the screen-based media. This class will focus primarily on the merging of aesthetics and functionality in interface design, designing information architecture, and designing for a satisfactory user experience.
I will be encouraging you to work both individually and in groups during the semester on various projects, across various applications. However, the course remains focused upon understanding and the application of basic conceptual and design skills. I intend to provide these required skills to you, in informative, fun, and creative ways!
Please check out and use the links on the right column☞ for help and inspiration!
Reading Assignment this weekend: UI Design Basics Visual Design, please put down your reading notes on your journal.
T 12/03—Work in class, Individual progress report Th 12/05—User Testing and Critique (Yvonne will be in Boston, Kayce will facilitate our progress critique ) T 12/10—Branding Campaign final presentation—pdf due on TCUOnline by 9am F 12/13—Journal site is due at 8:00pm via email
Bootstrap is a free front-end framework for faster and easier web development
Bootstrap also gives you the ability to easily create responsive designs
T Oct 29——Work in class Th Oct 31—User testing and critique (3 or 4 sections) T Nov 5—Work in class Th Nov 7—Event Website final presentation
You are expected to have their fully functioning website uploaded to their server and accessible via web browser. Reply to my group email with your URL. The website needs to be put on digital mock ups and submit on TCUOnline. Please include title, description, web fonts, colors and other graphic elements.
Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).
Viewport—When using Media Queries you need to include a viewport otherwise you will not get the anticipated result.
Media Queries can be used to ensure that your site will work correctly regardless of the user’s screen size, origination, color and aspect ratio. Media Queries allow you to specify criteria that match the viewing device, a desktop/laptop, iPad, cell phone etc.