User:Supisara/Special Issue 17/Team 1: Difference between revisions

From XPUB & Lens-Based wiki
 
(8 intermediate revisions by the same user not shown)
Line 3: Line 3:
with Kamo, Mitsa, Erica
with Kamo, Mitsa, Erica


== Curation ==
== Overview ==
== Conceptualization ==
== Prototyping ==
== Design ==


Contents consist of 4 types of pages: index, contribution titles, contents, and QR code.
{| class="wikitable"
|-
! Phase !! Description !! Link
|-
| 1.) Initiation || Overview/scope of work || [https://hub.xpub.nl/soupboat/pad/p/team-1-030322 pad 1], [https://hub.xpub.nl/soupboat/pad/p/team-1-task-list pad 2]
|-
| 2.) Curation || Curation of existing contents || [https://cryptpad.fr/sheet/#/2/sheet/edit/Opp4ZQKXg3b0yU6OvMRJkv0j/ source contents]
|-
| 3.) Conceptualization || Proposals for post-its and QR codes || [https://pad.xpub.nl/p/post-it pad 1], [https://pad.xpub.nl/p/SI17_QR pad 2]
|-:
| 4.) Design || Mockups for post-it contents || [https://www.figma.com/file/wVdpA2iwKN3hT9YXONqXTj/SI17 figma]
|-
| 5.) Development || Prepare and upload contents for post-it generator || [https://git.xpub.nl/kamo/post-it-contents git]
|-
| 6.) Delivery || Contents generated || [https://hub.xpub.nl/soupboat/postit/ post-it generator], [https://hub.xpub.nl/soupboat/postit/generate/?print=True pdf], [https://issue.xpub.nl/17/index.html SI17 website]
|}
 
== In detail ==
=== Contents ===
 
<gallery>
File:Photo 2022-03-27 13-15-37.jpg|Initial content sorting
File:Photo 2022-03-29 11-27-18.jpg|Stack test
File:Photo 2022-03-28 19-58-36.jpg|Content sorting round 2
</gallery>
 
'''Ordered index:''' content lineup categorization and curation:
 
# WHAT IS A LOOT BOX  (lootbox)<br>
# CROSSWORD IMAGINARY GRID GAME (productive play glossary definition games gamification ideology)<br>
# ONE-SENTENCE GAMES (playability gaming fiction)
# NIM fanfiction(organization hierarchy fiction a bit cute and sad)<br>
# THE MURDEROUS HISTORY OF LOOT BOXES (lootbox and monster and sarcasm appropriation)<br>
# UNFINISHED THOUGHTS (productivity play blur walking inside lootbox adventure)<br>
# THE LEADER (work env, cards, sarcasm appropr inspo)<br>
# CONNECT-LESS (networking, inspo, good tool, precarious conditions)<br>
# XQUISITE BRANCH (collect draw tool playful)<br>
# KATAMARI fanfiction (fiction, rolling messy accumulation funny)<br>
# LIFE HACKS (toxic positivity, cheap solutions, accessibility optimization)<br>
# GAMING CAN MAKE A BETTER WORLD (gamification work env sarcasm popop)<br>
 
=== Design ===
 
'''1. Overview'''
 
Contents consist of 4 types of pages: index, contribution titles, contents, and QR code. Typeface selections are Special Issue 17 Regular for titles and Arial Regular for body text, to suggest the juxtaposition of work and play throughout the publication.


{| class="wikitable"
{| class="wikitable"
Line 14: Line 56:
! Page !! Description !! Reference
! Page !! Description !! Reference
|- style="text-align:left; vertical-align: top;"
|- style="text-align:left; vertical-align: top;"
| Index || Example || [[File:Si17 postit index.gif|thumb|none|Contributions index]] || Example
| Index || Contributions are separated by the use of the Special Issue 17 font for the first letter for each contribution.|| [[File:Si17 postit index.gif|thumb|none|Contributions index]]
|- style="text-align:left; vertical-align: top;"
|- style="text-align:left; vertical-align: top;"
| Contribution title || Example || Example || Example
| Contribution title || Outlined Special Issue 17 font with hand drawn contribution title||[[File:Si17 postit title.gif|thumb|none|Sample title]]
|- style="text-align:left; vertical-align: top;"
|- style="text-align:left; vertical-align: top;"
| Contents || Example || Example || Example
| Contents || Content pages follow the same format, with the exception of card games or image-based contents. All pages have a progress bar footer as page numbers to indicate the player's progression. || [[File:Content-sample-1.png|thumb|none]]
|- style="text-align:left; vertical-align: top;"
|- style="text-align:left; vertical-align: top;"
| QR code || Example || Example || Example
| QR code || QR code pages follow a similar format but are adapted for each contribution. || [[File:Qr-postit.gif|thumb|none|Sample QR]]
|}
|}


