added images

master
flem 2 years ago
parent 64f39de095
commit 18a3d6ba4b

Before

Width:  |  Height:  |  Size: 435 KiB

After

Width:  |  Height:  |  Size: 435 KiB

Before

Width:  |  Height:  |  Size: 435 KiB

After

Width:  |  Height:  |  Size: 435 KiB

Before

Width:  |  Height:  |  Size: 149 KiB

After

Width:  |  Height:  |  Size: 149 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 404 KiB

Before

Width:  |  Height:  |  Size: 454 KiB

After

Width:  |  Height:  |  Size: 454 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

Before

Width:  |  Height:  |  Size: 290 KiB

After

Width:  |  Height:  |  Size: 290 KiB

Before

Width:  |  Height:  |  Size: 443 KiB

After

Width:  |  Height:  |  Size: 443 KiB

Before

Width:  |  Height:  |  Size: 623 KiB

After

Width:  |  Height:  |  Size: 623 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 292 KiB

Before

Width:  |  Height:  |  Size: 2.2 MiB

After

Width:  |  Height:  |  Size: 2.2 MiB

Before

Width:  |  Height:  |  Size: 246 KiB

After

Width:  |  Height:  |  Size: 246 KiB

Before

Width:  |  Height:  |  Size: 2.4 MiB

After

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Before

Width:  |  Height:  |  Size: 207 KiB

After

Width:  |  Height:  |  Size: 207 KiB

Before

Width:  |  Height:  |  Size: 266 KiB

After

Width:  |  Height:  |  Size: 266 KiB

Before

Width:  |  Height:  |  Size: 224 KiB

After

Width:  |  Height:  |  Size: 224 KiB

Before

Width:  |  Height:  |  Size: 801 KiB

After

Width:  |  Height:  |  Size: 801 KiB

Before

Width:  |  Height:  |  Size: 711 KiB

After

Width:  |  Height:  |  Size: 711 KiB

Before

Width:  |  Height:  |  Size: 713 KiB

After

Width:  |  Height:  |  Size: 713 KiB

Before

Width:  |  Height:  |  Size: 629 KiB

After

Width:  |  Height:  |  Size: 629 KiB

Before

Width:  |  Height:  |  Size: 323 KiB

After

Width:  |  Height:  |  Size: 323 KiB

Before

Width:  |  Height:  |  Size: 241 KiB

After

Width:  |  Height:  |  Size: 241 KiB

Before

Width:  |  Height:  |  Size: 152 KiB

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 277 KiB

Before

Width:  |  Height:  |  Size: 200 KiB

After

Width:  |  Height:  |  Size: 200 KiB

Before

Width:  |  Height:  |  Size: 92 KiB

After

Width:  |  Height:  |  Size: 92 KiB

@ -1 +0,0 @@
<p class="wiki"> What is the starting need that brought to the creation and use of the notebook?** This question helps to highlight the starting point and main reason for the creation of a new notebook (or modification applied). it can be described in a few words. </p>

@ -1 +0,0 @@
<p class="wiki"> What is the starting need that brought to the creation and use of the notebook?** This question helps to highlight the starting point and main reason for the creation of a new notebook (or modification applied). it can be described in a few words. </p>

@ -1 +0,0 @@
<p class="wiki"> What is the starting need that brought to the creation and use of the notebook?** This question helps to highlight the starting point and main reason for the creation of a new notebook (or modification applied). it can be described in a few words. </p>

@ -1 +0,0 @@
<p class="wiki"> What is the starting need that brought to the creation and use of the notebook?** This question helps to highlight the starting point and main reason for the creation of a new notebook (or modification applied). it can be described in a few words. </p>

Before

Width:  |  Height:  |  Size: 217 KiB

After

Width:  |  Height:  |  Size: 217 KiB

Before

Width:  |  Height:  |  Size: 537 KiB

After

Width:  |  Height:  |  Size: 537 KiB

Before

Width:  |  Height:  |  Size: 191 KiB

After

Width:  |  Height:  |  Size: 191 KiB

Before

Width:  |  Height:  |  Size: 161 KiB

After

Width:  |  Height:  |  Size: 161 KiB

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 2.1 MiB

Before

Width:  |  Height:  |  Size: 640 KiB

After

Width:  |  Height:  |  Size: 640 KiB

Before

Width:  |  Height:  |  Size: 493 KiB

After

Width:  |  Height:  |  Size: 493 KiB

Before

Width:  |  Height:  |  Size: 946 KiB

After

Width:  |  Height:  |  Size: 946 KiB

Before

Width:  |  Height:  |  Size: 238 KiB

After

Width:  |  Height:  |  Size: 238 KiB

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 592 KiB

Before

Width:  |  Height:  |  Size: 871 KiB

After

Width:  |  Height:  |  Size: 871 KiB

@ -0,0 +1,7 @@
## what you will find inside this notebook/book/object/publication/game
is a selection of multiple things, that all try to help you, a user that could soon become an active maker, to get inspiration and start making notebooks into your own practice.
some things will stop and continue on a different card, try to reconnect them to go on reading! Nothing is in order, every piece of the publication is positioned almost 100% randomly in the different cards. You might feel lost, in that case move on, read something else, write down something. You might find an explanation somewhere else.
some of the cards are pieces of my personal thoughs while, in the last year, i have been experimenting with notebooks' making. They might feel completely out of context, as also the pictures of the notebooks these comments are referred to are randomly spread around the publication. Use your imagination and get lost.

