Artisa Theresia Tumiwa 101050624 Publication Design DDD30013
Weekly Process Journal
John Bassani Hayden Goodall 2016 | Semester 2 Tuesday | 12:30 1
2
Project 1 3
Week 01 Weekly Summary For the first week, we had an overview of the unit. We then had a detailed briefing of the projects, procedures, and expectations. We also learnt the importance of how every element in a book is essential - everything from the size, material, content and design of a publication. There are many things to consider in the design of a publication.
Research & Development Chosen Topic: Cycling
Weekly Process Journal
The publication will be about the cycling culture in Jakarta, Indonesia. It will also elaborate on various design methods that has been done to encourage cycling in the urban city, as well basic tips and information to motivate new cyclists.
Why I chose the topic The reason to why I chose this topic is because cycling is something that needs to be explored in Jakarta. The commuting system is getting much worse, and by exploring the reasons to why people should or could bike in Jakarta would be interesting.
4
Week 02
Artisa Theresia Tumiwa 101050624
Weekly Summary During the second week, we learnt various typographic terminology and anatomy. There was also an introduction to the process journal documentation. By this week, we also have to start finding the manuscript for our publication.
Research & Development Target Audience • • • •
People who are out on a daily basis The age of 14 and above Residents of Jakarta Expatriates in Jakarta
Manuscript Summary The manuscript is taken from various online articles. The information being searched up for are: • Jakarta’s crowded and busy streets • How commuters are promoting bicycling in the city
• • • • • •
Car-Free Day in Jakarta Bike to Work community Cyclist Urban System Types of bikes found Best places to cycle What the future holds
Table of Contents • • • • • • • • • • • •
1-2: Table of contents 3-5: Cycling conditions in Jakarta 6-13: Efforts to encourage cycling in Jakarta Car Free Day Bike2work Cyclist Urban System 14-27: Guide to cycling in Jakarta Types of bikes being found around the city Recommended places to bike The safety guidelines Tips to encourage new cyclists 28-32: What the future holds 5
Week 02
Mood Board 1
Journey, direction, change, motion, adjustments
Mood Board 2
Weekly Process Journal
Organized, fresh, clean, bright, artificial
Mood Board 3
Urban, loud, busy, alive, numerous
6
Week 02
Artisa Theresia Tumiwa 101050624
Typeface Options: Body Text Din
abcdefghijklmno pqrstuvwxyz 1234567890 ,./;’[]\!@#$%^&*()-
ABCDEF GHIJKLM NOPQRS TUVWXYZ
The brown fox jumps over the lazy dog
Lekton
ABCDEF GHIJKLM NOPQRS TUVWXYZ
abcdefghijklmno pqrstuvwxyz 1234567890 ,./;’[]\!@# $%&*()-
The brown fox jumps over the lazy dog
Clarendon
ABCDEF GHIJKLM NOPQRS TUVWXYZ
abcdefghijklmno pqrstuvwxyz 1234567890 ,./;’[]\!@#$%^&*()-
The brown fox jumps over the lazy dog
7
Week 02
Typeface Options: Titles and Headings Flagship Slab
ABCDEF GHIJKLM NOPQRS TUVWXYZ
abcdefghijklmno pqrstuvwxyz 1234567890 ,./;’[]\!@#$%^&*()-
The brown fox jumps over the lazy dog
Weekly Process Journal
Lekton
ABCDEF GHIJKLM NOPQRS TUVWXYZ
abcdefghijklmno pqrstuvwxyz 1234567890 ,./;’[]\!@# $%&*()-
The brown fox jumps over the lazy dog
Overall Look Title: Flagship Slab, bold, 20 pt
Lorem Ipsum
Body text: Din, regular, 10pt
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software.
8
The reason to why I chose Flagship Slab is because I like the rigid look but because its circular and bubbly shape, it still looks warm and gives a sense of welcome. As for the body text, I chose Din because of it’s clear readability and its more condensed shape gives a nice contrast to the eye.
Week 02
Artisa Theresia Tumiwa 101050624
Creative Direction Concept The publication will be about the cycling culture in Jakarta, Indonesia. It will also elaborate on various design methods that has been done to encourage cycling in the urban city, as well basic tips and information to motivate new cyclists.
Visuals The publication will have Illustrations, tip-in pages and consider its portability as well.
Illustrations Using illustrations as the original content that will be displayed in the book. Using illustrations will allow for a young audience to be more engaged with the book as well.
Portability The portability of the book is important, because the content is about commuting, I want people to actually get the experience of people bringing the book around during their journey.
Tip-in Pages A booklet that is available in the publication will be a nice “keepsake� for the audience. It will include guidelines on the where-abouts and things to do and avoid during the cycling journey.
9
Week 02
Scale and Grid System Scale A portable sized publication – easily fits in a bag or its front pouch Bag dimension: 42cm x 28cm Front pouch dimension: 14cm x 14cm
The reason to why I chose a messenger bag as the standard sizing is because it is the style of bag commonly used for cyclists. It is convenient for them to use, as it is only being slinged on their backs and it has many compartments to store various items.
Main Book: 18cm x 25cm
Weekly Process Journal
Tip In: 12cm x 18cm
I created some options on the possible scale of the publication. I looked up on various guide publications made for tourists, where it’s usually a compact size in order to create a sense of portabilithy to it.
10
Week 03
Artisa Theresia Tumiwa 101050624
Weekly Summary On the third week, we had to refine the manuscript for the publication and start creating the layout of the publication on InDesign. We also had to determine the original content being used for the publication. I have chosen to create illustrations for the imagery of the book.
Research & Development Jakarta Jakarta is a city known for its concrete buildings, the hustling and bustling of the city’s traffic jams and its crazy polluted streets. However, when looking at the little things, the city won’t be so bad. Jakarta is has a colorful sense in some places and things throughout the city, where the traditional market can become a good example of it. As for a color that represents Jakarta itself, orange and blue is something popularly seen around the city. From the bajaj, buses, umbrellas in traditional markets and even the city’s skyline is blue and orange.
11
Week 03
Inspiration This particular color scheme will be used throughout the publication because it represents the commonly seen colors in
Weekly Process Journal
the city of Jakarta.
Using perspective (although in measurements not precisely correct), can be used in the publication to show a particular scene or place.
Creating illustrations with a side view in some way can show a certain movement because the objects would be facing in one direction. Other than that, I would also like to convey the “crowdedness� that has been established through this particular illustration.
12
Week 04
Artisa Theresia Tumiwa 101050624
Weekly Summary The development of the book is still on-going. We also had a deeper look on various methods of book binding as well, where I thought that a stitch bind would be something that could work with my publication.
Development Cover The three cars on the wheel of the bike has been removed and the rest is left as it is. The typeface of the title is also changed into the new selected font that is being used throughout the whole publication which is Poppins.
13
Weekly Process Journal
Week 04
Layout
14
Week 04
Artisa Theresia Tumiwa 101050624
Chapter Seperator
Illustrations
15
Week 05 Weekly Summary We explored many ways of creating an interesting table of contents. It is essential in coming up with something that is clear, but different as well - because it would be one of the first things people see once they open up the book. We also learned more on Irma Boom’s publications.
Development Cover
Weekly Process Journal
The three cars on the wheel of the bike has been removed and the rest is left as it is. The typeface of the title is also changed into the new selected font that is being used throughout the whole publication which is Poppins.
16
Week 05
Artisa Theresia Tumiwa 101050624
Layout
17
Week 05
Weekly Process Journal
Chapter Sepeator
Illustrations
18
Week 05
Week 05
Artisa Theresia Tumiwa 101050624
Typeface Alterations The reason to why I changed the typeface is because the previous choices didn’t sync well. These two following typefaces are something I found interesting in a website discussing about art and culture.
Itsnicethat.com is a website about art and youthful culture, where its readers are relatively a young age group. I like how the website uses a combination of a serif and san serif font, where it gives a sense of old and new - which is something that I want to showcase in the publication.
Poppins: For titles and headings
abcdefghijkln opqrstuvwxyz 1234567890
ABCDEF GHIJKLM NOPQRS TUVWXYZ
,./;’[]\!@#$%^&*()-
Georgia: For body text
ABCDEF GHIJKLM NOPQRS TUVWXYZ
abcdefghijklmno pqrstuvwxyz 1234567890 ,./;’[]\!@#$%^&*()19
Week 05
Week 06 Weekly Summary We learned on how a cover of a book is essential in capturing people’s attention. We watched got an insight from Chip Kidd’s Ted Talk to the things to be mindful of when designing a cover for a book.
Development Final Cover
Weekly Process Journal
The final result of the cover looks like the image on the left. It shows the movement of the bike which is also supposed to reflect the content of the book, which is about the changes being made in order to create a convenient place to commute using a bike.
20
Week 06
Artisa Theresia Tumiwa 101050624
Print Specifications The whole publication was printed on uncoated K.W Doggett Fine paper. However, it used different weights to differentiate the content of the book. Thus, for the cover, 250gsm stock of paper was used to give a nice “wrap” for the book. The conent uses 150gsm, meanwhile the tip-in book used 90gsm. The reason to why the main publication and the tip-in book has different weights is to give an indication to the audiene that the it’s a new chapter of the book and would have the same function with or without it.
Result
21
Week 06
Binding For the binding of the book, I chose to saddle stitch the book on my own. I used a push pin to create holes for the staples to be inserted. The staples itself are placed in the center opening of the book.
22
Project 2 23
Week 07 Weekly Summary In week seven, we learnt the navigation and formatting of the digital publicaion. We also got an insight to the general interactive principles which included the typographic language being used across the platform.
Overview of project Structure
Weekly Process Journal
A guide to cycling in Jakarta • 768 x 1025 px • Horizontal document • Approximately 20 pages • Condense version of manuscript
Purpose • Experience: Showcasing a publication which gives an actual sense of movement • Connection: Allowing the audience to access various information on the internet efficiently • Convenience: People are able to read the book with the convenience of it being online
Rationale The overall intention is to create a summarized version of the printed publication into an epublication. Due to the fact that the publication itself is about commuting, creating it into a digital format would create a convenience for the audience. It would also generate a feeling of modernity and transformation, which is also a big component to the content of the publication.
24
Week 08
Artisa Theresia Tumiwa 101050624
Weekly Summary By week eight, we made the transfer from the printed publication into something digital. We explored the experimential translation - focusing on its navigation system, the way the information is organized and the design of the interfaces.
Development Table of Contents • • • • •
Cover Instructions Table of Contents Current Conditions Types of bikes found in the city
• • • • •
Getting a bicycle The essential gear Places to bike around Car Free Day Planning your route
Look and Feel
25
Week 09 Weekly Summary In week nine, we had to present our strategy proposal of the digital publication. The presentation itself was a brief explaination of the overall purpose of the project, a showcase of best practices and potential wireframes that will be used throughout the project.
Research & Development
Weekly Process Journal
Benchmarks The benchmarks are used as a specific style direction that will be used for our own digital publication. The way it navigates, the overall look in terms of its layout, color and imagery is considered in becoming a chosen benchmark. The following are benchmarks which I think go well with my overall content because of its clear approach. The three benchmarks also focus a lot of its visual aspect - which is a key component in my own digital publication.
Navager App
What I like most about the look of this application is that it can store many infromation in a simplified manner. It is also neatly sorted, making in convenient for the audience to navigate.
26
Week 09
Artisa Theresia Tumiwa 101050624
Saltfilms Website
I like the visual approach of this website. The rollovers used is not over the top - just right for the particular button. It is also easy to navigate from one content to the other.
Basic Bike Epub
This epub has a nice minimalistic approach to its design. It makes the content very clear and the intention understandable. I like how it also has a nice and thoughtful use of illustration which gives it a sense of journey into the digital publication.
27
Week 09
Wireframes
Weekly Process Journal
The wireframes being create for my digital publication have a strong focus on its use of grids. A main feature that is also being used is that there are pull out tabs throughout the page to display information.
Icons The overall intention is to create a summarized version of the printed publication into an epublication. Due to the fact that the publication itself is about commuting, creating it into a digital format would create a convenience for the audience. It would also generate a feeling of modernity and transformation, which is also a big component to the content of the publication.
28
Week 09
Artisa Theresia Tumiwa 101050624
Typeface Selection For epublications, it is best to: • Use the standard fonts: Arial, Verdana, Georgia, Times New Roman, Courier • Preferred title/ heading size: 16 – 20pt • Preferred body text size: 10 – 12pt • Use a dark color font on a white/ light background
Option 1 Poppins: For titles and headings
abcdefghijkln opqrstuvwxyz 1234567890
ABCDEF GHIJKLM NOPQRS TUVWXYZ
,./;’[]\!@#$%^&*()-
Georgia: For body text
ABCDEF GHIJKLM NOPQRS TUVWXYZ
abcdefghijklmno pqrstuvwxyz 1234567890 ,./;’[]\!@#$%^&*()-
29
Week 09
Option 2
Helvetica: For titles and headings
ABCDEF GHIJKLM NOPQRS TUVWXYZ
abcdefghijkln opqrstuvwxyz 1234567890 ,./;’[]\!@#$%^&*()-
Weekly Process Journal
Courier: For body text
ABCDEF GHIJKLM NOPQRS TUVWXYZ
abcdefghijklmno pqrstuvwxyz 1234567890 ,./;’[]\!@#$%^&*()-
Option 3
Gotham Bold: For titles and headings
ABCDEF GHIJKLM NOPQRS TUVWXYZ
abcdefghijkln opqrstuvwxyz 1234567890
,./;’[]\!@#$%^&*()-
Gotham Light: For body text
ABCDEF GHIJKLM NOPQRS TUVWXYZ 30
abcdefghijklmno pqrstuvwxyz 1234567890 ,./;’[]\!@#$%^&*()-
Week 10
Artisa Theresia Tumiwa 101050624
Weekly Summary This week, we had to be ready with the overall format and setup of the digital publication. We learnt various techniques on what to apply in the design, including a pull out tab and slideshow of images.
Research & Development Target Audience The audience of the particular publication is young people living in Jakarta who commute on a daily basis. Due to the fact that the publication itself is digital, it would also be more familiar to those who are “tech savvy�. (right) My friends in Jakarta who bike every weekend and would consider to commute with bikes if they lived closer to their school.
The epublication would also be for parents with children. Due to the fact that the digital publication uses many illustrations and interactivity, it can be more appealing to those at a younger age. However, because the content itself can be more useful for adults, it would be a great way for adults to interact with children.
31
Additional Content Due to the 20 page minimum, I decided to add more content to the publication, as well as adding images that do not belong to myself. The reason to the addition is because I currently do not have any photos of that specific place/ object and would not have be able to take them mysellf for this project. However, I made the images that I have found have a certain tone to it; which was established by editing them one by one on Photoshop.
Weekly Process Journal
Bike anatomy
Images
32
Week 06
Artisa Theresia Tumiwa 101050624
Cover The potential covers that I wanted to use for the digital publication is intended to resemble the printed book.
The interactivity used in the cover has been changed several times in order to get the right motion.
Content Page Changes
33
Week 11 Weekly Summary For the first week, we had an overview of the unit. We then had a detailed briefing of the projects, procedures, and expectations. We also learnt the importance of how every element in a book is essential - everything from the size, material, content and design of a publication. There are many things to consider in the design of a publication.
Development Layout
Weekly Process Journal
The layout for the “places to bike� page just had images and an explaination of the overall feel of cycling in that particular area. On the left, it showed the map of Jakarta which also doubles its function as a menu where the audience can ciick and read other content.
I then decided to have a pull out tab which can appear when clicking a button. It then displays the google map feature, as well as the contact details of that particular place.
34
Week 12
Artisa Theresia Tumiwa 101050624
Weekly Summary For the final week, we had last refinements of the digital publication. There are several things that were considered to change in my publication, including some of the animation and the animation being used. I also developed on some of the icons and imagery used in the publication.
Development Initial Icons For the icons, I wanted to make it go along with the illustrations of my publication. Thus, I chose to
Chosen Icons The layout for the “places to bike� page just had images and an explaination of the overall feel of cycling in that particular area. On the left, it showed the map of Jakarta which also doubles its function as a menu where the audience can ciick and read other content.
35
Weekly Process Journal
Layouts
36
Week 12
Artisa Theresia Tumiwa 101050624
Overall Rationale There were challenges in both creating the printed and digital publication. By creating both versions, I was able to create distinct differences towards each publication whilst still creating a similar overall look. The changes were made are minor. I still stuck to the illustrations I have created and most of the content that has been searched in the first place. The things that had a complete change were the overall target audience of the publications.
37
References Anon 2008, viewed 13 August, 2016, <https://au.pinterest.com/ pin/138063544803789801/>. Anon 2012, viewed 14 September, 2016, <https://thumbs. dreamstime.com/z/cars-traffic-jam-entering-giant-funnel-cartoonillustration-heavy-driving-56335010.jpg>. Anon 2012, viewed 14 August, 2016, <https://thumbs.dreamstime. com/t/direction-sign-australia-different- capitals-44906443.jpg>. Anon 2014, viewed 15 August, 2016, <https://www.istania.net/blog/ tag/car-free-day-jakarta/>. Anon 2015, viewed 12 August, 2016, <https://au.pinterest.com/ pin/350858627202394942/>. Anon 2016, Salt Films, viewed 2 October, 2016, <http://www. Weekly Process Journal
saltfilms.com.sg/>. Anon 2016, viewed 22 October, 2016, <https://41.media. tumblr.com/a560ffad268d99b9eebbf052f9e186d1/tumblr_ nmlbsgXh8p1tjnraro1_400.jpg>. Anon 2016, viewed 14 August, 2016, <https://au.pinterest.com/ pin/508273507920651784/>. Cheung, P 2016, Punctuation Guide, viewed 14 August, 2016, <https://www.behance.net/gallery/36797029/Punctuation-Guide->. Flow Festival, 2015, viewed 13 August, 2016, <http://bpando. org/2015/11/24/branding-flow- festival/>. Giannelli, F 2009, At the Speed of Two, viewed 12 August, 2016, <https://www.flickr.com/photos/fabiogiannelli/3635942266/>. June Letters, 2015, The Art of Knowing, viewed 13 August, 2016, <http://www.juneletters.com/blog/2015/8/13/the-art-of-knowing>. Kaufmann Mercantile, n.d., Brooks Bicycle Messenger Bag (Asphalt), viewed 15 August, 2016, <https://www.kaufmann-mercantile.com/ collections/gifts-above-150/products/store.kaufmann- mercantile. com/collections/accessories-gifts/products/brooks-bicyclemessenger-bag-asphalt>. Kikki.k, 2015, viewed 14 August, 2016, <https://www.instagram. com/p/6UEeRTjdUf/>.
38
Artisa Theresia Tumiwa 101050624
Korfmann, K 2014, viewed 13 August, 2016, <https://au.pinterest. com/pin/323977766922957350/>. Lim, L 2011, A Clockwork Orange, viewed 14 August, 2016, <http:// minimalmovieposters.tumblr.com/post/4667130420/a-clockworkorange-by-lalaine-lim>. Lim, S 2013, Dwell - Coastal Cities Revisited, viewed 12 August, 2016, <http://portfolios.sva.edu/gallery/7212089/Dwell-CoastalCities-Revisited>. Lucid Design, 2014, Kit Bike, viewed 14 August, 2016, <http://www. dezeen.com/2014/07/15/kit-bike- lucid-design-packs-into-a-bag/>. Moss, E 2012, viewed 22 October, 2016, <https://au.pinterest.com/ pin/350858627202394942/>. Nobo, n.d., viewed 14 August, 2016, <http://www.hellonobo.com/ portfolio/>. Rodas, D n.d., Gill Sans - Posters, viewed 14 August, 2016, <https:// au.pinterest.com/pin/340232946829309202/>. Tanlund, P 2012, Dagens foto - 164: Save Tonight, viewed 13 August, 2016, <https://www.flickr.com/photos/petertandlund/6987884201/>. Wilkinson, N 2015, Beach Pattern, viewed 13 August, 2016, <http:// naomiwilkinson.tumblr.com/post/118873701563/beach-pattern>.
39
40