== Development ==
'''2. Process'''
 
See also: [https://www.figma.com/file/wVdpA2iwKN3hT9YXONqXTj/ figma] <br>
 
'''Design development:'''
 
[[File:Photo 2022-03-29 11-22-32.jpg|thumb|none|Mockup progression]]
 
Scrapped mockups:
 
<gallery>
File:Postit-concept.gif|Concept for post-it reading method
File:Postit-test.gif|Replaced "box" from the publication title with a keyword from the contribution
File:Si17-postit-r1.gif|Testing header, footer, title, body, annotation elements
File:Si17-postit-r1-1.gif|Testing content page layouts
File:Si17-postit-r1-2.gif|Testing QR code pages
</gallery>
 
'''Printing:'''
 
<gallery>
File:Photo 2022-03-29 11-15-51.jpg|Plexi sample with paper test
File:Photo 2022-03-27 13-15-06.jpg|Color matching with plexi samples
File:Photo 2022-03-29 11-22-22.jpg|Mockup test
File:Photo 2022-03-27 13-14-55.jpg|Opacity test 1
File:Screen Shot 2022-03-29 at 11.31.48 AM.png|Opacity test 2
</gallery>

Latest revision as of 11:50, 29 March 2022

Team 1: Inside the Box

with Kamo, Mitsa, Erica

Overview

Phase Description Link
1.) Initiation Overview/scope of work pad 1, pad 2
2.) Curation Curation of existing contents source contents
3.) Conceptualization Proposals for post-its and QR codes pad 1, pad 2
4.) Design Mockups for post-it contents figma
5.) Development Prepare and upload contents for post-it generator git
6.) Delivery Contents generated post-it generator, pdf, SI17 website

In detail

Contents

  • Initial content sorting

  • Stack test

  • Content sorting round 2

Ordered index: content lineup categorization and curation:

  1. WHAT IS A LOOT BOX (lootbox)
  2. CROSSWORD IMAGINARY GRID GAME (productive play glossary definition games gamification ideology)
  3. ONE-SENTENCE GAMES (playability gaming fiction)
  4. NIM fanfiction(organization hierarchy fiction a bit cute and sad)
  5. THE MURDEROUS HISTORY OF LOOT BOXES (lootbox and monster and sarcasm appropriation)
  6. UNFINISHED THOUGHTS (productivity play blur walking inside lootbox adventure)
  7. THE LEADER (work env, cards, sarcasm appropr inspo)
  8. CONNECT-LESS (networking, inspo, good tool, precarious conditions)
  9. XQUISITE BRANCH (collect draw tool playful)
  10. KATAMARI fanfiction (fiction, rolling messy accumulation funny)
  11. LIFE HACKS (toxic positivity, cheap solutions, accessibility optimization)
  12. GAMING CAN MAKE A BETTER WORLD (gamification work env sarcasm popop)

Design

1. Overview

Contents consist of 4 types of pages: index, contribution titles, contents, and QR code. Typeface selections are Special Issue 17 Regular for titles and Arial Regular for body text, to suggest the juxtaposition of work and play throughout the publication.

Page Description Reference
Index Contributions are separated by the use of the Special Issue 17 font for the first letter for each contribution.
Contributions index
Contribution title Outlined Special Issue 17 font with hand drawn contribution title
Sample title
Contents Content pages follow the same format, with the exception of card games or image-based contents. All pages have a progress bar footer as page numbers to indicate the player's progression.
Content-sample-1.png
QR code QR code pages follow a similar format but are adapted for each contribution.
Sample QR

2. Process

See also: figma

Design development:

Mockup progression

Scrapped mockups:

  • Concept for post-it reading method

  • Replaced "box" from the publication title with a keyword from the contribution

  • Testing header, footer, title, body, annotation elements

  • Testing content page layouts

  • Testing QR code pages

Printing:

  • Plexi sample with paper test

  • Color matching with plexi samples

  • Mockup test

  • Opacity test 1

  • Opacity test 2

Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Supisara/Special_Issue_17/Team_1&oldid=215321"