small studio digital asset & file...

14
FIELD TOOLS 01 SMALL STUDIO Digital Asset & File Supply 02 SUPPLY OF CREATIVE BRIEFS & TEXT ASSETS 03 SUPPLY OF HIRES IMAGE ASSETS 04 SUPPLY OF LORES IMAGE ASSETS 05 RULE OF THUMB GUIDE FOR IMAGE SIZES 06 SUPPLY OF VECTOR, LOGO AND KNIFELINE FINES 07 SUPPLY OF DATA, CHARTS OR GRAPHS 08 TRACKING CHANGES AND SUPPLYING GREAT FEEDBACK 09 FILE NAMING PROTOCOLS 10 GOOD FOLDER ORGANIZATION 11 PRINT SIZE GUIDE 12 DEVICE SIZE GUIDE – RESPONSIVE DESIGN 13 IMAGE SIZE GUIDE – ASPECT RATIO

Upload: others

Post on 10-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

01

SMALL STUDIO

Digital Asset & File Supply02 SUPPLY OF CREATIVE BRIEFS & TEXT ASSETS

03 SUPPLY OF HIRES IMAGE ASSETS

04 SUPPLY OF LORES IMAGE ASSETS

05 RULE OF THUMB GUIDE FOR IMAGE SIZES

06 SUPPLY OF VECTOR, LOGO AND KNIFELINE FINES

07 SUPPLY OF DATA, CHARTS OR GRAPHS

08 TRACKING CHANGES AND SUPPLYING GREAT FEEDBACK

09 FILE NAMING PROTOCOLS

10 GOOD FOLDER ORGANIZATION

11 PRINT SIZE GUIDE

12 DEVICE SIZE GUIDE – RESPONSIVE DESIGN

13 IMAGE SIZE GUIDE – ASPECT RATIO

Page 2: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Text

02 Supply of Creative Briefs & Text Assets

Overview

• Write a Background that outlines your Problem, strategically

• Write Clear Objectives and Aims that you are seeking

• Include any Key Dates that need to be adhered to.

IDEAL PRACTICE

Supply as shared Google Drive ‘Document’ or ‘Sheets’ file.

NEXT BEST

Supply as Microsoft Word (.doc, .docx) or Text Edit (.txt, .rtf) file.

AVOID

Unstructured typing directly into an email program with copies and

replies from other stakeholders forwarded with your email.

Page 3: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Images

03 Supply of HiRes Image Assets

Overview

• DPI of the image needs to be 300dpi or higher

• The definition of a printed image will be given in DPI (dots per inch) or PPI (pixel per inch).

• This point number means that a printer can print so many points per inch (=2.54cm). The higher the value, the finer the print.

• Acceptable file types are (.tif, .psd) and in some cases, but not all, (.jpg, .eps)

IDEAL PRACTICE

Check each image in Photoshop by opening the image and navigating to Image > Image Size in the top tool bar.

NEXT BEST

