User:Supisara/Final presentation: Difference between revisions

From XPUB & Lens-Based wiki
mNo edit summary
mNo edit summary
Line 218: Line 218:
File:Envelope-2.png|#2
File:Envelope-2.png|#2
File:Envelope-3.png|#3
File:Envelope-3.png|#3
</gallery><gallery widths="50" heights="50" caption="Stationery: Mock-up">
File:Envelope-brick-ref.png|Visual identity
File:Envelope-brick-ref.png|Visual identity
File:Set-1-test.png|Type 1
File:Set-2-test.png|Type 2
File:Set-3-test.png|Type 3
</gallery><gallery widths="50" heights="50" caption="Promo">
File:Punchcard-test.png|Punch card
File:Promo-test.gif|Animation sample 1
File:Promo-test-2.gif|Animation sample 2
File:Promo-test-3.gif|Animation sample 3
</gallery><gallery widths="50" heights="50" caption="Graduation Show & Shop">
File:Exhibition-test-2.png|Sign-up form
File:Exhibition-test-1.png|Letter reading & writing
File:Letters-editions-mockup.png|Editions
</gallery>
</gallery>
|}
|}
=== Visual identity ===
=== Mock-ups ===
[[File:Envelope-brick-ref.png|none|thumb|Reference / starting point: DL envelope|800x800px]]
 
==== Applications ====
{| class="wikitable"
{| class="wikitable"
!Category
!Sample
!Mock-up
|-
|-
|'''Stationery'''
|[[File:Set-1-test.png|thumb|'''Publication''' –– Envelope + Letter type 1|center|800x800px]][[File:Set-2-test.png|thumb|'''Publication''' –– Envelope + Letter type 2|center|800x800px]][[File:Set-3-test.png|thumb|'''Publication''' –– Envelope + Letter type 3|center|800x800px]]
|[[File:Set-1-test.png|thumb|Envelope + Letter type 1|center|800x800px]][[File:Set-2-test.png|thumb|Envelope + Letter type 2|center|800x800px]][[File:Set-3-test.png|thumb|Envelope + Letter type 3|center|800x800px]]
|-
|-
|'''Training punch card'''
|[[File:Punchcard-test.png|center|thumb|800x800px|'''Publication''' –– Loyalty/punch card as learning incentive]]
|[[File:Punchcard-test.png|center|thumb|800x800px|Sample 1: Loyalty card as learning incentive]]
|-
|-
|'''Promo'''
|[[File:Promo-test.gif|center|thumb|'''Promo''' –– Title card animation]][[File:Promo-test-2.gif|center|thumb|'''Promo''' –– Envelope reveal animation]][[File:Promo-test-3.gif|center|thumb|'''Promo''' –– Brick selection animation (sample content from the ''Dear Pusher'' letter)]]
|[[File:Promo-test.gif|center|thumb|Sample 1: Title card animation]][[File:Promo-test-2.gif|center|thumb|Sample 2: Envelope reveal animation]][[File:Promo-test-3.gif|center|thumb|Sample 3: Brick selection animation (sample content from the ''Dear Pusher'' letter)]]
|}
 
=== Graduation Show & Shop ===
 
==== Activation ====
{| class="wikitable"
|+
!Category
!Mock-up
|-
|-
| rowspan="2" |'''Show'''
|[[File:Exhibition-test-1.png|center|thumb|800x800px|'''Graduation Show / Shop ––''' Sample activity 1: letter opening + writing]]
|[[File:Exhibition-test-1.png|center|thumb|800x800px|'''Sample activity 1:''' letter opening + writing]]
|-
|-
|[[File:Exhibition-test-2.png|center|thumb|800x800px|'''Sample activity 2:''' sign-up form]]
|[[File:Exhibition-test-2.png|center|thumb|800x800px|'''Graduation Show / Shop ––''' Sample activity 1: sign-up form]]
|-
|-
|'''Shop'''
|[[File:Letters-editions-mockup.png|center|thumb|800x800px|'''Graduation Show / Shop ––''' 6 mini publications / exercises to choose from / subscribe to]]
|[[File:Letters-editions-mockup.png|center|thumb|800x800px|'''Sample publication 1:''' 6 mini publications / exercises to choose from / subscribe to]]
|}
|}