@ -0,0 +1,5 @@
## how did i gather all these information
let's same, as always, most of the things come from a lot of talking and thinking, as well as experimenting for years and years.
in this particular case,
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 is 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 adquired 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 relating 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.

@ -0,0 +1,11 @@
# how to make a notebook that
SORT OF INTRO TEXT
i wanted to make this publication to have two characteristics: modular and customisable.
The modularity is something that became important to me and my way of taking notes and making notebooks. Modularity allows reconnections, both physically both content wise. In this context, I decided to have the entire publication as a physical "random choice" to access the content. It becomes customisable because of the type of binding i went for. I was not happy to go for plastic instead of metal, but i had the publication to allow a almost 360 degrees rotation so that all the content in the rows could reconnect to the other rows. I was also not happy with having the problem of being obliged to buy something specific to achieve my intent. I normally try to find the most easy and accessible options. To solve both problems, I am happy with what I chose in the end because it lets you, the user, to take possession of this object and participate in its use and creation. This type of spine can be cut in smaller pieces if you want to experiment with small notebooks, or reused if you want to try to make your own, following some instructions contained in this book maybe. You can get rid of all the pages i provided, and fill it in with yours. You can mix mines with yours. In addition, the pages can become cards and be used without the spine. Would they still be a book then?
I also inserted some empty pages in the publication, to let some space for thoughts or ideas, if they come while browsing through. The main reason though, is that i have been questioning when a notebook is not a notebook anymore. I knew this publication was going to be printed, but i hope that through this different considerations, for some this could still be defined as a notebook.
The content comes all from my reflections and the notes I took, both on my laptop and on my notebooks. They were notes and now, after printing them out i wonder, are they still?
The publication is also printed on an a4 to avoid paper waste. it uses 5 different types of paper to help the user try out and feel different options already intrinsicly within the publication.

@ -0,0 +1,11 @@
## why
One of the main urgency I have to talk about this topic is that both from my personal experience and the experiences of others during growth: standardisation of abilities, of desires, ways of living.
We are supposed to satisfy standards and generalisations throughout our entire lives, structures in which some people feel comfortable in and some others not at all, especially if we talk about young humans that are still building up on their personality and still discovering their abilities and strategies.
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. And I feel like that with the arrival of consumerism we got used to the idea that we can just buy objects and it doesn't really matter if they're made for us in the same way they are made 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 provided in a standardised form?
It is not only about making a notebook, is how making a notebook will put us in the position of questioning who we are and the objects we use, why we use them and how something made for us from us could look like.

Binary file not shown.

After

Width:  |  Height:  |  Size: 435 KiB

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 1.0 MiB

Before

Width:  |  Height:  |  Size: 134 KiB

After

Width:  |  Height:  |  Size: 134 KiB

Before

Width:  |  Height:  |  Size: 202 KiB

After

Width:  |  Height:  |  Size: 202 KiB

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 1.8 MiB

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 157 KiB

@ -1 +0,0 @@
<p class=wiki> What are the positive sides? Does it work within the starting purpose? This is to understand if the solutions that have been found and applied to the new notebook are valid and working. this is important mostly not to lose track of the reasons underneath the concept and to evaluate how much the modifications worked. </p>

Before

Width:  |  Height:  |  Size: 290 KiB

After

Width:  |  Height:  |  Size: 290 KiB

Before

Width:  |  Height:  |  Size: 152 KiB

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 MiB

Before

Width:  |  Height:  |  Size: 349 KiB

After

Width:  |  Height:  |  Size: 349 KiB

Before

Width:  |  Height:  |  Size: 2.5 MiB

After

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 592 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 871 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1016 KiB

Before

Width:  |  Height:  |  Size: 377 KiB

After

Width:  |  Height:  |  Size: 377 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 421 KiB

Before

Width:  |  Height:  |  Size: 358 KiB

After

Width:  |  Height:  |  Size: 358 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 KiB

Before

Width:  |  Height:  |  Size: 182 KiB

After

Width:  |  Height:  |  Size: 182 KiB

Before

Width:  |  Height:  |  Size: 534 KiB

After

Width:  |  Height:  |  Size: 534 KiB

Before

Width:  |  Height:  |  Size: 387 KiB

After

Width:  |  Height:  |  Size: 387 KiB

Before

Width:  |  Height:  |  Size: 909 KiB

After

Width:  |  Height:  |  Size: 909 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 261 KiB

@ -1 +0,0 @@
<p class=wiki> What are the negative sides? What could be a different approach to solve the issue? if what has been analysed above did not work, why didn't it work? analysing what worked and what did not help to reason on new ways to solve the issue that was not solved. </p>

@ -1 +0,0 @@
<p class=wiki> What are the negative sides? What could be a different approach to solve the issue? if what has been analysed above did not work, why didn't it work? analysing what worked and what did not help to reason on new ways to solve the issue that was not solved. </p>

Before

Width:  |  Height:  |  Size: 129 KiB

After

Width:  |  Height:  |  Size: 129 KiB

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 98 KiB

Before

Width:  |  Height:  |  Size: 382 KiB

After

Width:  |  Height:  |  Size: 382 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 MiB

Before

Width:  |  Height:  |  Size: 222 KiB

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 246 KiB

Before

Width:  |  Height:  |  Size: 566 KiB

After

Width:  |  Height:  |  Size: 566 KiB

Before

Width:  |  Height:  |  Size: 2.8 MiB

After

Width:  |  Height:  |  Size: 2.8 MiB

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 1.0 MiB

Before

Width:  |  Height:  |  Size: 261 KiB

After

Width:  |  Height:  |  Size: 261 KiB

Before

