Category Archives: CAS

Computer Art Studio

CAS 03: UI + Prototyping 09/16/19

null

Refer to this Process:
01 (Research) thought out. What are you planning, who is it for? How will users interact with it? You had an idea last week. Create a “Requirements Document”.
02 Empathize. Usability. User Scenario. UIX map. Talk about options.
03 Create. Wireframes and Moodboards
04 Test. Lo-Fi Prototype
05 Develop. High Resolution, Functional prototype

This is the process leading to the midterm (Process + High Resolution, Functional prototype)

Introduction to HTML/and Web Development:
Practice Code.

Software:
Editors – BBEdit, TextWrangler
Brackets
My new favorite
Dreamweaver??

Practice:
W3
HTML: START
Review:
– Setting up a development environment
– Viewing Code
– Testing code
– Version control
Image Map?

LAB 03: Usability and HTML
Create:
02 Empathize. Usability. User Scenario. UIX map. Talk about options.
03 Wireframes.

HTML/CSS:
2 HTML pages, with images and links. Link to each other and back + external links

CAS 02: Illustrator + UI, 09/09/19

Updated Syllabus
Set up a “Blog”
Last week: Photoshop
Big Learning Curve: But resources are available

This week: Illustrator
Differences?
bitmap
GUI

UI:
Basics
Another
You Need a Process
Bad UI?
Good UI?

PRACTICE:
Round Corners
Shape Builder, several resources
Pixel Grid in parts
UI
Web and UI
I kinda like this disco “tutorial”.
Another – This one for Video Game assets
Resources

LAB 02: AI & UI
Refer to this Process: By the end of class, have 01 (Research) thought out. What are you planning, who is it for? How will users interact with it?

Show your “mark” or “Brand”, created with Illustrator. Output as a .jpeg or .png and upload to your blog.