Thursday 09/23
Theory: Visual Communication
Design: Review + Layout + Unity
Technical: Grid + Digital Imaging
Practice: Research
Asynchronous Due Class 2
-
- Review: Syllabus & Course Outline and Schedule
- Review: (In Blackboard you can find the link to a video of a previous class synchronous meeting with detailed explanation on the content below.)
- Work: After going through the presentation on UI Design Principles go through Project 1 Worst of the Web assignment 1 and research a “Really bad site”. (In Blackboard you can find the link to watch the video of our synchronous meeting with more detailed explanation on the first part of the project.)
- Post: Go to Blackboard / Work Submission / Assignments / P1. Assignment 1 – Due by the beginning of Class 2
- Install: Adobe Photoshop, XD, Dreamweaver on your computer and go through Digital Imaging (check this video https://www.youtube.com/watch?v=A7SKEMxf3Uc).
Synchronous
- Attendance & Announcements
- Review Creativity & Principles of UI Design
- E-portfolio, User Interface
- Elements & Principles Design | Unity
- Project 1: Worst of Web Presentations
- UI Design Development: Information Architecture | Site Map, Wireframing
- Digital Imaging
-
-
- Raster x Vector
- Resizing x Resampling | Photoshop
- Best Extension
- Optimizing images for web
- Image Size:
Area size in pixels (inches, etc.) + Resolution in dots (or pixels) per inch (dpi) = File size in bits
Optimize for web: Area size not bigger than the site area, Resolution at 72 dpi, File size below 200 dpi
-
-
Asynchronous Due Class 3
- Review: Elements & Principles Design Principles Unity
- Watch: Beginning Graphic Design: Images
- Install: Adobe Photoshop and XD on your computer.
- Work on:
- Tutorial 1 | Interface Design
- Project 1 Worst of the Web redesigned proposal, site map and wireframe four pages two pages web, and two pages mobile
- Post: Redesigned proposal, site map and wireframe two pages web, and two pages mobile to Blackboard / Work Submission / Assignments / P1 | Assignment 2 – Due by the beginning of Class 2
- Post: Tutorial 1 | Interface Design to Blackboard / Work Submission / Assignments / Tutorial 1.