OUGD404 Design Principles Visual Literacy- The language of Graphic Design

Visual Literacy- The Language of Graphic Design

Multitude of lines makes it harder to read, especially at distances

Serif font works better at a smaller scale, however when scaling up lower the amount of words.

Larger scale makes it illegible, the counters get smaller.

Distance is key when creating type. Characteristics, readability, legibility changes.

Black bold font at a 12pt doesn't work at all, there are no counters as it deconstructs when at a smaller scale.

Visual Literacy

The Solution to a problem of communication through design.

"Type is speech made Visible'

Semiotics

Sign 

Symbol

Signifier

OUGD504 Creative Suite Session 4

Five Ink Job
9 Errors
INDESIGN- Applying our knowledge to check documents

Errors
First things first we noticed that the fact that the documents colour set up would of needed 6 plates when the agreed amount was a 5 ink job this means that one of the spot colours shouldn't be in the menu. We were taught that it was good house keeping to delete all unused spot colours, to avoid extra cost.

The next mistake we found was one of the images has been output as a jpeg rather than a tif or an Ai file. This means the image has been compressed and the quality wont match the rest of the document.
If you right click an image and go to Edit with then you can re-open the the image within Photoshop which should be the default setting. (hold alt and double click the image) The image will re open immediately to enable you to edit. 

The next mistake we saw was the fact the images have been re-sized on Indesign rather than the source file itself. This will make the document unnecessarily big which could lead to problems in processing the print job or compressing the file. 'Effective PPI:129' which is too small so open it back up in Photoshop and go to image size. Ask the client to higher the resolution to rectify as the res will still be quite low can use more pixels

Some images have been saved with the RGB mode.

Some images have a lower resolution than 300dpi.

Some images have drastically high resolution which could create problems in processing later.

One of the colour swatches has been set as RGB to fix this the swatch was changed in the right colour mode and adjusted to the right tint.
It is an issue if this swatch is in actual fact being used, there is a danger that this is an outer gamma colour. Could come back from the printers not what you had expected. By double clicking on the swatch you can edit the swatch from RGB to CMYK and it will change it automatically.

Something else we found was one the images didn't bleed off the page this could have caused problems in the cropping process.

The website at the bottom of the design is set to be in Registration colour which is something from crop marks, fold marks etc: therefore it will appear on every plate which results in a lot of ink being used and it will come out unclear and the clarity wont be very god- To solve this we simply need to change the type from registration colour to black.


Grey scale image which has had a spot colour applied to it with a spot colour. This is OK to do in Indesign. If was a greyscale tiff file ypu can create a duo tone image by changing the colours by just clicking and using the swatches. (disregard the spelling mistake)

Quick way to check the document go to file then package, makes a copy of the Indesign file this will then allow you to gather everything and make one folder so you can pass everything on to the printer. Before it packages it gives you a summery of the document which shows you all the above issues and more. Will tell you if any links or fonts missing, but also if there are any RGB issues, how many colours and inks we are using.

 To save as a PDF if that what you prefer, go to File, Adobe PDF Presets then go to Press Quality which is for the very best print out. High quality print would be suitable for the printers within College. If you were to make a PDF for email or on Issuu (just for computer purposes) then you use the PDF which has the smallest file size. The great thing about the PDF is that it contains everything, Fonts, images etc. So you only have one file.

OUGD504- Creative suite session 3

File
   New
      Document
Page Size- Depends on what your designing
finished printed trimmed size
If your designing a postcard then needs to be postcard size
Use width and height options
Columns and Margins
Dont have to use them, however will help for layout purposes, if you are working to a certain grid. If you don't ned them, don't use them.
Margins give you the white space around the edges throughout
More options bleed 3mm compensates for any inaccuracy's of the final print. Standard amount. Info you get from the printer
Slug: Specify the area for custom marks or job information.
Crop marks or any additional info that will get cut off when printed
Specify pages: Booklet layout saddle stitch binding example need to be multiples of 4. Consider the binding.
Facing pages- 2 pages will face each other next to each other. Magazines books, editorial etc.
Primary text frame- Multiple pages mainly with text, will put a text box on all your pages.
When you press ok and if you have set out the document wrong go to file, document, set up.