If you do not have access to Photoshop, you can obtain other image asset tools like Exif Tool (http://www.sno.

phy.queensu.ca/~phil/exiftool/) or Gimp (http://download.cnet.com/GIMP/3000-2192_4-10073935.html)

AVOID

Supplying images that are saved from browsing the internet.

Page 4: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Images

04 Supply of LoRes Image Assets

Overview

• Typically lower DPI than a HiRes image, but should be at least 72dpi, preferably higher

• Usually the file type will be RGB, which is ideal for use on screen/for the web

• Acceptable file types are (.gif, .png, .jpg)

IDEAL PRACTICE

Check each image in Photoshop by opening the image and navigating to Image > Image Size in the top tool bar.

NEXT BEST

If you do not have access to Photoshop, you can obtain other image asset tools like Exif Tool (http://www.sno.

phy.queensu.ca/~phil/exiftool/) or Gimp (http://download.cnet.com/GIMP/3000-2192_4-10073935.html)

Page 5: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Images

05 Rule of Thumb Guide for Image Sizes

Overview

• If the JPEG is less than 250kb, it will only be suitable for use on screen.

• 250kb – 500kb might be usable as a small thumbnail

• 500kb – 1mb usable up to A7 (one eighth of an A4 sheet)

• 1mb – 1.5mb up to A6 (one quarter of A4)

• 1.5mb – 2mb up to A5 (half A4)

• 3.5mb up to A4

• 6mb+ A3 or over

(Source: http://hullabaloo.co.uk/blog/high-res-or-low-res-how-to-make-sure-your-digital-images-are-suitable-for-print)

Page 6: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Vectors

06 Supply of Vector, Logo and Knifeline files

Overview

• These should be generated from a vector based program

• These files are scaleable to any size, therefore are preferred when supplying important logo files for brand identities

• Acceptable file types are (.ai) and in some cases, but not all, (.pdf, .eps)

• Knifeline files for packaging should be based on lines made from a ‘Stroke’ as opposed to a ‘Fill’. See this link for information

on the difference between them (https://helpx.adobe.com/illustrator/how-to/illustrator-working-with-fill-stroke.html)

IDEAL PRACTICE

Supply a vector-based image that is saved directly from Adobe Illustrator.

NEXT BEST

In some cases, these graphics can be supplied as .pdf or .eps files.

Page 7: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Graphs

07 Supply of Data, Charts or Graphs

Overview

• High quality and carefully prepared assets will get the best results with printing or replication.

IDEAL PRACTICE

Supply as a HiRes image that can be inserted directly into a document. If the Chart/Graph

is to be redesigned, having this as a HiRes image will aid in the accuracy of the update.

NEXT BEST

On some occasions these can be supplied successfully as a Powerpoint file (.ppt).

AVOID

Graphics that are inserted into Microsoft Word (.doc, .docx) and LoRes images

downloaded from the web .

Page 8: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Feedback

08 Tracking Changes and Supplying Great Feedback

Overview

• Providing great feedback on creative work can be made into a very simple and logical process. It’s important to be clear and specific.

• Add dates to the end of each file name for tracking versions of edits

eg. MyDesign_CHANGES_jan12_requested.docx

eg. MyDesign_CHANGES_jan13_made.docx

• When giving notes back to Small Studio, be very specific about changes. Cite specific examples of what you need completed,

eg. change ‘Word X’ on Line 1, Paragraph 2 of Page 8 in My Document.

IDEAL PRACTICE

Supply your changes with Comments/Markup on an Acrobat PDF file.

This allows you to place and highlight edits directly where they need to occur.

NEXT BEST

If you are more comfortable with an analogue process, simply print out the document and

write your notes very neatly and send back to Small Studio via a HiRes scan.

AVOID

Compiling notes from all Clients/Stakeholders into one, big unfocused email.

Page 9: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply File Naming

09 File Naming Protocols

Overview

• Use logical and smart language when making file names.

• Avoid long and vague file names. Remedy this by adding wording to the file that describes exactly what it is,

eg. MyCompany_CEO_profile_photo.jpg

eg. MyCompany_LOGO_full_colour.eps

eg. MyCompany_REPORT_jan2015_draft_1.0.pdf

• Don’t use spaces in your file names.

• Don’t use symbols, spaces or punctuation marks other than a dash ( – ) or underscore ( _ ) in your file name.

Read more about this here (http://support.apple.com/en-is/HT202808)

Page 10: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Folder Setup

Download Folder(.ZIP FILE)

10 Good Folder Organization

Overview

• We have created a .zip file that you can download which contains a File Folder Set that fits seamlessly with the way that Small Studio

works. This mirrors the file hierarchy that we use. Here is an overview of what each of these sub-folders relates to:

ASSETS

Save all images, logos, charts/graphs for use in your design or document here.

BRIEFS

If you are using Google Drive, save a link to your document here OR

Add all Microsoft Word (.doc, .docx) or Text Edit (.txt, .rtf) files here.

CONCEPTS

Save all concept designs that you receive from Small Studio here. These are usually the initial or exploratory design ideas.

DESIGN DEVELOPMENT

These are the files that are more refined versions of the work, based on rounds of feedback between you and the Studio.

FINISHED ARTWORK

These files are the final print-ready versions of your creative work. This folder could contain final Logo Files to Report Documents

to Apparel Design. The only items that should be kept here are the absolute final files for printing or distribution to other

stakeholders in your Company or Network. A sub-folder named Links may be present here if there are other image, fonts or logo

assets that accompany the final art files..

WEBSITE

This folder should contain any relevant files that are used to create your website project with Small Studio. This may include

images for slideshows, portions of code or multimedia files (video or music). Prior to a website design and build you will

provide. Wireframes and/or Functional Spec which outline the architecture of your website project with us.

These should be saved here in a sub-folder.

Page 11: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Print Sizes

11 Print Size Guide

Overview

Understanding paper size can help when it comes

to organizing print work with your brand assets.

A1 Large Street Poster

(59.4cm wide x 84.1cm tall)

A2 Street Poster

(42.0cm wide x 59.4cm tall)

A3 Cafe Poster

(29.7cm wide x 42.0cm tall)

A4 Documents & Reports

(21.0cm wide x 29.7cm tall)

A5 Flyer

(14.8cm wide x 21.0cm tall)

A6 Postcard or Small Flyer

(10.5cm wide x 14.8cm tall)

A1

A2

A3

A4

A5

A6

Page 12: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

Mobile Portrait

(320 pixels wide)

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Device Sizes

12 Device Size Guide – Responsive Design

Overview

It’s a common practice to showcase images on websites in slideshows, often full screen. To make sure your images look their best on

a number of devices it pays to take screen proportions into account. Though by no means comprehensive to all devices on the market,

the most popular screen resolutions at the time of writing are below. On the next page you will see how these proportions work across

different devices.

Tablet Portrait & Landscape

(768 pixels wide)

Notebook Landscape

(960 pixels wide)

Desktop Landscape

(1280 pixels wide)

320px 960px

1280px

768px

Page 13: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

SMALL STUDIO

Digital Asset & File Supply Aspect Ratio

13 Image Size Guide – Aspect Ratio

Overview

Below are some examples of how different popular image aspect ratios (based on the measurements from the previous page)

can appear on different devices.

5:4 ratio Landscape

16:9 ratio Landscape

2:3 ratio Portrait

Page 14: SMALL STUDIO Digital Asset & File Supplysmallstudio.com.au/images/blog/sml_digital_assets_guide.pdf · FIELD TOOLS SMALL STUDIO Digital Asset & File Supply Images 03 Supply of HiRes

FIELD TOOLS

14

Enjoy!©2015 SMALL STUDIO Digital and Print Design Adventurers

Shop 8, Hardwick Building

459 Sydney Rd, Brunswick, Vic 3056

(03) 9381 0996

0425 719 404

smallstudio.com.au

smallstudio.tumblr.com