SPECIAL ISSUE 13 MARTIN BOARD: Difference between revisions

From XPUB & Lens-Based wiki
Line 104: Line 104:


===With Pyhton===
===With Pyhton===
 
<br>
<br>
→&nbsp;1.&nbsp; [[Generating 100 000 billions of poems]]<br>
→&nbsp;1.&nbsp; [[Generating 100 000 billions of poems]]<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; from ''100 000 milliards de poèmes'' — Raymond Queneau (1961)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; from ''100 000 milliards de poèmes'' — Raymond Queneau (1961)

Revision as of 10:16, 11 April 2021

WHAT DID I DO?



  • During this Special Issue 13, on one hand, I have been involved into the creation of the visual identity of the project with the design team. Creating the map of maps, the colophon, and the cover of our book all entirely with a WebtoPrint process and by using free licensed typefaces and materials. I also gave a little help on the launch page, but it remained a very small contribution on that part. Finally an even smaller but still relevant contribution to the collective work was my title suggestion: Wor(l)ds for the Future.


  • On the other hand, I have been working on the essay called TENSE, by creating 4 different HTML printable pages. With my interpreation, I amplify the author’s discourse on descriptive language by using and overusing meta-descriptions (html tags). Meta language is undeniably descriptive, as it allows a machine to interpret content and to give the structure of a Web page. By making these meta tags visible, I wish to affect the reader/user experience and interepreation of the text.


WORKLINKS

Workshops

Collaboration, Conflict & Consent with Eleanor Greenhalgh

→ 1.  Workshop page
→ 2.  Freeze

Annotating

Words/publications to read/annotate : Tense, Practical Vision, Eco-Swaraj
Team: Pon, Floor & Martin

→ 1. TENSE PDF PADMAP
        Simon(e) van Saarloos / from Words of the Future - Nienke Scholts (2017)
→ 2. Practical Vision PDFPAD
        Moses Kilolo / from Words of the Future - Nienke Scholts (2017)
→ 3. Eco-Swaraj PDF PAD
        Ashish Kothari / from Words of the Future - Nienke Scholts (2017)

Licensing

→ 1.  Writting a General License - group work with Floor, Pon & Camillo (in Progress) PAD
→ 2.  License to Sub-License - individual work (in Progress) PAD

Mapping readings

→ 1.  Mapping the map - group work with XPUB1 / coordinated by Steve PAD
→ 2.  A3 MAP TEMPLATE (FOR PRINT TEST)

Creating a map of maps

→ 1.  TEMPLATE
→ 2.  PAD FOR "MAP OF THE MAPS" GUIDELINES / QUESTIONS / DEADLINES

About the notion of "Meta"

Making a image that describe itself as an image, a map that describes itself as a map, by using Ascii aalib (Keywords: reflexivity; embodied aesthetic; meta-cognitive; representation; sublime; attention; paradox; mise en abyme;)
→ 1.  The meta as an aesthetic category Bruno Trentini (2014)
→ 2.  File:RMZ ARTIST WRITING(2).pdf The eye tells the story by Rosa Maria Zangenberg (2017)
→ 3.  Leonardo Da Vinci - Paragone by Louise Farago

Design department Special ISSUE XII

→ 1.  HOTLINE
→ 2.  PAD

General Links

ALL PADS

TEXTS

https://pzwiki.wdka.nl/mediadesign/Category:WordsfortheFuture

Word Authors PDF (small)
LIQUID Rachel Armstrong, Andrea Božic & Julia Willms (TILT) link
OTHERNESS Daniel L. Everett, Sarah Moeremans link link link
PRACTICAL VISION Moses Kilolo (Jalada), Klara van Duijkeren & Vincent Schipper (The Future) link link link
ECO-SWARAJ Ashish Kothari, Rodrigo Sobarzo link link
HOPE Gurur Ertem, Ogutu Muraya link
TENSE Simon(e) van Saarloos, Eilit Marom & Anna Massoni & Elpida Orfanidou & Adina Secretan & Simone Truong link link
UNDECIDABILITY Silvia Bottiroli, Jozef Wouters link
RESURGENCE Isabelle Stengers, Ola Macijewska link
!? Nina Power, Michiel Vandevelde link
ATATA Natalia Chavez Lopez, Hilda Moucharrafieh link

Prototyping

With Pyhton



→ 1.  Generating 100 000 billions of poems
          from 100 000 milliards de poèmes — Raymond Queneau (1961)
→ 2.  Trump speeches words occurences counter
→ 3.  Computer assisted licensing
→ 4.  Making a Gradient Patch (Coordinated by Manetta and Michael)

SPECIAL ISSUE VISUAL DESIGN

Creating the map with Web to Print

export 1
export 2
export 3
export 4
export 5
export 6















































































Creating the cover and colophon with Web to Print

WFTF Colophon Web To Print
WFTF Colophon Simulation























Map preview IRL

WFTF map timelapse
Final printed map IRL
WFTF map in use











































Book preview IRL

WFTF Book Final Shot 01
WFTF Book Final Shot 02


















WFTF book final shot 03
WFTF book final shot 04


















TENSE

Our process in pads

Our process in Figma

A note about the text

Because the text itself is very spontaneously written and quiet 'apocalyptic' in a way. It has different motions to adress. Sometimes personal thoughts. Sometimes philosophical thoughts. It is not an essay with a conclusion, but more a flow of ideas. After reading it we had a lot of thoughts and discussions about what it really means. The text self is not easy to understand and we needed to use the dictionairy frequently. To explain this text we would need a lot more text. The summary would count more words than the actual essay so we're currently working on alternative way(s) to make this essay intelligible.

Work in progress mapping the essay with visual parts https://www.figma.com/file/QFNnwDTXWSxFIjZQC65pcr/Tense?node-id=0%3A1

Navigation Screen Captures

Square screencapture TENSE 01
Square screencapture TENSE 02























Square screencapture TENSE 03
Square screencapture TENSE 04























Square screencapture TENSE 05
Square screencapture TENSE 06























TENSE screen capture Square 01
TENSE screen capture Square 02























TENSE Web to Print Process

Tense Essay To Print 01
Tense Essay To Print 02

















Tense Artistic Response To Print 01
Tense Artistic Response To Print 02

















Post-Launch TENSE Motion Design Process

Working from a Web interation video capture

Trying to play around with the Browser window resizing in order to create a playful animation decidaced be a thumbnail of the project. The two first screen capture will be the basis of the upcoming motion. I will first try to smooth the window movement and make the two screen capture fit togehter before synchronizing them and looping them.

TENSE MOTION Initial Screen Capture 1
TENSE MOTION Initial Screen Capture 2























Smoothing/Combining/Synchronizing Frames

Working from a videocapture and trying to smooth the quiet laggy movment of the window was quiet tricky, I got there after a while.

Export 1
Export 2
Export 3





























































Final Result Square + Rectangle Format

Tense Motion V3 - Martin Foucaut
TENSE Motion Rectangle Format Loop in the loop