Revision as of 23:38, 18 June 2023

Intro

Process
1. Obstacle
2. Objective
3. Approach

Method

Walls
(A) Tool / Instrument
(B) Environment
(C) Interaction
(D) Standardized practice

Examples

No. Wall Category Context Approach Outcome Reference
Software (Adobe) A, D Pre-XPUB Mimic expected behavior of industry-standard software in other environments Software Misuse
Input device (mouse/keyboard) A, C, D Alternative mouse + keyboard 'Flatland'

  • Prototype 1

  • Prototype 2

Interaction (annotating) A, C XPUB1––Special Issue #16 Alternative ways to annotate with the Annotation Compass Inverse Annotations

  • Annotation sample 1

  • Annotation sample 2

XPUB1––Special Issue #17
Electronics component (piezo buzzer) XPUB1––Special Issue #18 'Manipulating' the sound of a piezo buzzer via contact between jumper wire and breadboard Weekly Release #1: Breadboard experiments with Jian
Language (HTML, CSS, Javascript) XPUB1––Special Issue #18 Learn coding through Twine and SugarCube Weekly Release #5: Nested Narratives website

  • Interactive fiction example 1

  • Interactive fiction example 2

  • Interactive fiction example 3

Instrument (Bastl Kastle v1.5) XPUB1–– Research Learn (1) basic HTML/CSS + how a mini modular synthesizer works (2) how front and back ends work (1) Workbook

(2) Workbook with Kamo

  • (1)

  • (2)

File format (.zip) XPUB2––Midwives labor unit Recreating the zip file opening experience .zip origami

  • Gift pt. 1

  • Gift pt. 2

Exhibition format (book fairs) XPUB2––Exhibition: Not Just a Fair 2023 DIY vending machine and publication 'Street Vendor-Publisher' with Chae

  • Vending machine

  • Publication

  • Staff uniform

  • Publication restock

  • 'Drawing' tools

  • 3D-printed tools

  • Promo

Instrument (pen) A XPUB1-2–– Research (1) Drawing as (1a) information processing method, (1b) user behavior observational method; (2) Exhibition as (1) Hackpact

(2) Exhibition: Groot Rotterdams Atelier Weekend 2022

Notebook A XPUB2––Research
Writing XPUB2––Thesis Letter writing to fictional Cross-Making program participant Thesis

Thesis - Project

  • Wall

  • Approach

Process

Stage Output Format Reference
1 –– Project proposal XPUB Takeaway Zine
DIYry Diary
2 –– Thesis (writing) 1. ChipF(r)ic Interactive fiction
  • Interactive fiction components

  • 'Walls'

  • 'Powers'

2. "Dear Maker," Letter
3 –– Thesis (submission) Cross-Making: Cross-Training as a Method for Learning Through Making by Graphic Designers Letter
  • Environments

  • 1. Google Docs: document outline

  • 2. HEMA envelopes DL: windows

  • 3. Google Drive folders

  • 4. MediaWiki

  • Process

  • 1. Google Docs

  • 2. Converting document headings to envelopes

  • 3. Submission for archive

4 –– Thesis (circulation prototype) Letter
  • Prototypes

  • Google Drive

  • Google Docs #1.0

  • Google Docs #1.1

  • Google Docs #2

4 –– Project A Wall is an Envelope [working title] Letter, MediaWiki
  • Wall / Envelope types
    1. 1
    1. 2
    1. 3

  • Visual identity

Mock-ups

Sample
Publication –– Envelope + Letter type 1
Publication –– Envelope + Letter type 2
Publication –– Envelope + Letter type 3
Publication –– Loyalty/punch card as learning incentive
Promo –– Title card animation
Promo –– Envelope reveal animation
Promo –– Brick selection animation (sample content from the Dear Pusher letter)
Graduation Show / Shop –– Sample activity 1: letter opening + writing
Graduation Show / Shop –– Sample activity 1: sign-up form
Graduation Show / Shop –– 6 mini publications / exercises to choose from / subscribe to
Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Supisara/Final_presentation&oldid=244172"