CDT328: GRAPHIC AND USER EXPERIENCE DESIGN

Chapters

(v.004 - 2018_8_30: added official pages)

(v.003 - 2018_8_30: ui/ux for games)

(v.002 - 2018_8_23: 2d and ui theory)

(v.001 - 2018_8_8: spawn)

http://sarosworld.com/ui

Course Syllabus

Final (Deadline is last time class before midnight, +5 points).
Group task:
1.) Conclusion video tape including: all of contents, contexts, your feeling, feedback from spawn point until the end that you got to course.
2.) Finalized latest version of documents and upload into cloud follows:
    2.1) Startup document.
    2.2) Paper (journal format).
    2.3) Report feedback from investor pitching (tape,image,doc).
    2.4) Score checking board.
    2.5) Team Picture (1080p). example
3.) Create a poster A3 size (vertical) including QR code linked to your facebook's page or group. example

NOTE: Example Student's Feedback
HIM496: Design for Animation and Digital Media (2/60)
http://sarosworld.com/animate
HIM497: Exhibition Design (1/60)
http://sarosworld.com/exhi
SV431: Service Management and Innovation Seminar (1/60)
http://sarosworld.com/service

Leader task:
1.) Conclusion score checking board as exel file included all students score using excel format.

2.) Accessibility settting to public on facebook's group or page.
3.) Invite letter

Official Page

2018

Score (100 Points)
1.) 50 Points - Startup Project.
2.) 20 Points - Submit paper to journal (TCI).
3.) 30 Points - Get raise fund from investor or government agent or trusted company. (15 Points - Just only pitching.)
4.) No midterm, No final

Extra rule

1.) Get raise fund from investor or government agent or trusted company - guarantee A grade).

2.) Paper can publish on conference or journal - guarantee A grade).

3.) Checking out evaluation rules if 1.) and 2.) absent.

Evaluation Rules
1.) 10 WIP, 50 points, 5 point each.
2.) Max point first and sub-rules follows:
     2.1) Not in-time schedule, -1
     2.2) Not upload video to cloud or not in-time schedule , -1
     2.3) Not presentation handout or not in-time schedule , -1
     2.4) Members absent, -1
     2.5) Not self-evaluation form (score checking board), -1
note: sending time depend on server time. (facebook, youtube)
3.) Before midnight homeworks include members code, name and url must posting on class facebook. Chief create facebook page for this course.
4.) Chief, conclusion all of score checking board in final class, excel file.
score checking board (.pdf)
score checking board (.doc)

WIP Components
1.) Video.
2.) Document.
3.) Score checking board.

Contents.
1.) Fundamental of Startup, UI/UX, animation and digital media.
2.) Story, mainpoint and viral tape.
3.) Character design, drawing and coloring. [mirror]
4.) Fashion design and digital media. [mirror]
5.) UI/UX modern V traditional techniques.
6.) Varieties of digital media procedure.
7.) Teamwork for productions.
8.) Fuzzy of digital media marketing.

Schedule
1. Introductions fundamental component design and tools. (Photoshop and ARSA Framework)

Understanding 2D Real-time Rendering.
Saros Official

The Fundamentals of UI Design.
How to design interfaces that are consistent and scalable.
Christopher Murphy

Using Light, Color and Contrast Effectively in UI Design.
Dmitry Fadeyev

Lean and Mean: Power of Minimalism in UI Design.
Tubik Studio

10 refreshing minimalism UI design inspirations.
MockingBot

How to Maximize Content in a Minimalist UI Design.
Carrie Cousins

3 Techniques for the Perfect Minimalist Web Interface.
Carrie Cousins

Atomic Design.
Brad Frost

10 User Interface Design Fundamentals.
Treehouse

Design The core principles of UI design.
Jane Portman, UI/UX Consultant

User Interface Elements (OldSchool)
www.usability.gov

Effective Visual Communication for Graphical User Interfaces (OldSchool)
Suzanne Martin

2. UI/UX for games.

Breakdown the game (Pick one up from your favorite games).
1. What's this game ?
  1.1 Category.
  1.2 Brief Description.
  1.3 Rating.
2. Story.
Storytelling + Design Thinking (Adam Westbrook)
3. Characters.
4. System.
  4.1 Game play mechanic.
  4.2 Control.
  4.3 Items.
  4.4 Rule.
  4.5 Gimmicks.
5. Conslusion and Discussion.

3. Connection processed between computing language and UI/UX. (1)
4. Connection processed between computing language and UI/UX. (2)
5. Proposal and business plan.
6. WIP1 (Proposal, Business plan)
7. WIP2 (Literature, Methodology, Questionnaire, Sample)
8. WIP3 (Experimental with Target audience, consumer: 100-200 people) and production.
9. WIP4 (Result + Conclusion and Discussion) and production.
10. WIP5 (Find out Investor) and production.
11 WIP6 (Find out Investor) and production.
12 WIP7 (Find out Investor) and production.
13 WIP8 (Find out Investor) and production.
14 WIP9 (Find out Investor) and production.
15 WIP Final (Close job)

Books

Arsa Tangchitsomkit (2017). illustrations saros real battle. College of Innovation, Thammasat University. (51 Mb)
Arsa Tangchitsomkit (2017). Behind the scene: Zaros X Battle. College of Innovation, Thammasat University. (45 Mb)
Arsa Tangchitsomkit (2017). The Making of Saros Real Battle. College of Innovation, Thammasat University. (71 Mb)
Arsa Tangchitsomkit (2017). Computer Games x Education x Technology. College of Innovation, Thammasat University. (31 Mb)