BRIEFING 15 May 2021
OUR WORK We seperated into 2 Groups and the ways of presenting also different..
1. 2.
HOME: using InDesign to create booklet PDF: home HOME IN TRANSITION: Using Cargo to create a website. Link: homeintransition
WORKSHOP DISCOVERY
INTRODUCTION 3 PARTS: LECTURE
TUTORIAL
DISCUSSION
-What software for a booklet ?
-What to sketch ?
-What you like/hate ?
-How to make it ?
-How to sketch ?
-How you want it to be ?
-Why booklet ?
-Why sketch ?
-Why elaborate ?
INTRODUCTION LEARNING OUTCOME: -The ways of presenting your idea and sketches. -Basic of Indesign. -Ways to sketch out the information around us.
- ’Storytelling’ to present out the work. -Communicate with new friends. -Get the chance to share your work in our Exhibition.
TELL AND SHARE YOUR STORY
SKETCHING STEPS 1.Take out the Sketch book or any types of paper you have prepared. 2. Also your pen/pencil/artline pen Sketch some perspective/storyboard to show about that HOW do you interact with the space at home
SKETCHING Format 1.
Draw 4-6 Boxes
What to sketch? ❏ Relationship between the space? ❏ What represent the most in the space? ❏ ❏ ❏ ❏
furnitures/fittings? Lighting? Which part most likely represent your home? Human/Pets activities in the home Which space is more useful/useless?
Method of represent? ❏ ❏ ❏ ❏
Perspective Section Isometric Axonometric
What is a Storyboard?
1.
A graphic organizer that plans a narrative. 2. The linear direction of the cells is perfect for storytelling, explaining a process, and showing the passage of time.
Storyboard Format:
Storyboard examples:
ANY QUESTION?
LET’S GET STARTED! Visual communication and storytelling will make you think about the most important things and get you to collaborate in a whole new way.
INDESIGN SETTING UP A BOOKLET
HOW TO MAKE A BOOKLET? METHOD:
WHY WE NEED TO USE? ●
InDesign and Affinity are a good organization and typesetting software that PS and AI do not have the overall typesetting function.
ADOBE
INDESIGN
VS
AFFINITY PUBLISHER
The function are very similar but different operating directions, such as the name of menubar and the layers/ pages…. Affinity more easy to use, just like an upgraded version of CANVA.?
ABOUT ADOBE
INDESIGN
VS
AFFINITY PUBLISHER
Adobe InDesign is the industry-leading layout and page
Affinity Publisher released in 2014 and 2015. It is a
design software for print and digital media that released
desktop publishing software for PC and Mac that
in 1999 by Adobe Inc.. It helps to create beautiful
works in very nearly the same way as InDesign.
graphic designs with typography from the world's top
The program is from Serif, a company dedicated
foundries and imagery from Adobe Stock. Quickly share
to building design software with designers in
content and feedback in PDF. Easily manage production
mind. Which means they aim to compete with
with Adobe Experience Manager.
Adobe.
ADOBE
INDESIGN
AFFINITY
VS
PUBLISHER
PROS ● ● ●
is IDML compatible integrates with Adobe Experience Manager offers creatives a plethora of design features
PROS ● ● ● ● ● ●
a low-cost single purchase, saving money on Adobe CC’s monthly charges loads faster than InDesign, efficient filtering and editing is easier to control header/footer & page number content is easier to edit styles or large amounts of text accommodates large-scale documents offers more flexibility for current design needs
CONS ●
requires monthly Adobe CC costs
●
has an overwhelming startup process
●
lacks satisfactory Adobe technical support
CONS ● ● ● ●
different terminology for similar items doesn’t yet handle footnotes/endnotes doesn’t yet support tagged accessible PDFs no GREP/Nested Styles support
Potential Users of Affinity Publisher The professional, all-in-one Affinity Publisher app may be used by:
• designers who want to avoid Adobe Creative Cloud costs and requirements • users without access to InDesign • non-professional designers with occasional commercial or personal design tasks
• beginning web designers • online e-Magazine creatives • interactive PDF designers • brand identity designers • in-house marketers • designers adding to their skillset • creatives seeking an InDesign alternative
WORKSPACE INTRODUCTION
① Menu Bar ●
Including the file, edit, view, window and other items are similar to Ps.
Setting for the overall layout of the document, such as setting the layout grid, columns, reference lines, page numbers, etc.
② Control Panel ● ● ●
Provides some property settings of the current tool and the selected item. The difference between Id and PS is that its control panel has a wide variety of options. But there are many icons at a glance
If can't find the CONTROL PANEL ●
WINDOW> WORKSPACE> TICK Control
Selection and direct selection tools
Rectangle, Ellipse & Polygon Tool
● ● ●
③ Toolbar
On the left is the toolbar, which is also similar to Ps Tools are different from Ps. There are many tools customized for layout design, such as ○ frame tools (which can be simply understood as a container for storing text and pictures, like a picture frame) Not only can absorb colors, but also attributes (including: font, text size, etc.)
④ Option panel area ●
●
●
On the right is the option panel area, which provides settings for special attributes You can set ○ Text ○ fill/stroke color, ○ layer, ○ character/paragraph style, etc. The specific items of the panel can be customized in the "Window"
⑤ Status bar ● ●
At the bottom is the status bar, which displays page navigation and preflight inspection tasks. Pre-press inspection plays a very important role in printed matter publishing.
If the font is missing in the document and the link to the image is invalid, the red light will turn on
⑥ Layers and pages ●
The layer operation is similar to Ai, click the point on the right to select the layer individually.
●
The page is for the convenience of typesetting
●
Pages Makes the same part of the layout that no need to make or copy the common part of the previous layout on each page, it can be done directly in Amaster.
In a document, we can make multiple master pages, and these can be applied to different pages.
●
Page numbers Adding page numbers in InDesign is easy using Master Pages. Even if you reorder your pages, the numbers automatically update!
●
Grid tools (used to standardize the placement of elements) ○ Can be more logically designed and typeset and organize the information in the screen ○ Make the important elements more distinct ○ Make the design draft have a good structure
●
Frame tools ○
○
Conveniently place pictures Use the frame tool to pull out the required range of the picture, and then use Ctrl+D to place the picture.
●
Link
A link will be automatically added when adding a picture but there may be two link errors.
1.
2.
Missing: Double-click / click "Relink" to repair Modification: Double-click to modify automatically
●
Character and Paragraph style ○ Toolbar> Type> Character style / Paragraph style. ■ Character style is to set the font, word spacing, line spacing and color of the text. ■ Paragraph style is based on the character style, and sets the first word space, indentation, space before break of the paragraph and other attributes related to the overall paragraph.
ANY QUESTION?