|
|
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Document</title>
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
<link href="https://fonts.cdnfonts.com/css/fjord" rel="stylesheet">
|
|
|
<link href="https://fonts.cdnfonts.com/css/notcouriersans" rel="stylesheet">
|
|
|
<link href='https://fonts.googleapis.com/css?family=Catamaran' rel='stylesheet'>
|
|
|
<script>
|
|
|
function displayText() {
|
|
|
var x = document.getElementById("textField");
|
|
|
if (x.style.display === "none") {
|
|
|
x.style.display = "block";
|
|
|
} else {
|
|
|
x.style.display = "none";
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
|
<nav>
|
|
|
<a href="index.html"><button class="btn home">home</button></a>
|
|
|
<button onclick="displayText()" class="btn infobutton">info</button>
|
|
|
<a href="notebooks.html"><button class="btn print">printable version</button></a>
|
|
|
<a href="videos.html"><button class="btn mynotebooks"> my notebooks</button></a>
|
|
|
<a href="notebookgenerator.html"><button class="btn generator"> notebooks generator</button></a>
|
|
|
<a href="Paper_Notebooks_Thesis.pdf"><button class="btn pdf">thesis</button></a>
|
|
|
<a href="https://pzwiki.wdka.nl/mediadesign/How_to_make_a_notebook_that"><button class="btn wiki">research</button></a>
|
|
|
<a href="gallery.html"><button class="btn gallery">gallery</button></a>
|
|
|
<a href="about.html"><button class="btn about">about</button></a>
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
<div id="textField" style="display: none;">
|
|
|
<textarea name="lala" id="" cols="30" rows="10" style="display: block; margin-left:20px; margin-top: 400px; position: absolute; font-family: 'NotCourierSans', Courier, sans-serif; border-color: #9594C4;;" >
|
|
|
A SORT OF INTRO LETTER
|
|
|
Dear soon-to-be-maker,
|
|
|
I welcome you into the world of notebooks. The object you are now holding in your hands is the final result of a year-long research. I am Emma, a student of the Experimental Publishing Master course at Piet Zwart Institute in Rotterdam. During the second year of our studies, we are asked to work on a research project and to make it public in this specific context.
|
|
|
The result of my research is a kick-starter kit, or a game, or a (note-)book, to start questioning and experimenting with the creation of notebooks.
|
|
|
My aim was to create an object that could be used, and not only consumed. Thus, I would like you, my reader, my user, to become a maker through the use of this kit. I hope you will enjoy the journey through my texts, my prototypes, my questions and my answers. I hope you will find your way in the practice of making notebooks and you will explore the feelings of creating your own tool.
|
|
|
I made many different choices in the creation of this work, and I would like to share them with you. Therefore, if you are interested in knowing more, go on reading!
|
|
|
|
|
|
WHY DID I DO THIS?
|
|
|
One of the main reasons I feel the urgency to discuss this topic is based on both my personal experience and the experiences of others during their growth. It revolves around the standardization of abilities, desires, and ways of living. Throughout our lives, we are expected to meet certain standards and conform to generalisations. However, these structures may be comfortable for some individuals while making others feel completely out of place.
|
|
|
In general, in society, I don’t like that we are expected or used to be all the same, that expressing who we are is not part of daily life, but many times it’s a shaming process that has a lot of impact on growth and development of self. I believe that the rise of consumerism has contributed to this phenomenon. We have become accustomed to the idea that we can simply buy objects, disregarding whether they are tailored specifically for us or if they are designed in the same way for everyone else in the world.
|
|
|
I would like this research to be a sort of manifesto for a general context but using the notebook as a metaphor: Who are you? How does your brain work? How do your ideas come along? What are your needs from a tool that society provides in a standardised form?
|
|
|
It is not only about making a notebook, it is how making a notebook will put you in the position of questioning who you are and the objects you use, why you use them and how something made by you for you could look and feel like.
|
|
|
|
|
|
HOW THE (NOTE)BOOK IS MADE
|
|
|
Initially, the goal was to create a kit for making notebooks that could be read, but also used to practically make notebooks. To do so, I used my existing collection of texts, conversations, images, thoughts. Making a multitude of prototypes throughout the research process helped shape the material concept of this (note-)book, intertwining practical prompts and inspirations with theoretical texts. I made these prototypes to be able to analyse them and write about them; on the other side, I needed the right notebooks to take notes and develop this project, supporting my thinking and learning needs.
|
|
|
The first prototype worth mentioning is “the first notebook kit: An adjustable and editable notebook with included tape and papers for continuation” (find the analysis in the cards!). This notebook is directly inspired by the concept of index cards: they are cards used to store a small amount of content. Reading about them in history, I discovered that they are mainly used for two reasons: as a memory aid and to create new connections. I divided the texts into smaller cards, making editing choices and ensuring each card can stand alone. This prevents overwhelming the reader and allows for creating connections between the cards. In the moment the concept of modularity found me and grasped my interest, I created another prototype: the triad notebook. This prototype is composed of 3 rows (as the one you’re holding has 4), that can be browsed in different ways, helping to recreate connections between the different sections.
|
|
|
Next to modularity, customizability was another essential aspect, as the core concept of the entire project. I want to acknowledge our individuality and the desire to interact with objects in our own way. To achieve this, the chosen spine lets you, the user, to take possession of the object and participate in its use and creation. The spine allows a 360 degrees rotation so that all the content in the rows can reconnect to the other rows. In addition, it enables experimenting with different notebooks structures; you could mix your own pages with the provided ones; you could get rid of all the pages I provided, and fill it in with yours. Or you could make new notebooks. In addition, the pages can become cards and can be used without the spine. Would they still be a (note-)book then?
|
|
|
Defining when a notebook ceases to be a notebook has been a question throughout this process. While this publication is printed, I hope that through these different considerations, at least for some, this could still be defined as a notebook.
|
|
|
The content originates from my own reflections and the notes I took, both digital and handwritten. The latter were notes and now, after printing them out I wonder, are they still?
|
|
|
Last but not least, to minimize paper waste the publication is printed on an A4 layout. Further information about paper size is provided inside this spread.
|
|
|
|
|
|
HOW THE (NOTE)BOOK IS DESIGNED
|
|
|
Through these last two years in the course, one of the main things we have been taught is to use alternative ways and tools to produce our publications. This is one of the reasons why I chose to develop a Python script for the purpose. But it doesn’t stop here. The script generates a different positioning for each card every time it is run. This deliberate randomness in the placement of the cards allows for a user-centric experience, where the order and arrangement are not predetermined. The script enables the generation of different PDFs for printing with each reload, ensuring that users encounter a distinct arrangement of cards every time the content is printed. This approach embraces modularity again, as the connections between cards can vary based on their specific positions. Whether one reads card A next to card B or card A next to card C, the experience will differ. The intention behind this is to offer an individual experience to each user, encouraging them to create their own unique connections.
|
|
|
|
|
|
WHY A PRINTED PUBLICATION IS IMPORTANT
|
|
|
Apart from everything described above, for example the possibility to edit the order of the cards, or to manipulate the spine and transform the basic structure of the object, there are other reasons why a printed publication is necessary at this point.
|
|
|
First, the choice() method, one of the Python functions used in the main script, selects a random element from a list. You know that it is choosing from a list of options, but what happens in the back, it’s not given to you. So, I wondered: what happens when you mirror digital interactions into a physical movement? When this concept is applied to the (note-)book in your hands, you become the one determining how you navigate through the rows of cards. You have control over the changes, appearances, and disappearances of content. While the specific content behind each card remains unknown, you can physically perceive the anticipation and surprise.
|
|
|
Secondly, the act of turning the pages, the feeling of the paper are essential features that add a lot to the experience. Through this research, I have discovered the significance of reading and taking notes in physical form. What I found the most interesting is the impact and importance of the physical act of turning pages and the spatial layout of text: readers engage more, understand and remember more; the spatiality of a physical object facilitates a deeper interaction and comprehension of the materials. For further insights, refer to the excerpts from my thesis.
|
|
|
|
|
|
THE METHODS USED
|
|
|
The methods I used to feed this publication are multiple experiments and approaches I worked with between March 2022 and April 2023. The first one is my personal notebook process that consists in the creation of different prototypes to analyse and question my use of notebooks and to discover how to modify them to adjust them to my needs. The second method consists in having discussion groups to collect opinions through conversation and questions. The third one involves gathering and analysing the work of other users to understand how they approach the same process. The last method is the Collaborative Explorative Sessions (C.E.S.): the C.E.S. are a collaborative playground to experiment with a collection of exercises together with the workshop participants. I created the C.E.S. through the knowledge acquired in the process and specifically thanks to the first three methods included in the research, as well as inspired by Generative Design Research, which includes the end user in the design process (Sanders and Stappers, 2014). All these methods will not be discussed inside this publication, but related thoughts and opinions will be presented in some of the cards. In addition, the results of the research are published in my thesis, “Paper Notebooks: From an Industrial Model to a Tool of Expression” (2023), produced in the context of the graduation research from the Experimental Publishing (XPUB) Master course at the Piet Zwart Institute, Willem de Kooning Academy, Rotterdam University of Applied Sciences.
|
|
|
|
|
|
COLOPHON&LICENSE
|
|
|
Emma Prato
|
|
|
June 2023
|
|
|
design, texts, pictures: Emma Prato
|
|
|
pictures of some of the CES prototypes: Ål Nik
|
|
|
pictures of me unfolding the “notebook kit”: Michael Murtaugh
|
|
|
paper: circle offset 170g /
|
|
|
context natural 150gsm (insides);
|
|
|
conqueror ivory 300gsm (cover);
|
|
|
leftovers for introtext and back cardboard
|
|
|
typefaces: catamaran by Pria Ravichandran,
|
|
|
notcouriersans by Ludivine Loiseau and OSP
|
|
|
downloaded from https://www.design-research.be/by-womxn/
|
|
|
printed at: wdka, rotterdam
|
|
|
copyleft: this work is free, you can copy, distribute and modify it
|
|
|
under the terms of the Free Art License http://www.artlibre.org
|
|
|
[EMMA PRATO, HOW TO MAKE A NOTEBOOK THAT...: FROM
|
|
|
INDUSTRIAL MODEL TO TOOL OF EXPRESSION,
|
|
|
published in June 2023, Rotterdam, NL]
|
|
|
</textarea>
|
|
|
</div>
|
|
|
<div class="grid-row reverse video-gallery">
|
|
|
<input type="radio" value="1" name="video-list" id="video-1" checked="checked" /><label for="video-1">My first notebook - first half</label>
|
|
|
<input type="radio" value="2" name="video-list" id="video-2" /><label for="video-2">My first notebook - second half</label>
|
|
|
<input type="radio" value="3" name="video-list" id="video-3" /><label for="video-3">My last notebook</label>
|
|
|
<input type="radio" value="4" name="video-list" id="video-4" /><label for="video-4">The printed publication</label>
|
|
|
<input type="radio" value="5" name="video-list" id="video-5" /><label for="video-5">The letter one</label>
|
|
|
<input type="radio" value="6" name="video-list" id="video-6" /><label for="video-6">The ring one</label>
|
|
|
<input type="radio" value="7" name="video-list" id="video-7" /><label for="video-7">The Iperborea ones (before the project)</label>
|
|
|
<input type="radio" value="8" name="video-list" id="video-8" /><label for="video-8">A5 with colourful paper (before the project)</label>
|
|
|
|
|
|
|
|
|
<!-- videos -->
|
|
|
<div class="video video-1">
|
|
|
<iframe width="560" height="315" src="first_one_first_half.mp4" frameborder="0" allowfullscreen></iframe>
|
|
|
</div>
|
|
|
|
|
|
<div class="video video-2">
|
|
|
<iframe width="560" height="315" src="first_one_second_half.mp4" frameborder="0" allowfullscreen></iframe>
|
|
|
</div>
|
|
|
|
|
|
<div class="video video-3">
|
|
|
<iframe width="560" height="315" src="last_one.mp4" frameborder="0" allowfullscreen></iframe>
|
|
|
</div>
|
|
|
|
|
|
<div class="video video-4">
|
|
|
<iframe width="560" height="315" src="publicationshow.mp4" frameborder="0" allowfullscreen></iframe>
|
|
|
</div>
|
|
|
|
|
|
<div class="video video-5">
|
|
|
<iframe width="560" height="315" src="letter-one.mp4" frameborder="0" allowfullscreen></iframe>
|
|
|
</div>
|
|
|
|
|
|
<div class="video video-6">
|
|
|
<iframe width="560" height="315" src="ring-one.mp4" frameborder="0" allowfullscreen></iframe>
|
|
|
</div>
|
|
|
|
|
|
<div class="video video-7">
|
|
|
<iframe width="560" height="315" src="iperborea.mp4" frameborder="0" allowfullscreen></iframe>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="video video-8">
|
|
|
<iframe width="560" height="315" src="before-the-project.mp4" frameborder="0" allowfullscreen></iframe>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</body>
|
|
|
</html>
|
|
|
|