Width:  |  Height:  |  Size: 165 KiB

After

Width:  |  Height:  |  Size: 165 KiB

Before

Width:  |  Height:  |  Size: 2.9 MiB

After

Width:  |  Height:  |  Size: 2.9 MiB

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 902 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Before

Width:  |  Height:  |  Size: 410 KiB

After

Width:  |  Height:  |  Size: 410 KiB

Before

Width:  |  Height:  |  Size: 192 KiB

After

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 MiB

@ -9,19 +9,20 @@
<link href="https://fonts.cdnfonts.com/css/fjord" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/notcouriersans" rel="stylesheet">
</head>
<body>
<div class="page">
<div class="card"><img src="1_situation/content/IMG_4285.jpg" alt="IMG_4285.jpg" /></div>
<div class="card"><h1>to create new connections between content</h1></div>
<div class="card"><img src="2_binding/content/outsidecover.jpeg" alt="outsidecover.jpeg" /></div>
<div class="card"><h1>thread bound</h1></div>
<div class="card"><img src="3_paperformat/content/wiki2.png" alt="wiki2.png" /></div>
<div class="card"><h1>very big</h1></div>
<div class="card"><img src="4_add_ons/content/19_04_23_scroll.jpg" alt="19_04_23_scroll.jpg" /></div>
<div class="card"><h1>to keep the notebook closed while transporting it</h1></div>
<div class="card left-card"><img src="1_situation/content/reuserecycle-activities.jpg" alt="reuserecycle-activities.jpg" /></div>
<div class="card right-card"><h1>to share with others</h1></div>
<div class="card left-card"><img src="2_binding/content/wiki2.png" alt="wiki2.png" /></div>
<div class="card right-card"><h1>soft cover</h1></div>
<div class="card left-card"><p class=wiki> What are the positive sides? Does it work within the starting purpose? This is to understand if the solutions that have been found and applied to the new notebook are valid and working. this is important mostly not to lose track of the reasons underneath the concept and to evaluate how much the modifications worked. </p></div>
<div class="card right-card"><h1>squared paper</h1></div>
<div class="card left-card"><img src="4_add_ons/content/Image-13.jpg" alt="Image-13.jpg" /></div>
<div class="card right-card"><h1>to separate content in different sections</h1></div>
</div>
@ -29,14 +30,14 @@
<div class="page">
<div class="card"><img src="1_situation/content/first notebook kit.jpg" alt="first notebook kit.jpg" /></div>
<div class="card"><img src="1_situation/make-a-notebook-that/Image-6.jpg" alt="Image-6.jpg" /></div>
<div class="card"><img src="2_binding/content/recycling-shops.jpg" alt="recycling-shops.jpg" /></div>
<div class="card"><h1>something you have in the room you are in</h1></div>
<div class="card"><img src="3_paperformat/content/IMG_4286.jpg" alt="IMG_4286.jpg" /></div>
<div class="card"><img src="3_paperformat/make-a-notebook-that/hand-writing.jpg" alt="hand-writing.jpg" /></div>
<div class="card"><img src="4_add_ons/content/metalrings.png" alt="metalrings.png" /></div>
<div class="card"><img src="4_add_ons/make-a-notebook-that/aymeric.png" alt="aymeric.png" /></div>
<div class="card left-card"><img src="1_situation/content/IMG_4285.jpg" alt="IMG_4285.jpg" /></div>
<div class="card right-card"><h1>to calm anxiety</h1></div>
<div class="card left-card"><img src="2_binding/content/3 (32).jpg" alt="3 (32).jpg" /></div>
<div class="card right-card"><h1>tape</h1></div>
<div class="card left-card"><img src="3_paperformat/content/IMG_4286.jpg" alt="IMG_4286.jpg" /></div>
<div class="card right-card"><img src="3_paperformat/make-a-notebook-that/scroll-1.jpg" alt="scroll-1.jpg" /></div>
<div class="card left-card"><img src="4_add_ons/content/openable.png" alt="openable.png" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/inuse.jpg" alt="inuse.jpg" /></div>
</div>
@ -44,14 +45,15 @@
<div class="page">
<div class="card"><p><img alt="wiki scroll" src="wiki-scroll.jpg" /></p></div>
<div class="card"><img src="1_situation/make-a-notebook-that/create-new-connections.jpg" alt="create-new-connections.jpg" /></div>
<div class="card"><img src="2_binding/content/3 (32).jpg" alt="3 (32).jpg" /></div>
<div class="card"><h1>rubber band</h1></div>
<div class="card"><img src="3_paperformat/content/analoguerandomchoice.jpg" alt="analoguerandomchoice.jpg" /></div>
<div class="card"><h1>rough paper</h1></div>
<div class="card"><img src="4_add_ons/content/first notebook kit_02.jpg" alt="first notebook kit_02.jpg" /></div>
<div class="card"><h1>to add content after the page is already full</h1></div>
<div class="card left-card"><img src="1_situation/content/notebookkit2.png" alt="notebookkit2.png" /></div>
<div class="card right-card"><h1>to remember things</h1>
<p><img alt="captiontext" src="img.jpg" /></p></div>
<div class="card left-card"><img src="2_binding/content/3 (29).jpg" alt="3 (29).jpg" /></div>
<div class="card right-card"><h1>to adapt a cardboard you already own</h1></div>
<div class="card left-card"><img src="3_paperformat/content/analoguerandomchoice.jpg" alt="analoguerandomchoice.jpg" /></div>
<div class="card right-card"><h1>with thick paper</h1></div>
<div class="card left-card"><img src="4_add_ons/content/3 (33).jpg" alt="3 (33).jpg" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/metalring5.jpg" alt="metalring5.jpg" /></div>
</div>
@ -59,14 +61,14 @@
<div class="page">
<div class="card"><img src="1_situation/content/3 (38).jpg" alt="3 (38).jpg" /></div>
<div class="card"><h1>not to waste materials</h1></div>
<div class="card"><img src="2_binding/content/3 (28).jpg" alt="3 (28).jpg" /></div>
<div class="card"><img src="2_binding/make-a-notebook-that/3 (36).jpg" alt="3 (36).jpg" /></div>
<div class="card"><img src="3_paperformat/content/3 (25).jpg" alt="3 (25).jpg" /></div>
<div class="card"><img src="3_paperformat/make-a-notebook-that/inuse.jpg" alt="inuse.jpg" /></div>
<div class="card"><img src="4_add_ons/content/to-calm-anxiety.jpg" alt="to-calm-anxiety.jpg" /></div>
<div class="card"><img src="4_add_ons/make-a-notebook-that/supi1.png" alt="supi1.png" /></div>
<div class="card left-card"><img src="1_situation/content/letter.png" alt="letter.png" /></div>
<div class="card right-card"><h1>to describe one experience</h1></div>
<div class="card left-card"><img src="2_binding/content/Image-18.jpg" alt="Image-18.jpg" /></div>
<div class="card right-card"><h1>rubber band</h1></div>
<div class="card left-card"><img src="3_paperformat/content/3 (31).jpg" alt="3 (31).jpg" /></div>
<div class="card right-card"><h1>medium size</h1></div>
<div class="card left-card"><img src="4_add_ons/content/overview-project (2).jpg" alt="overview-project (2).jpg" /></div>
<div class="card right-card"><h1>to have multiple notebooks in one</h1></div>
</div>
@ -74,14 +76,19 @@
<div class="page">
<div class="card"><img src="1_situation/content/1 (8).jpg" alt="1 (8).jpg" /></div>
<div class="card"><img src="1_situation/make-a-notebook-that/side view.jpeg" alt="side view.jpeg" /></div>
<div class="card"><img src="2_binding/content/act-of-making.jpg" alt="act-of-making.jpg" /></div>
<div class="card"><img src="2_binding/make-a-notebook-that/notesfrompellebysteve.png" alt="notesfrompellebysteve.png" /></div>
<div class="card"><img src="3_paperformat/content/steve.png" alt="steve.png" /></div>
<div class="card"><h1>with very little space for writing</h1></div>
<div class="card"><img src="4_add_ons/content/3 (29).jpg" alt="3 (29).jpg" /></div>
<div class="card"><h1>to transport tools (e.g. pen) within the notebook</h1></div>
<div class="card left-card"><img src="1_situation/content/startingpoint.png" alt="startingpoint.png" /></div>
<div class="card right-card"><img src="1_situation/make-a-notebook-that/19_04_23_scroll.jpg" alt="19_04_23_scroll.jpg" /></div>
<div class="card left-card"><img src="2_binding/content/aymeric.png" alt="aymeric.png" /></div>
<div class="card right-card"><img src="2_binding/make-a-notebook-that/3 (38).jpg" alt="3 (38).jpg" /></div>
<div class="card left-card"><h2>why</h2>
<p>One of the main urgency I have to talk about this topic is that both from my personal experience and the experiences of others during growth: standardisation of abilities, of desires, ways of living.</p>
<p>We are supposed to satisfy standards and generalisations throughout our entire lives, structures in which some people feel comfortable in and some others not at all, especially if we talk about young humans that are still building up on their personality and still discovering their abilities and strategies.</p>
<p>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. And I feel like that with the arrival of consumerism we got used to the idea that we can just buy objects and it doesn't really matter if they're made for us in the same way they are made for everyone else in the world.</p>
<p>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 provided in a standardised form?</p>
<p>It is not only about making a notebook, is how making a notebook will put us in the position of questioning who we are and the objects we use, why we use them and how something made for us from us could look like.</p></div>
<div class="card right-card"><h1>plain paper</h1></div>
<div class="card left-card"><img src="4_add_ons/content/notesfrompellebyme_pages-to-jpg-0008.jpg" alt="notesfrompellebyme_pages-to-jpg-0008.jpg" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/hand-writing.jpg" alt="hand-writing.jpg" /></div>
</div>
@ -89,15 +96,14 @@
<div class="page">
<div class="card"><p class="myquotes">I need a notebook for ideas sketching and development = where to write down a sudden idea fast and easy and then have the space to develop it in the future = organised but free space to express maybe with sum-up window/space
I always feel like when I write on my paper notebooks is never definitive, i feel it like a work in progress that then is completed when I move the notes on my laptop. If I move them on my laptop not organised I feel stressed because it doesn't allow me to think/reason/process but it doesn't even allow my brain to relax because things are in order. </p></div>
<div class="card"><h1>to describe one experience</h1></div>
<div class="card"><img src="2_binding/content/new1.png" alt="new1.png" /></div>
<div class="card"><img src="2_binding/make-a-notebook-that/scroll-1.jpg" alt="scroll-1.jpg" /></div>
<div class="card"><img src="3_paperformat/content/paper selection.jpeg" alt="paper selection.jpeg" /></div>
<div class="card"><h1>dotted paper</h1></div>
<div class="card"><img src="4_add_ons/content/hand-writing.jpg" alt="hand-writing.jpg" /></div>
<div class="card"><img src="4_add_ons/make-a-notebook-that/metalrings2.png" alt="metalrings2.png" /></div>
<div class="card left-card"><img src="1_situation/content/threerows.jpeg" alt="threerows.jpeg" /></div>
<div class="card right-card"><h1>not to waste materials</h1></div>
<div class="card left-card"><img src="2_binding/content/2 (22).jpg" alt="2 (22).jpg" /></div>
<div class="card right-card"><h1>no binding</h1></div>
<div class="card left-card"><img src="3_paperformat/content/notebookkit3.png" alt="notebookkit3.png" /></div>
<div class="card right-card"><img src="3_paperformat/make-a-notebook-that/unnamed.jpg" alt="unnamed.jpg" /></div>
<div class="card left-card"><img src="4_add_ons/content/3 (24).jpg" alt="3 (24).jpg" /></div>
<div class="card right-card"><h1>to save/keep loose sheets</h1></div>
</div>
@ -105,14 +111,14 @@ I always feel like when I write on my paper notebooks is never definitive, i fee
<div class="page">
<div class="card"><img src="1_situation/content/Image-14.jpg" alt="Image-14.jpg" /></div>
<div class="card"><h1>to help a stream of consciousness</h1></div>
<div class="card"><img src="2_binding/content/december222.png" alt="december222.png" /></div>
<div class="card"><h1>soft cover</h1></div>
<div class="card"><img src="3_paperformat/content/threerows.jpeg" alt="threerows.jpeg" /></div>
<div class="card"><img src="3_paperformat/make-a-notebook-that/3 (21).jpg" alt="3 (21).jpg" /></div>
<div class="card"><img src="4_add_ons/content/opened.jpeg" alt="opened.jpeg" /></div>
<div class="card"><h1>to create space for temporary thoughts</h1></div>
<div class="card left-card"><img src="1_situation/content/modular.jpg" alt="modular.jpg" /></div>
<div class="card right-card"><h1>for personal thoughts</h1></div>
<div class="card left-card"><img src="2_binding/content/Image-14.jpg" alt="Image-14.jpg" /></div>
<div class="card right-card"><img src="2_binding/make-a-notebook-that/steve2.png" alt="steve2.png" /></div>
<div class="card left-card"><img src="3_paperformat/content/side view.jpeg" alt="side view.jpeg" /></div>
<div class="card right-card"><h1>with a lot of space for writing</h1></div>
<div class="card left-card"><img src="4_add_ons/content/scroll-2.jpg" alt="scroll-2.jpg" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/first notebook kit_02.jpg" alt="first notebook kit_02.jpg" /></div>
</div>
@ -120,14 +126,20 @@ I always feel like when I write on my paper notebooks is never definitive, i fee
<div class="page">
<div class="card"><img src="1_situation/content/3 (30).jpg" alt="3 (30).jpg" /></div>
<div class="card"><h1>to calm anxiety</h1></div>
<div class="card"><p class="wiki"> What is the starting need that brought to the creation and use of the notebook?** This question helps to highlight the starting point and main reason for the creation of a new notebook (or modification applied). it can be described in a few words. </p></div>
<div class="card"><h1>hard cover</h1></div>
<div class="card"><img src="3_paperformat/content/reuserecycle-activities.jpg" alt="reuserecycle-activities.jpg" /></div>
<div class="card"><h1>medium size</h1></div>
<div class="card"><img src="4_add_ons/content/photo_2023-04-03_19-20-26.jpg" alt="photo_2023-04-03_19-20-26.jpg" /></div>
<div class="card"><h1>to separate content in different sections</h1></div>
<div class="card left-card"><img src="1_situation/content/notesonfinalproject.jpg" alt="notesonfinalproject.jpg" /></div>
<div class="card right-card"><h1>for temporary notes</h1></div>
<div class="card left-card"><img src="2_binding/content/outside cover.jpeg" alt="outside cover.jpeg" /></div>
<div class="card right-card"><h1>spiral</h1></div>
<div class="card left-card"><h1>how to make a notebook that</h1>
<p>SORT OF INTRO TEXT</p>
<p>i wanted to make this publication to have two characteristics: modular and customisable.
The modularity is something that became important to me and my way of taking notes and making notebooks. Modularity allows reconnections, both physically both content wise. In this context, I decided to have the entire publication as a physical "random choice" to access the content. It becomes customisable because of the type of binding i went for. I was not happy to go for plastic instead of metal, but i had the publication to allow a almost 360 degrees rotation so that all the content in the rows could reconnect to the other rows. I was also not happy with having the problem of being obliged to buy something specific to achieve my intent. I normally try to find the most easy and accessible options. To solve both problems, I am happy with what I chose in the end because it lets you, the user, to take possession of this object and participate in its use and creation. This type of spine can be cut in smaller pieces if you want to experiment with small notebooks, or reused if you want to try to make your own, following some instructions contained in this book maybe. You can get rid of all the pages i provided, and fill it in with yours. You can mix mines with yours. In addition, the pages can become cards and be used without the spine. Would they still be a book then?
I also inserted some empty pages in the publication, to let some space for thoughts or ideas, if they come while browsing through. The main reason though, is that i have been questioning when a notebook is not a notebook anymore. I knew this publication was going to be printed, but i hope that through this different considerations, for some this could still be defined as a notebook.
The content comes all from my reflections and the notes I took, both on my laptop and on my notebooks. They were notes and now, after printing them out i wonder, are they still?</p>
<p>The publication is also printed on an a4 to avoid paper waste. it uses 5 different types of paper to help the user try out and feel different options already intrinsicly within the publication.</p></div>
<div class="card right-card"><h1>with thin paper</h1></div>
<div class="card left-card"><img src="4_add_ons/content/wikiroll.png" alt="wikiroll.png" /></div>
<div class="card right-card"><h1>to keep the notebook closed while transporting it</h1></div>
</div>
@ -135,14 +147,15 @@ I always feel like when I write on my paper notebooks is never definitive, i fee
<div class="page">
<div class="card"><img src="1_situation/content/notesfrompellebyme_pages-to-jpg-0007.jpg" alt="notesfrompellebyme_pages-to-jpg-0007.jpg" /></div>
<div class="card"><h1>to share with others</h1></div>
<div class="card"><p class="wiki"> What is the starting need that brought to the creation and use of the notebook?** This question helps to highlight the starting point and main reason for the creation of a new notebook (or modification applied). it can be described in a few words. </p></div>
<div class="card"><img src="2_binding/make-a-notebook-that/overview-project (2).jpg" alt="overview-project (2).jpg" /></div>
<div class="card"><p class=wiki> What are the positive sides? Does it work within the starting purpose? This is to understand if the solutions that have been found and applied to the new notebook are valid and working. this is important mostly not to lose track of the reasons underneath the concept and to evaluate how much the modifications worked. </p></div>
<div class="card"><img src="3_paperformat/make-a-notebook-that/3 (35).jpg" alt="3 (35).jpg" /></div>
<div class="card"><p class=wiki> What are the negative sides? What could be a different approach to solve the issue? if what has been analysed above did not work, why didn't it work? analysing what worked and what did not help to reason on new ways to solve the issue that was not solved. </p></div>
<div class="card"><h1>to save/keep loose sheets</h1></div>
<div class="card left-card"><p class="myquotes">I need a notebook for ideas sketching and development = where to write down a sudden idea fast and easy and then have the space to develop it in the future = organised but free space to express maybe with sum-up window/space
I always feel like when I write on my paper notebooks is never definitive, i feel it like a work in progress that then is completed when I move the notes on my laptop. If I move them on my laptop not organised I feel stressed because it doesn't allow me to think/reason/process but it doesn't even allow my brain to relax because things are in order. </p></div>
<div class="card right-card"><h1>to create new connections between content</h1></div>
<div class="card left-card"><img src="2_binding/content/3 (27).jpg" alt="3 (27).jpg" /></div>
<div class="card right-card"><h1>thread bound</h1></div>
<div class="card left-card"><img src="3_paperformat/content/2 (17).jpg" alt="2 (17).jpg" /></div>
<div class="card right-card"><h1>smooth paper</h1></div>
<div class="card left-card"><img src="4_add_ons/content/opened.jpeg" alt="opened.jpeg" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/recycling-shops.jpg" alt="recycling-shops.jpg" /></div>
</div>
@ -150,14 +163,14 @@ I always feel like when I write on my paper notebooks is never definitive, i fee
<div class="page">
<div class="card"><img src="1_situation/content/metalring6.jpg" alt="metalring6.jpg" /></div>
<div class="card"><img src="1_situation/make-a-notebook-that/steve2.png" alt="steve2.png" /></div>
<div class="card"><img src="2_binding/content/unnamed.jpg" alt="unnamed.jpg" /></div>
<div class="card"><h1>tape</h1></div>
<div class="card"><img src="3_paperformat/content/3 (39).jpg" alt="3 (39).jpg" /></div>
<div class="card"><h1>smooth paper</h1></div>
<div class="card"><img src="4_add_ons/content/concertina2.jpg" alt="concertina2.jpg" /></div>
<div class="card"><img src="4_add_ons/make-a-notebook-that/trashbooks.png" alt="trashbooks.png" /></div>
<div class="card left-card"><img src="1_situation/content/paper selection.jpeg" alt="paper selection.jpeg" /></div>
<div class="card right-card"><img src="1_situation/make-a-notebook-that/3 (37).jpg" alt="3 (37).jpg" /></div>
<div class="card left-card"><p class="wiki"> What is the starting need that brought to the creation and use of the notebook?** This question helps to highlight the starting point and main reason for the creation of a new notebook (or modification applied). it can be described in a few words. </p></div>
<div class="card right-card"><h1>metal rings</h1></div>
<div class="card left-card"><img src="3_paperformat/content/notesfrompellebysteve.png" alt="notesfrompellebysteve.png" /></div>
<div class="card right-card"><h1>with space for marginalia</h1></div>
<div class="card left-card"><img src="4_add_ons/content/act-of-making.jpg" alt="act-of-making.jpg" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/thread-binding.jpg" alt="thread-binding.jpg" /></div>
</div>
@ -165,15 +178,141 @@ I always feel like when I write on my paper notebooks is never definitive, i fee
<div class="page">
<div class="card"><p class=wiki> A personal notebook process
<div class="card left-card"><img src="1_situation/content/2 (21).jpg" alt="2 (21).jpg" /></div>
<div class="card right-card"><img src="1_situation/make-a-notebook-that/not-to-waste.jpg" alt="not-to-waste.jpg" /></div>
<div class="card left-card"><img src="2_binding/content/3 (39).jpg" alt="3 (39).jpg" /></div>
<div class="card right-card"><h1>hard cover</h1></div>
<div class="card left-card"><img src="3_paperformat/content/create-new-connections.jpg" alt="create-new-connections.jpg" /></div>
<div class="card right-card"><h1>with very little space for writing</h1></div>
<div class="card left-card"><img src="4_add_ons/content/Image-15.jpg" alt="Image-15.jpg" /></div>
<div class="card right-card"><h1>to remember or highlight specific pages</h1></div>
</div>
<div class="page">
<div class="card left-card"><p class=wiki> A personal notebook process
is the ever-changing process a person can go through, by analysing and keeping attention to their individual note-taking activity and their use of paper notebooks to understand themselves and their needs. </p></div>
<div class="card"><h1>to organise scattered thoughts</h1></div>
<div class="card"><img src="2_binding/content/notetaking.png" alt="notetaking.png" /></div>
<div class="card"><h1>strings</h1></div>
<div class="card"><img src="3_paperformat/content/notebookkit3.png" alt="notebookkit3.png" /></div>
<div class="card"><img src="3_paperformat/make-a-notebook-that/metalring5.jpg" alt="metalring5.jpg" /></div>
<div class="card"><img src="4_add_ons/content/threerows.jpeg" alt="threerows.jpeg" /></div>
<div class="card"><h1>to have multiple notebooks in one</h1></div>
<div class="card right-card"><h1>to forget things</h1></div>
<div class="card left-card"><img src="2_binding/content/3 (25).jpg" alt="3 (25).jpg" /></div>
<div class="card right-card"><h1>glue bound</h1></div>
<div class="card left-card"><h2>how did i gather all these information</h2>
<p>let's same, as always, most of the things come from a lot of talking and thinking, as well as experimenting for years and years.
in this particular case,
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 is 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 adquired 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 relating 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.</p></div>
<div class="card right-card"><img src="3_paperformat/make-a-notebook-that/photo_2023-04-03_19-20-26.jpg" alt="photo_2023-04-03_19-20-26.jpg" /></div>
<div class="card left-card"><img src="4_add_ons/content/supi1.png" alt="supi1.png" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/new1.png" alt="new1.png" /></div>
</div>
<div class="page">
<div class="card left-card"><img src="1_situation/content/Image-6.jpg" alt="Image-6.jpg" /></div>
<div class="card right-card"><h1>not to hesitate while writing/approaching the space</h1></div>
<div class="card left-card"><img src="2_binding/content/metalrings2.png" alt="metalrings2.png" /></div>
<div class="card right-card"><h1>something you have in the room you are in</h1></div>
<div class="card left-card"><img src="3_paperformat/content/modular1.png" alt="modular1.png" /></div>
<div class="card right-card"><h1>rough paper</h1></div>
<div class="card left-card"><img src="4_add_ons/content/3 (35).jpg" alt="3 (35).jpg" /></div>
<div class="card right-card"><h1>to add content after the page is already full</h1></div>
</div>
<div class="page">
<div class="card left-card"><img src="1_situation/content/supi2.png" alt="supi2.png" /></div>
<div class="card right-card"><h1>to help a stream of consciousness</h1></div>
<div class="card left-card"><img src="2_binding/content/3 (34).jpg" alt="3 (34).jpg" /></div>
<div class="card right-card"><img src="2_binding/make-a-notebook-that/19_04_23_scrollinspace.jpg" alt="19_04_23_scrollinspace.jpg" /></div>
<div class="card left-card"><img src="3_paperformat/content/metalring6.jpg" alt="metalring6.jpg" /></div>
<div class="card right-card"><p class="wiki"> What is the starting need that brought to the creation and use of the notebook?** This question helps to highlight the starting point and main reason for the creation of a new notebook (or modification applied). it can be described in a few words. </p></div>
<div class="card left-card"><img src="4_add_ons/content/1 (14).jpg" alt="1 (14).jpg" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/concertina2.jpg" alt="concertina2.jpg" /></div>
</div>
<div class="page">
<div class="card left-card"><img src="1_situation/content/3 (26).jpg" alt="3 (26).jpg" /></div>
<div class="card right-card"><h1>to create a flow of thoughts to look at all at the same time</h1></div>
<div class="card left-card"><img src="2_binding/content/notetaking.png" alt="notetaking.png" /></div>
<div class="card right-card"><h1>strips</h1></div>
<div class="card left-card"><img src="3_paperformat/content/december22.png" alt="december22.png" /></div>
<div class="card right-card"><h1>vertical shape</h1></div>
<div class="card left-card"><img src="4_add_ons/content/to-calm-anxiety.jpg" alt="to-calm-anxiety.jpg" /></div>
<div class="card right-card"><h1>to transport tools (e.g. pen) within the notebook</h1></div>
</div>
<div class="page">
<div class="card left-card"><img src="1_situation/content/notesfrompellebyme_pages-to-jpg-0007.jpg" alt="notesfrompellebyme_pages-to-jpg-0007.jpg" /></div>
<div class="card right-card"><h1>to organise scattered thoughts</h1></div>
<div class="card left-card"><img src="2_binding/content/trashbooks.png" alt="trashbooks.png" /></div>
<div class="card right-card"><h1>sticks</h1></div>
<div class="card left-card"><img src="3_paperformat/content/IMG_4287.jpg" alt="IMG_4287.jpg" /></div>
<div class="card right-card"><h1>lined paper</h1></div>
<div class="card left-card"><img src="4_add_ons/content/december222.png" alt="december222.png" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/printforparticipants-1.jpg" alt="printforparticipants-1.jpg" /></div>
</div>
<div class="page">
<div class="card left-card"><img src="1_situation/content/wiki.png" alt="wiki.png" /></div>
<div class="card right-card"><img src="1_situation/make-a-notebook-that/metalrings.png" alt="metalrings.png" /></div>
<div class="card left-card"><img src="2_binding/content/whatisanotebook.png" alt="whatisanotebook.png" /></div>
<div class="card right-card"><img src="2_binding/make-a-notebook-that/3 (28).jpg" alt="3 (28).jpg" /></div>
<div class="card left-card"><img src="3_paperformat/content/1 (8).jpg" alt="1 (8).jpg" /></div>
<div class="card right-card"><h1>very big</h1></div>
<div class="card left-card"><img src="4_add_ons/content/verticalnotebookhate.png" alt="verticalnotebookhate.png" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/notesfrompellebyme_pages-to-jpg-0009.jpg" alt="notesfrompellebyme_pages-to-jpg-0009.jpg" /></div>
</div>
<div class="page">
<div class="card left-card"><img src="1_situation/content/3 (30).jpg" alt="3 (30).jpg" /></div>
<div class="card right-card"><h1>transportable</h1></div>
<div class="card left-card"><img src="2_binding/content/steve.png" alt="steve.png" /></div>
<div class="card right-card"><img src="2_binding/make-a-notebook-that/sticks.jpg" alt="sticks.jpg" /></div>
<div class="card left-card"><h2>what you will find inside this notebook/book/object/publication/game</h2>
<p>is a selection of multiple things, that all try to help you, a user that could soon become an active maker, to get inspiration and start making notebooks into your own practice.
some things will stop and continue on a different card, try to reconnect them to go on reading! Nothing is in order, every piece of the publication is positioned almost 100% randomly in the different cards. You might feel lost, in that case move on, read something else, write down something. You might find an explanation somewhere else.
some of the cards are pieces of my personal thoughs while, in the last year, i have been experimenting with notebooks' making. They might feel completely out of context, as also the pictures of the notebooks these comments are referred to are randomly spread around the publication. Use your imagination and get lost.</p></div>
<div class="card right-card"><h1>dotted paper</h1></div>
<div class="card left-card"><img src="4_add_ons/content/1 (8).jpg" alt="1 (8).jpg" /></div>
<div class="card right-card"><h1>to create space for temporary thoughts</h1></div>
</div>
<div class="page">
<div class="card left-card"><img src="1_situation/content/2 (17).jpg" alt="2 (17).jpg" /></div>
<div class="card right-card"><h1>for a long lecture</h1></div>
<div class="card left-card"><img src="2_binding/content/act-of-making-2.jpg" alt="act-of-making-2.jpg" /></div>
<div class="card right-card"><h1>strings</h1></div>
<div class="card left-card"><img src="3_paperformat/content/overview-project (3).jpg" alt="overview-project (3).jpg" /></div>
<div class="card right-card"><h1>very small</h1></div>
<div class="card left-card"><img src="4_add_ons/content/first notebook kit.jpg" alt="first notebook kit.jpg" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/3 (36).jpg" alt="3 (36).jpg" /></div>
</div>
@ -181,14 +320,14 @@ is the ever-changing process a person can go through, by analysing and keeping a
<div class="page">
<div class="card"><img src="1_situation/content/3 (26).jpg" alt="3 (26).jpg" /></div>
<div class="card"><h1>not to hesitate while writing/approaching the space</h1></div>
<div class="card"><img src="2_binding/content/modular.jpg" alt="modular.jpg" /></div>
<div class="card"><h1>glue bound</h1></div>
<div class="card"><img src="3_paperformat/content/not-to-waste.jpg" alt="not-to-waste.jpg" /></div>
<div class="card"><h1>squared paper</h1></div>
<div class="card"><img src="4_add_ons/content/2 (21).jpg" alt="2 (21).jpg" /></div>
<div class="card"><h1>to remember or highlight specific pages</h1></div>
<div class="card left-card"><p><img alt="wiki scroll" src="wiki-scroll.jpg" /></p></div>
<div class="card right-card"><h1>for fast notes</h1></div>
<div class="card left-card"><img src="2_binding/content/3 (22).jpg" alt="3 (22).jpg" /></div>
<div class="card right-card"><img src="2_binding/make-a-notebook-that/3 (21).jpg" alt="3 (21).jpg" /></div>
<div class="card left-card"><img src="3_paperformat/content/1 (14).jpg" alt="1 (14).jpg" /></div>
<div class="card right-card"><h1>horizontal</h1></div>
<div class="card left-card"><img src="4_add_ons/content/3 (23).jpg" alt="3 (23).jpg" /></div>
<div class="card right-card"><img src="4_add_ons/make-a-notebook-that/unnamed (1).jpg" alt="unnamed (1).jpg" /></div>
</div>

@ -60,7 +60,7 @@ for folder in materials:
#print(file_path)
number_pages = 12
number_pages = 20
pages = []
@ -92,14 +92,14 @@ for page in range(number_pages):
page_html = f'''
<div class="page">
<div class="card">{card_1}</div>
<div class="card">{card_2}</div>
<div class="card">{card_3}</div>
<div class="card">{card_4}</div>
<div class="card">{card_5}</div>
<div class="card">{card_6}</div>
<div class="card">{card_7}</div>
<div class="card">{card_8}</div>
<div class="card left-card">{card_1}</div>
<div class="card right-card">{card_2}</div>
<div class="card left-card">{card_3}</div>
<div class="card right-card">{card_4}</div>
<div class="card left-card">{card_5}</div>
<div class="card right-card">{card_6}</div>
<div class="card left-card">{card_7}</div>
<div class="card right-card">{card_8}</div>
</div>
@ -123,6 +123,7 @@ html_template = f'''
<link href="https://fonts.cdnfonts.com/css/fjord" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/notcouriersans" rel="stylesheet">
</head>
<body>
{pages_string}

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save