The importance of working with swatch palettes in Indesign
Window
      Colour
          Swatches (simplified palette)
               CMYK, RGB
Gives you the ink mixtures, square that give you more information.
Colour is applied to an object on the Page
                                               Fill or Stroke

The box and the T symbol allows you to fill the Text Box around

Menu

-New colour Swatch

Spot colour library by going into colour mode

CMYK Swatch Maker

Grey square next to the colours in the swatch layout, means global colour. Will change automatically by clicking the globally. If working with multiple pages, will change all there were that colour,

If working with a limited colour palette, can make tint swatches

Options

Select the swatch that you want tints of, adjust the bar at the bottom. IF you change the original colour swatch, it will automatically change the tint swatch as well.

Photoshop considerations

Colour-Before saving switch to cmyk

Image size- Work to actual size, shouldn't enlarge or reduce the image in Indesign

Smaller- Will make problems when process

Bigger-Loose quality

Dpi300 Resolution

File size-tiff or photoshop files PSD

not Jpeg increase the processes when printing, looses quality

Choose PSD files to keep lyres, allows transparency, tiff files doesn't allow it.

Illustrator Considerations

Colour mode- CMYK, specifically the colours that have been made for the document. Colour that have been applied

Save as. Ai can copy and paste vector artwork (never do it in Photoshop)

Indesign Considerations

File and place, Duo tone image

The spot colours from photoshop would be brought into Indesign

Works the same with illustrator swell images will b e low resolution the linked folder for the images can be changed in photoshop and illustrator will be updated automatically

What happens to indesign files when it is ready to print

Window

-Output

-Separation preview

-View separations quality will become higher

Isolate individual inks

bottom three haven't been used

Can check that they are in fact spot colours as you turn individual ones on you can see them as they layer up

Principle of commercial is the same for screen print.

Good practise to delete the spot colours that you do not use to save on expense

File

Print

Output

Can see how it my work, option. 

If you know some arnt being used, press the print icon and turn off

Frequency and angle are to do with half tones

determines the courseness or the opposite

fine grid of dots determine how fine the mage is.

Angle working with mulitople inks. CMYK orinting on top of the each other screen is angles so i doesnt interfere with the other dots. Rotated through angles moiré- to get accents hold down alt press e twice 

View 

Overprint preview

Activate overprint previw box to do with decisions indesign uses to make the plates

overlapping colours when you turn the top one off it will leave a space. Knocking out the yellow has been knocked out of the cyan. So the yellw prints as a yellow and doesn't come out any other colour

Black will always overprint by default 

-Window

-Output

-Attributes

-Overprint fill

they mix the colours, so you can work with more colours by mixing them to keep costs down

 

moiré

 Knocking out

 Overprint

OUGD504 Design for web- Dreamweaver- Session 3

Move root folder into uder work
Open dreamweaver and click manage sites, locate the root folder and it will open
Make the final three buttons in illustrator, make sure you save it as png-24 and illustrator file.
<div id="button"
</div>
Make sure that the buttons are all the same size in illustrator, avoid moving them around the page so that when it is in Dreamweaver it is all alined

 Creating th epages linking all the buttons to the correct pages
<a href=     <----code telling you where it is going
if they are going no where add in #
<a href= "index.html"
add in the different pages such as work. html, about. html, contact.html Resave the pages as save as
then preview and it should have worked

 

This is the webpage

Adding content

With CSS you work with the box model made out of 4 different areas:

Style sheet and add in these measurements:

 

adding imagery

OUGD503 Studio Brief 1 Responsive Concept Statement

Concept Statement
Rationale:
What are you going to do ?
1.Research into eco-friendly design products, that are already being used.
2.Research into the different materials that would be classed as eco-friendlt and how they can be appropriate to my final resolution
3. Create and come up with a concept that follows the brief for a range of packaged products

Why are you going to do it ?
1. To ahve a better knowledge of eco-friendly design, also a better understanding will also hope to give me further inspiration
2. Once i know what i can use then i will be able to start designing, so that it fits the brief
3. To create a eco-friendlt design that will be successful and hopefully will win the competition (wishful thinking)

