Theory: Labeling + Organize
Design: Unity + Emphasis & Focal Point
Technical: Digital Imaging + Image optimization
Practice: Digital Mock-up
Asynchronous Due for Class 3
- Review: Elements & Principles Design Principles Unity
- Watch: Beginning Graphic Design: Images
- Install: Adobe Photoshop and XD on your computer.
- Work on:
- Tutorial 2 | Adobe XD | Wireframe to Prototype Step 1.
- 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 3.
- Post: Tutorial 2 | Adobe XD | Wireframe to Prototype Step 1 | to Blackboard / Work Submission / Tutorials / Tutorial 2 Step 1.
- Attendance & Announcements
- Project 1 | Assignment 2 Redesigned proposal, site map and wireframe presentations
- UI Design Development: Initial Planning + Information Architecture
- 2D Design Principles: Unite & Emphasis | CRAP in Design
- 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
- Adobe XD
- Project 1 | Assignment 3
Asynchronous Due for Class 4
- Review: 2D Design Principles: Uni ty & Emphasis| CRAP in Design
- Tutorial 2 | Adobe XD | Wireframe to Prototype | Steps 2, 3 and 4. Post to Blackboard under Tutorials / Tutorial 2 to the related step.
- Post: Blackboard / Assignments / Class 4 on Project 1 | Assignment 3: Post proposed redesigned first sketches for four (4) pages for web done in Adobe XD. Make sure you are collecting assets for your site.