Who are you doing it for ?
1. Waitrose. As the brief is for packaging for wait rose as a brand then it would be for them
2. The customers of wait rose but hopefully  can give them an incentive for new customers
3. The planet, will create less waste and harmful emissions with in production. Have a knock on effect for the community

How are you going to do it?
1. Research, Primary, secondary etc. Visit the stores, looking at other supermarkets packaging and other companies who ethos is eco-friendly
2. Make prototypes, experiment and develop ideas
3. Make surveys into what people would want, would take place in my research section
4. Speak to eco-friendly companies that have environmental procedure in place
5. Design the packaging

What do you aim to produce?
1. A eco-friendly packaging for a range of packaging that can be re-used/recycled
2. Perhaps P.O.S (point of sales) expelling how it works
3. A variety of different packages with similar themes but for different items to sell.
4. If the packaging was to be re-used/sent back to the shop then an area in which it would be collected
5. An incentive that is low cost to encourage the customers to re-use/recycle the packaging.

OUGD503 Studio Brief 1 Responsive

Identify 5 most important words:
-Re-design
-Packaging
-Environmental Impact
-Branding
-Bio-degradable

5 things you need to con side
-What i am going to package
-Materials that can be recycled or re-used
-The Packaging (Essential Requirements) Regulations 2003 (PERR)
-Cost
-Lifecycle of packaging and its contents

5 Design products related to your brief
-Packaging
-Containers
-Bags
-P.O.S (point of sales) Advertisements
-Posters/Signs

5 Places related to your brief
-Waitrose Supermarket
-Recycling plants
-
-
-

Who is your audience ?
-Middle aged people who are willing to spend a lot of money in Waitrose

Who should your audience be?
-Eco-friendly people
-People who shop at Waitrose
-People with money

Who could the audience be?
-Homeowners
-18 years and above
-People enjoy good quality products
-Eco-friendly
-Green people

What do 'they' do ?
-Go shopping
-Buy the products
-Recycle
-Work at high paying places

Where do 'they' go ?
-Waitrose
-Recycling plants
-Work
-Shopping

What do they buy?
-Food of good quality
-Items that cost a lot of money

Who do they live with?
-Partner
-Pet
-Children

What can you do ?
Create a unique eco-friendly packaging
Create point of sales items advertising the new packaging
Make the packaging

What are you going to do ?
Research into Waitrose
Visit the store
Research into already eco friendly packaging
Research into materials

Why are you going to do it ?
To get a wider knowledge about eco-friendly design to make the piece successful, and to fit the brief.

What could you do ?
Create the packaging, Invent a new eco friendly material, that doesn't affect anything either in production or after it has been used. This material would keep food fresh if it was packaging for food.

OUGD503 Studio Brief 1 Responsive

Questions in Relation to the brief
RSA The whole Package
1.Why have you chosen ?
I have an interest in packaging and looking at how things work. I also aspire to be an eco-friendly designer, therefore this brief would be perfect for me as it is asking for an eco friendly packaging.
2. What do you want ?
To explore in to eco friendly design
3.What do you want to do/make/purpose?
Perhaps made out of material that could be re-used and kept.
4.What do you need to do ?
Do a full exploration into eco friendly design, decide what i am going to package- Create 4 A3 pdfs describing research, proposals, 1 A4 PDF/word document describing the idea. 5 scanned pages of sketchbook
5. What is the problem?
To come up with a new eco-friendly design for packaging
6.What is it asking you to do ?
Design eco-friendly packaging, not actually make it but give them ideas
7. What is it trying to achieve?
Push a campaign to re-use/recycle
8.Benefit who ?
Waitrose, Will be seen as a care for the environment brand. Will also help them cut costs. Will also beneficial the customers who shop at Waitrose. If it is successful will benefit the planet
9.What is the message?
That they want a re-design of their packaging to show they care for the environment
10. Who is the audience?
People with a lot of money, high end supermarket.
How will the message be delivered?
In drawings for the packaging, considering materials
Problems with the brief?
There are so many regulations that need to be followed also to come up with a unique idea. When there is a lot of eco-friendly stuff out there already