Responsive
Respond to a minimum of 5 briefs
1 Collaborative = 6 Briefs all together
RSA & TSTD- Do briefs as well
Choose a range of briefs, variety of different subjects
Think about where the challenge is
Need to get something out of it
Keep looking throughout at different briefs
Task: Decide which brief is going to be the main one from the five. Think about what you have to learnt today. Level of detail and scope. Interegate it, inital responses, design sheets. In relation to the 12 questions
Why have you chosen
What do you want
What do you want to do/make/purpose
What do you need to do?
What is the Problem?
What is it asking you to do ?
What is it trying to achieve?
Who will benefit ?
What is the message?
Who is he audience?
How will the message be delivered?
Can you for see a problem with in the brief?
10 Things i want to get of this brief?
-Improved organizational and time keeping skills
-Improved knowledge and experience working with clients (live briefs)
- Understanding the importance of following rules and guideline when doing competiton briefs
-Improvement on branding skills i.e logos etc
-Improvign on work work when been given critical feedback, with live briefs
-Learning how to prioritise my work and time affectively
-Try and produce many varied designs for live briefs
-Working out the different challenges that i will come across and being able to solve successfully
- Be able to work out what type of Graphic designer i am
-Being more prepared for the industry
-Understanding the differences between what a client wants and needs
Why did i choose the briefs?
-branding- Can create plenty of variables, and design the labels that will go on products
- re-design Re-branding is a challenge however the style in which they want sounds fascinating 'country-ish' can go quite deep with this one
- Live brief- was one i got asked to do
-Design a variety of products
-Short time scales, quick turnover
-Methods of delivery, range
-Come out comfort zone
-Interest in the product
-You get paid easy money
-Because they are free
- International recognition
Sunday, 27 October 2013
OUGD504 Creative Suite Session 1
Design for print
Commercial Print Process
Documenting everything that we have learnt about the different Print Processes.
Creating artworks and layouts for print processes.
Focusing on getting things right for commercial print.
General Specifications
Illustrator
How we work with colour
Colour Models
CMYK, RGB
CMYK- Appropriate colour mode for print
-Subtractive
-Another name is Process colour
Mixing of the inks allows more colours to be overlaid.
100% of each we get black.
Paper goes through 4 different channels to layer the colours on
Black is the key colour because it brings imagery altogether adding shadows
Adobe Illustrator
Setting up a new document, can work in different colour modes.
CMYK is the default colour mode.
The ways to add colour for the foreground or background
x Key- to switch fill or stroke using the colour picker, choose the colour then you are given the colour percentages. Right hand side is the colour swatches
Top right of each section, can press to open further options
Use swatch Pallette to give you consistency
Given default swatches
Clear out all unused. Press menu 'Clear unused' and then press delete. Left with four swatches
To get more info on the colours press small list view
[Registration] Colours have to register so it allows print marks, crop marks etc.
White and black swatches have an indication that they are pat of CMYK
Add Swatches
New Swatch
Leave the swatch name as the percentages, sliders allow you to st the percentages
Click ok then you have the new swatch
Build up relevant colours
To add swatches without doing its individually to save time. Have nothing selected go to 'add used colours'
Can always edit the swatches by double clocking. The ones earlier were local colours, the new added swatches are now global.
If you edit a global swatch every single colour/object of that kind will change if you change one. Can set up a group of colour swatches to apply to the whole layout.
Can change/add tints of global colours
Slider in colour point
Menu Create new swatch example 54% tint.
Process-Layered colours
Spot colours are really important, are colours not mixed with CMYK a ready mixed ink, uses one plate in the printer so it is cheaper. CMYK colours can use up to 4 runs in the printing process, can be quite expensive.
CMYK + Spot colours= Very Expensive
Using 4 spot colours would work out the same price.
Expense and consistency is involved when using spot colours. Always the same colour no matter where it is to be printed.
There are colours/inks that can't be produced in the CMYK range, however with spot colours you can get a wider range of colours, for example metalic colours.
Using a swatch book, can identify the colour, colour code to give them to the printer.
Pantone colour library-Metalic swatches for coated or uncoated
Solid coated on matte etc.
Only works in the commercial printing.
How to access them in illustrator
Swatch Pallette
Swatch Menu
Open Swatch Library
Colour Books- Gives you a list of the different spot colours
Clicked Pantone + Solid Coated
Either been told by client or chosen yourself
To look for certain ones go to menu- Small list view
Find field to search for the spot colour.
Click once then it is added to your colour swatch library
Cur corner-global Colour
Small dot- Spot colour
Same way as before, can use tints if working with limited colours
Never change the name of the spot colour so it can be given and found by the printer
Tints are printed with the same ink
When you open a new file, the colour palette goes back to default
If you need to save a colour palette go to menu save swatch as Ai (saves for illustrator)
Saved inside a folder in the home folder. You can have access to whichever computer your on
To open the saved swatch go to menu
-open swatch library
-user defined and it should be there
To save swatches that can be opened for photoshop as well go to menu save swatch library as ASE if doing this save in a folder that your doing work in so it is easier to find when needing it in Photoshop.
Commercial Print Process
Documenting everything that we have learnt about the different Print Processes.
Creating artworks and layouts for print processes.
Focusing on getting things right for commercial print.
General Specifications
Illustrator
How we work with colour
Colour Models
CMYK, RGB
CMYK- Appropriate colour mode for print
-Subtractive
-Another name is Process colour
Mixing of the inks allows more colours to be overlaid.
100% of each we get black.
Paper goes through 4 different channels to layer the colours on
Black is the key colour because it brings imagery altogether adding shadows
Adobe Illustrator
Setting up a new document, can work in different colour modes.
CMYK is the default colour mode.
The ways to add colour for the foreground or background
x Key- to switch fill or stroke using the colour picker, choose the colour then you are given the colour percentages. Right hand side is the colour swatches
Top right of each section, can press to open further options
Use swatch Pallette to give you consistency
Given default swatches
Clear out all unused. Press menu 'Clear unused' and then press delete. Left with four swatches
To get more info on the colours press small list view
[Registration] Colours have to register so it allows print marks, crop marks etc.
White and black swatches have an indication that they are pat of CMYK
Add Swatches
New Swatch
Leave the swatch name as the percentages, sliders allow you to st the percentages
Click ok then you have the new swatch
Build up relevant colours
To add swatches without doing its individually to save time. Have nothing selected go to 'add used colours'
Can always edit the swatches by double clocking. The ones earlier were local colours, the new added swatches are now global.
If you edit a global swatch every single colour/object of that kind will change if you change one. Can set up a group of colour swatches to apply to the whole layout.
Can change/add tints of global colours
Slider in colour point
Menu Create new swatch example 54% tint.
Process-Layered colours
Spot colours are really important, are colours not mixed with CMYK a ready mixed ink, uses one plate in the printer so it is cheaper. CMYK colours can use up to 4 runs in the printing process, can be quite expensive.
CMYK + Spot colours= Very Expensive
Using 4 spot colours would work out the same price.
Expense and consistency is involved when using spot colours. Always the same colour no matter where it is to be printed.
There are colours/inks that can't be produced in the CMYK range, however with spot colours you can get a wider range of colours, for example metalic colours.
Using a swatch book, can identify the colour, colour code to give them to the printer.
Pantone colour library-Metalic swatches for coated or uncoated
Solid coated on matte etc.
Only works in the commercial printing.
How to access them in illustrator
Swatch Pallette
Swatch Menu
Open Swatch Library
Colour Books- Gives you a list of the different spot colours
Clicked Pantone + Solid Coated
Either been told by client or chosen yourself
To look for certain ones go to menu- Small list view
Find field to search for the spot colour.
Click once then it is added to your colour swatch library
Cur corner-global Colour
Small dot- Spot colour
Same way as before, can use tints if working with limited colours
Never change the name of the spot colour so it can be given and found by the printer
Tints are printed with the same ink
When you open a new file, the colour palette goes back to default
If you need to save a colour palette go to menu save swatch as Ai (saves for illustrator)
Saved inside a folder in the home folder. You can have access to whichever computer your on
To open the saved swatch go to menu
-open swatch library
-user defined and it should be there
To save swatches that can be opened for photoshop as well go to menu save swatch library as ASE if doing this save in a folder that your doing work in so it is easier to find when needing it in Photoshop.
OUGD504 Design for Web
Workshop Part 1
1. What is your subject matter ?
2. What are you trying to communicate>
3. Who will be/ could be your audience or end user ?
4. What will be the most appropriate/effective form of content?
5. What is the function and purpose?
What sector/industry you would be designing for
-Pharmaceutical
-Health and Wellbeing
-Sport and Fitness
-Music Industry
-Travel and Tourism
-Fashion
-Education
Mind MAps, Linear plans and notes in order to reflect back on your blog to analyse the session
Part 2
Begin to gather ideas how you can articulate your ideas into a workable informal brief, basically your telling us what you aim to design, why and how, when for.
This brief will contextualise your intended innovation
For next week
What is already out there on the web?
Research your chosen area of exploration
Gather as much info on existing design thinking about consumer needs etc.
Qualtitive (Audience, beliefs, feeling, motivation, triggers)
Quantative (Valid Data, Numbers)
Primary (New not old information)
Secondry (Old Data)
Segementation: Means the market of the product or service is segmented into groups. Grouped by demographics, sex, age, ethnicity etc.
Visual Research
Print off 5 of what you consider to be the best designs and bring to next weeks session. Homepage of the website preferably A3 colour
Why they are good comment on format, why do i like it.
Websites to look at:
- Sneaker Report
-FreshnGood.com
-US11
-Defy New York
-Inside the sneaker box
-Modern Notoriety
-Counter Kicks
-Jordans Daily
-Sneaker news
- Nice Kicks
-Sneakerwatch
-Freshness
-Kix and the City
-Kicks on Fire
-Hypebeast
-Highsnobiety
-Kicks Deals
-Sole
-Sneaker Freaker
1. What is your subject matter ?
2. What are you trying to communicate>
3. Who will be/ could be your audience or end user ?
4. What will be the most appropriate/effective form of content?
5. What is the function and purpose?
What sector/industry you would be designing for
-Pharmaceutical
-Health and Wellbeing
-Sport and Fitness
-Music Industry
-Travel and Tourism
-Fashion
-Education
Mind MAps, Linear plans and notes in order to reflect back on your blog to analyse the session
Part 2
Begin to gather ideas how you can articulate your ideas into a workable informal brief, basically your telling us what you aim to design, why and how, when for.
This brief will contextualise your intended innovation
For next week
What is already out there on the web?
Research your chosen area of exploration
Gather as much info on existing design thinking about consumer needs etc.
Qualtitive (Audience, beliefs, feeling, motivation, triggers)
Quantative (Valid Data, Numbers)
Primary (New not old information)
Secondry (Old Data)
Segementation: Means the market of the product or service is segmented into groups. Grouped by demographics, sex, age, ethnicity etc.
Visual Research
Print off 5 of what you consider to be the best designs and bring to next weeks session. Homepage of the website preferably A3 colour
Why they are good comment on format, why do i like it.
Websites to look at:
- Sneaker Report
-FreshnGood.com
-US11
-Defy New York
-Inside the sneaker box
-Modern Notoriety
-Counter Kicks
-Jordans Daily
-Sneaker news
- Nice Kicks
-Sneakerwatch
-Freshness
-Kix and the City
-Kicks on Fire
-Hypebeast
-Highsnobiety
-Kicks Deals
-Sole
-Sneaker Freaker
Tuesday, 22 October 2013
OUGD504 Design Production Web design
Web design session- Studio brief 2
Web Standards
Common terminology within web design
html
xhtml
css
ap1
wysiwxg
mime
SQL
MYSQL
seo
FTP
URL
XML
PHP
ASP
JSP
CGI
AJAX
ASCLL
GIF
HTTP
HTTPS
UI
UX- User experience
WWW-World wide web
They are all languages, format has to make sense. Spelling needs to be correct to make things work.
Limitations, or....
Designing for the lowest common denomintor
300 ppi- for print
96 ppi- for standard screen
221ppi-New apple macs
Massive issue if you are designing for a standard screen, but how do you make it so your design could go on both screens
Web safe colours
50 shades of gray or 216 colours
Back in the day computers were only able to reproduce 256 colours, so they narrowed it down.
These colours were/are reproduced consistently accross the web using html, specifically a six or where possible a three digital hexadecimal code.
Red
#FF0000 #FF0
White
#FFFFFFF
#FFF
Black
#000000
#000
Can find the colour codes in photoshop. Web designers still use these colours, as they are guaranteed to be that colour on all types of computers.
RGB-more then 216 colours in the range 256 shades of red, 256 shades of green, 256 shades of blue. Reproducing 16 million different colours significantly more then HEX216 colours
The combination of Red, Green and blue values from 0 to 255
Red 256 x Green 256 x Blue 255 = 16,777,216
This wider range of colours can now be reproduced using css rather than HTML . These colours are identified using the same principles as Photoshop and Illustrator by specifying the percentage of 255 per RGB. For example 100% Red would be RGB (255,0,0)
Web Safe Fonts
For a chosen font to display consistently across different computers a standard font must be used. Further to this a font-family is chosen giving several "fallback" options to ensure maximum compatibility between browsers and systems, for example is the browser/system does not support the first font it tries the next one listed.
Some common font families:
Georgia, Serif
"Palatino linotype," 'Book Antiqua," Palatino, serif
"Times New Roman,"Times, Serif.
San Serifs fonts
Arial, Helvetica, Sans-Serif
Tahoma, Geneva, Sans-Serif
"Trebuchet MS" Helvetica
CSS Font-Face
The CSS compatible @ font face allows you to install fonts to a website, meaning the font choice remains consistent regardless of the blowsier or system
However using font-face breaches licensing and copyright laws related to specific font foundries.
there are many free font websites which include free license usage @ font-face kits including font squirrel.
Size, Dimension, Pixel resolution
640 x 480 -All computers 1991
800 x 600 -1995
1824 x 768 -2000-2004
1920-1080 -Present day
2880 x 1800(220ppi) -New mac book pro
Create a responsive website to get around this issue
File Formats
PNG
GIF
PDF
JPEG
-
72ppi
RGB
-
Lossy
Compressed
Wen saving an image to be uploaded for web, have a small file size but still look the same. Compressed
Produce 3 scamps for next lesson, Image with notes colours, fonts etc. example gripittool.co.uk
Scamps related on summer brief
Handrawn scamps quicker, easier.
Fundamentals of Dreamweaver
Welcome screen
not a good way to open files through the column which says 'open a recent item'
taking shortcuts can be problematic
Middle Column
HTML, CSS mains that we would be using
Top features (videos) section
Avoid engaging with these as they can be too complicated
Click 'Create new HTML'
3 different views
Code, Split, Design
Design view- exactly how it will look on a web server
Simple web page you can create
Click code , quite a lot just to create blank space
<!DOCTYPE html PUBLIC "_//w3c//DTDxHTML!o
Transitional// eN""hhtp://www.w3.org/TR/xhtml/
DTD/xhtmll-transitional.dtd"> (delete this as its not needed)
_________Don't need _____________
Line | |
1<html xmlas="hhtp:www.w3.org/1999/xhtml">
2.<head> (isn't visible to what you can see, just for the functionality)
3.<meta http- equiv= "content-type" content='text/html; charset- UTF-8"/> (search engine, add in key words. Arn't essential so can delete)
<title> untitled document </title> (increase the search engine optimisations)
</head>
<body> All design goes between
</body> these parts.
</html>
Once all unnecessary coding has been deleted this is whats left:
1. <html>
2.<head>
3.<title> Untitled Document </title>
4.</head>
5.
6.<body>
7.</body>
8.</html>
9.
<body> Open
</body> Closed
/ Symbol Indicates the end
File management is very important, save in a root folder, like how you would use Indesign. Keeping all the folders together
Save in user work within the hard drive. Imperative to use 'user work' when saving files for dreamweaver to work. Also allows work to be backed up.
When naming images don't use capital letters or spaces.
The name of the folder can be the name of the website, however as i don't know the name i have named it as 'root'
Create another folder for images (media) within the root folder. Some servers look for the root fold and the image folder, even if there is other media in there.
Tell Dreamweaver where the root folder is so we can save
-Site tab
-New Site.../-manage site...
Back the folder up onto desktop, when we go back transfer back to user work. Then click manage to tell it again tell it again where it is.
-Click new site...
Select the site name, doesn't have to follow naming convention
-Local site folder, click and find the root folder
Once done a files column on the bottom right appears
The page we have got is the homepage
File
-save as (as we have already told dreamweaver where it is going to go tit will open it already)
Just need to name it. Never get rid of .html or it wont work
As the internet is global, don't call it 'home' it isn't going to be understood in other languages. NEeds to be called index.html as this is what the server will be looking for first. All the other pages can be called whatever as they are linked already to the index. If the word is 8 characteristics or long can be bad so you would need to shorten. Click Save
Globe icon- Preview on any of the other browsers that are downloaded on the comp. Any changes made, save and then preview incase there is something not working, you can then identify what it was that has made it go wrong.
To give it a title name, between <title> name </title>
or name it in tab box with the name a x without it being saved
Click save then open it in Google Chrome to check if it has worked.
cmd S -save
cmd r- Refresh
To add text between
6. <body>
7. Hello
8.</body>
Save then check it has worked
The font and size is the default font and size
If we wanted to use helvetica, blue, 14pt we would have to keep typing, however creating a css file it would allow you to not have to do that.
Link them to the html doc, so the styling only needs to be done once.
Dreamweaver
File
-New
-Blank Page
-CSS
CSS different coding
1. @charset "UTF-8";
2. /*css Document*/
3.
4. Body {font-family: Tahoma, Geneva, Sans-Serif;
; Colon closes it
5. } closes the options
Colours are in pink, grey, blue
File
-Save as
-Name stylesheet.css
-Save
Go back to index.html need to link it with the stylesheet, Can code it if you know it so it would be inside the head
Tab on the right Attach external style sheet link
-OK
File- Save all - Check on Google chrome
Move root folder to desktop
For next session create 3 scamps, photos, colours, styles etc.
Web Safe Fonts
For a chosen font to display consistently across different computers a standard font must be used. Further to this a font-family is chosen giving several "fallback" options to ensure maximum compatibility between browsers and systems, for example is the browser/system does not support the first font it tries the next one listed.
Some common font families:
Georgia, Serif
"Palatino linotype," 'Book Antiqua," Palatino, serif
"Times New Roman,"Times, Serif.
San Serifs fonts
Arial, Helvetica, Sans-Serif
Tahoma, Geneva, Sans-Serif
"Trebuchet MS" Helvetica
CSS Font-Face
The CSS compatible @ font face allows you to install fonts to a website, meaning the font choice remains consistent regardless of the blowsier or system
However using font-face breaches licensing and copyright laws related to specific font foundries.
there are many free font websites which include free license usage @ font-face kits including font squirrel.
Size, Dimension, Pixel resolution
640 x 480 -All computers 1991
800 x 600 -1995
1824 x 768 -2000-2004
1920-1080 -Present day
2880 x 1800(220ppi) -New mac book pro
Create a responsive website to get around this issue
File Formats
PNG
GIF
JPEG
-
72ppi
RGB
-
Lossy
Compressed
Wen saving an image to be uploaded for web, have a small file size but still look the same. Compressed
Produce 3 scamps for next lesson, Image with notes colours, fonts etc. example gripittool.co.uk
Scamps related on summer brief
Handrawn scamps quicker, easier.
Fundamentals of Dreamweaver
Welcome screen
not a good way to open files through the column which says 'open a recent item'
taking shortcuts can be problematic
Middle Column
HTML, CSS mains that we would be using
Top features (videos) section
Avoid engaging with these as they can be too complicated
Click 'Create new HTML'
3 different views
Code, Split, Design
Design view- exactly how it will look on a web server
Simple web page you can create
Click code , quite a lot just to create blank space
<!DOCTYPE html PUBLIC "_//w3c//DTDxHTML!o
Transitional// eN""hhtp://www.w3.org/TR/xhtml/
DTD/xhtmll-transitional.dtd"> (delete this as its not needed)
_________Don't need _____________
Line | |
1<html xmlas="hhtp:www.w3.org/1999/xhtml">
2.<head> (isn't visible to what you can see, just for the functionality)
3.<meta http- equiv= "content-type" content='text/html; charset- UTF-8"/> (search engine, add in key words. Arn't essential so can delete)
<title> untitled document </title> (increase the search engine optimisations)
</head>
<body> All design goes between
</body> these parts.
</html>
Once all unnecessary coding has been deleted this is whats left:
1. <html>
2.<head>
3.<title> Untitled Document </title>
4.</head>
5.
6.<body>
7.</body>
8.</html>
9.
<body> Open
</body> Closed
/ Symbol Indicates the end
File management is very important, save in a root folder, like how you would use Indesign. Keeping all the folders together
Save in user work within the hard drive. Imperative to use 'user work' when saving files for dreamweaver to work. Also allows work to be backed up.
When naming images don't use capital letters or spaces.
The name of the folder can be the name of the website, however as i don't know the name i have named it as 'root'
Create another folder for images (media) within the root folder. Some servers look for the root fold and the image folder, even if there is other media in there.
Tell Dreamweaver where the root folder is so we can save
-Site tab
-New Site.../-manage site...
Back the folder up onto desktop, when we go back transfer back to user work. Then click manage to tell it again tell it again where it is.
-Click new site...
Select the site name, doesn't have to follow naming convention
-Local site folder, click and find the root folder
Once done a files column on the bottom right appears
The page we have got is the homepage
File
-save as (as we have already told dreamweaver where it is going to go tit will open it already)
Just need to name it. Never get rid of .html or it wont work
As the internet is global, don't call it 'home' it isn't going to be understood in other languages. NEeds to be called index.html as this is what the server will be looking for first. All the other pages can be called whatever as they are linked already to the index. If the word is 8 characteristics or long can be bad so you would need to shorten. Click Save
Globe icon- Preview on any of the other browsers that are downloaded on the comp. Any changes made, save and then preview incase there is something not working, you can then identify what it was that has made it go wrong.
To give it a title name, between <title> name </title>
or name it in tab box with the name a x without it being saved
Click save then open it in Google Chrome to check if it has worked.
cmd S -save
cmd r- Refresh
To add text between
6. <body>
7. Hello
8.</body>
Save then check it has worked
The font and size is the default font and size
If we wanted to use helvetica, blue, 14pt we would have to keep typing, however creating a css file it would allow you to not have to do that.
Link them to the html doc, so the styling only needs to be done once.
Dreamweaver
File
-New
-Blank Page
-CSS
CSS different coding
1. @charset "UTF-8";
2. /*css Document*/
3.
4. Body {font-family: Tahoma, Geneva, Sans-Serif;
; Colon closes it
5. } closes the options
Colours are in pink, grey, blue
File
-Save as
-Name stylesheet.css
-Save
Go back to index.html need to link it with the stylesheet, Can code it if you know it so it would be inside the head
Tab on the right Attach external style sheet link
-OK
File- Save all - Check on Google chrome
Move root folder to desktop
For next session create 3 scamps, photos, colours, styles etc.
Monday, 21 October 2013
OUGD501 COP2 Consumerism
Consumerism
Recap of the Lecture on Consumerism
Consumerism -|Manufacturing desire
Desire- False need |Intrinsic part of the system, would
Greed- Need for Commodities -|work if there was no profit made
| |
| |
Social Control |
vs |
Freedom |
|
|
Satisfaction Inequality
|
|
|
Dis-guided- Idea of freedom, happy because they can afford/earn expensive cars for example
The idea of mass production is intrinsically linked, to make capitalism expand. Things become meaningless
Big businesses use advertising and brands to sell their products to make them popular.
Freud- Irratonal desires and animal instincts are what he believed humans to be like. The idea of civil society is really incompatible to our desires. 'The Pleasure Principle'
Bernay- Public Relations P.R. Attempt to initially sell, to link this to brands or movie stars and later to Politicians. Had an amazing career. Employed by the CIA at one point, to destabilise his beliefs on certain countries.
Consumer society, to exist we have to desire commodities so the wealth of our country succeeds.
Ways of seeing. J. Berger
pages 129-131
Recap of the Lecture on Consumerism
Consumerism -|Manufacturing desire
Desire- False need |Intrinsic part of the system, would
Greed- Need for Commodities -|work if there was no profit made
| |
| |
Social Control |
vs |
Freedom |
|
|
Satisfaction Inequality
|
|
|
Dis-guided- Idea of freedom, happy because they can afford/earn expensive cars for example
The idea of mass production is intrinsically linked, to make capitalism expand. Things become meaningless
Big businesses use advertising and brands to sell their products to make them popular.
Freud- Irratonal desires and animal instincts are what he believed humans to be like. The idea of civil society is really incompatible to our desires. 'The Pleasure Principle'
Bernay- Public Relations P.R. Attempt to initially sell, to link this to brands or movie stars and later to Politicians. Had an amazing career. Employed by the CIA at one point, to destabilise his beliefs on certain countries.
Consumer society, to exist we have to desire commodities so the wealth of our country succeeds.
Ways of seeing. J. Berger
pages 129-131
'In the cities in which we live, all of us see hundreds of publicity images everyday of our lives. No other kind of image confronts us so frequently. In no other form of society in history has there been such a concentration of images, such as density of visual messages.
One may remember or forget these messages but briefly one takes them in, and for a moment they stimulate the imagination by way of either memory or expectation. The publicity image belongs to the moment. We see it as we turn a page, as we turn a corner, as a vehicle passes us. Or we see it on a television screen whilst waiting for the commercial break to end. Publicity images also belong to the moment in the sense that they must be continually renewed and made up to date. Yet they never speak of the future.
We are now so accustomed to being addressed by these images that we scarcely notice their total impact. A person may notice a particular image or piece of information because it corresponds to some particular interest he has. But we accept the total system of publicity images as we accept an element of climate. For example, the fact that these images belong to the moment but speak of the future produces a strange effect which has become so familiar that we scarcely notice it. Usually it is we who pass the image- walking, travelling, turning a page; on the TV screen it is somewhat different but even then we are theoretically the active agent- we can look away, turn down the sound, make some coffee. Yet despite this, on has the impression that publicity images are continually passing us, like express trains on their way to some distant terminus. We are static; they are dynamic- until the newspaper is thrown away, the television programme continues or the poster is posted over.
Publicity is usually explained and justified as a competitive medium which ultimately benefits the public (the consumer) and the most efficient manufacturers- and thus the national economy.It is closely related to certain idea about freedom: freedom of choice for the purchaser:freedom of enterprise for the manufacturer. The great hoardings and the publicity neons of the cities of capitalism are the immediate visible sign of 'The Free World'.
For many in Eastern Europe such images in the west sum up what they in the East lack. Publicity, it is thought, offers a free choice.
It is true that in publicity one brand of manufacture, one firm, competes with another; but it is also true that every publicity image confirms and enhances every other. Publicity is not merely an assembly of competing messages: it is a language in itself which is always being used to make the same general proposal. Within publicity, choices are offered between this cream and that cream, that car and this car, but its publicity as a system only makes a single proposal.
It proposes to each of us that we transform ourselves, or our lives, by buying something more.
This more, it proposes, will make us in some way richer- even though we will be poorer by having spent our money.
Publicity persuades us of such a transformation by showing us people who have apparently been transformed and are, as a result, enviable. The state of being envied is what constitutes glamour. And publicity is the process of manufacturing glamour.
-Depressing thought, false needs means we can never actually be happy
-Not just Eastern to Western, for person to person. Natural competition between them to seem better.
-Increases the ideology who can be better which enforces people to buy things. Community and society buy into competition.
-The way people try to be individual and follow social trends.
Sunday, 20 October 2013
OUGD501 Communication Theory Task
Apply Shannon & Weaves model to an example of communication. How widely is this applicable? How useful do you find this sort of exercise?
What are the main communicative functions of redundancy? What do we mean by saying the English language is 50% redundant?
Discuss the ways in which convention can be said to facilitate understanding. Think of visual communication that breaks or extends specific conventions. How does this affect the desire to communicate or the audience they reach?
The piece of Graphic design I decided to compare to Shannon & Weaves model was a piece of work done by Creative Spark for Welcome to Yorkshire for The Yorkshire Film Trail. The brief was to help them promote the wealth of Hollywood movies and TV programmes that had been filmed in the Yorkshire area. The aim was to create a film-buff's tourist guide to Yorkshire. It was up to Design Spark to to come up with a different way of showing it. Welcome to Yorkshire wanted it to be fun, but still keep a real commercial appeal. So Design Spark idea was to create an old theatre style film that featured a 3D visual map highlighting iconic objects from the films and shows. They also created a 'fly through' movie that was a teaser for the campaign. All of this was supported further by a giant A2- Size map that folded down into a pocket size users' guide.
http://www.creativespark.co.uk/work/the-yorkshire-film-trail 20/10/13
From the previous session we learnt and that within this piece of Graphic design the Information source is the Client and brief. Transmitter (encoder) is the Designer. Chanel is the piece of work being created. Receiver (decoder) is the audience receiving the message and the destination would be the audience understanding the message.
The designs below have been successful as they are what the client had asked for and more. They are fun quirky yet still give off the feel of a coast. However the only thing that shows Yorkshire or a stereotypical view of Yorkshire isn't there. The silhouettes within the logo don't represent Yorkshire they just represent the coast which in my opinion lets the design down as without the lettering underneath that says 'Yorkshire coast' you wouldn't have any idea it was about Yorkshire. The map and front cover however do fulfil the brief a lot better in which it appeals to the film maker audience that it was applying to, it has the film symbols along with certain symbols that represent Yorkshire. the fact that the symbols look as if they have been stuck onto the page makes it look a lot more engaging and interactive, as if that any minute they are going to move around the page.
I would say that the design is primarily redundant in that it is stereotypical and obvious in what it is representing. Adding the film maker snap board and lights. Adding in the sheep which stereotypically would be seen as a Yorkshire motif. I would say that the fact it is made for film makers about films made in Yorkshire, emphasis on the Film, would make me question as to why it looks so animated and cartoon like would make me believe that in that sense it would be seen as to have an entropic communicative act.
OUGD501 COP2 Communication Theory
COP2 13/10/13
OUGD501 Communication theory
The Shannon- Weaver Mathematical Model 1949
Employed by the american army, worked for Bell Telephone Labs, they wanted to refine there communication systems to make them more sufficient. To work out when communication broke down how specific it was and where. Shannon Weaver did research into army communications, radio and telephone was her main focus. Initially is limited to that. It has been taken as a model for communication in a social and wider sense, visual it is applicable.
If you are going to understand any communicative act its important to understand the stages saying A is trying to communicate with B isn't that easy. 5 stages to communication at each of these stages communication could break down.
Info source which sends source to transmitter it travels to a channel by signal, signal is revived by a receiver(decoder) then in a message to the destination. The information source is speaking which goes to the message through an electric signal.
With partners can you try describe the process of making a piece of graphic design.
-Information Source - > Client and Brief
-Transmitter (encoder) - > Designer
-Channel - > Piece of work created
Receiver (Decoder) - >Audience receive message
Destination - > Audience understanding the message
Understanding what could go wrong in the process to make communication efficient
Discuss what could go wrong that would affect communication being smooth, or to stop the message that starts finishing correctly.
Information Source - > Client might not keep communicating what they want or what they had envisaged clearly. Might even keep changing their mind making it harder to understand what they want.
Transmitter - > Designer mis-interprets what the client wants/ asking for
Channel - > Piece of work. Design may not reflect what the client wanted. Might not be appropriate to the brief.
Receiver - > The design might not be applicable to the right audience that it was intended for, so the message would be interpreted wrong
Destination - > Wouldn't be a clear message, or if there even is a message. Design is rendered useless.
All sorts of design in the world, if we say good design is about communication it needs to be targeted to the audience and there destination. To understand how they understand it.
A lot of people like to focus on the design at the beginning stages but more importantly it is about the destination and the message, you almost have to go backwards start from the destination and work backwards towards the information source.
Noise can happen at any stage of the process, example noise interns of the channel is noise on the line because of electrical fault then you can't hear everything that has been said.
In terms of design the noise at the information stage would be the readability, wrote in bad handwriting, personal life of the designer getting in the way. Too much information given to the designer. If the designer has to speak to people higher up in a professional sense and the client keeps changing there mind.
Transmitter - > Technical faults. functions didn't work, mac broke etc.
Channel - > Is the thing that carries the message example billboard so for example if, wherever you wanted the piece of Graphic design to go fails or changes in any way then it will affect what you have done. Billboard that has lots of things around it then it may drown the design out so it gets ignored.
Receiver - > May not have a specific audience, the company you could be designing for has had bad press so it may have lost the majority of its audience. Actual noise, other billboards, lessen the expense to which the receiver sees the design.
Destination - > Audience de testing the advert for example advertising shoes and people or the audience are slating the product in which you have designed for. Other pieces of graphic design adverting something very similar so you have rivals. Other messages coming from different things.
Level A- Technical Problems
How accurately can the message be transmitted?
Level B- Semantic problems
How precisely is the message conveyed?
Level C- Effectiveness problems
How effectively does the received meaning affect behaviour?
Majority of Shannon Weavers research was done at Level A
Take any of the problems discussed and try and fit them into the categories above and what you can do to rectify them.
Clarity of what the client wants would be Level A and B
Technical issues at Level A- Print issues, how the print looked, an error in the print. to rectify the situation, planning properly incase something went wrong. Designing with the understanding that the flaws can be incurred. Safe guarding measure
Production issues would be Level B Typo's, Readability, Legibility to rectify this you would should ask for opinions develop ideas, check that every thing is correct, create mock ups.
Destination problems Level C If for example the area in which your design was supposed to go has a lot of distractions around it the message wouldn't be perceived correctly could get ignored. To rectify the situation think about the design make it more out standing to overpower the things that are around it. Check where the design is going to go, to making it appropriate for the audience in that destination. For example creating a design in french when your in the middle of London. The message would then be illegible as it wouldn't be understood.
Flaws within the Shannon Weavers mathematical model is that it is too Linear. The communication process is not just like that to more accurately define a process within graphic design you would need something that would could back to rectify the issue for feedback etc. If you do something wrong at some point you would need to go back and break down what the issue is.
Noise
Anything unintended added to the signal between transmission and reception.
With Zines the noise becomes a feature to the design of them. Aesthetic of the design. Desirable outcome, the designer wants to be the noise inserted into an already system.
To operate as the noise you need to understand the mathematical noise.
desirable and interesting.
Redundancy vs Entropy
apart from noise and understanding noise this is the key point
two concepts that are important with the mathematical model. Words are largely taking from the fields of electronics. Putting them in a social situation Redundancy is basically the path of least resistance. If you have a telephone line that communicates something 100 percent accurately that line is redundant as it doesn't interfere with the communication. As an act of visual communication is totally predictable, for communication to function accurately a redundant piece of communication has to b socially obvious and has a low amount of information to carried. reduce all possibility to have anything go wrong. Phatic Communication- Jakobson for example putting out your hand to someone in the street to shake there hand, everyone would understand that. predictable gesture because of that contains low information. If on shaking my hand and you got an electric shock then the it would become entropic, it has created a radical amount of information.
Entropy is moments of bleeding out of the channel or line, if you have a gas pipe thats loosing gas you would have entropy. Adding entropy the message is then lost. the audience centred visual communicator by ethos aims for redundancy. A fine artist or niche graphic designer aims for Entropy as they are less interested in communication. the more you think about redundancy language although complex the way it is socially used is almost redundant. Words are redundant you don't need to use language to be productive and still understood.
As designers we are more concerned about building systems of redundancy into our designs as we are more concerned about our audience, we need to understand the Shannon Weaver model.
Questions Task 1...
Apply Shannon and Weavers model to an example of communication. How widely is this applicable? How useful do you find this sort of exercise?
What are the main communicative functions of redundancy? What do we mean by saying the English language is 50% redundant?
The ways to apply this to the world and not just the design process, example from the mirror in 1981.
Image on the back - The message is strange and hard to understand. The editor has added in to redundancy to communicate rioting black people. framed with confrontation. the text would have to back up the image. You think the image is one thing however the text gives you a whole different feel. The editor is trying to tap into the audience view in a context that would understand that wouldn't shock there world view. However the editor is racist.
Tuesday, 15 October 2013
OUGD504 Design Production Concept
Concept
A plan or intentions
An idea or invention to help sell or publicise a commodity
Three five Seven- One Prime creative for the designers surname is Priem. 'I have chosen the concept prime and played with the different meaning of the word my slogan is taken from the meaning.
Throughout the non Prime numbers are eliminated and only prime numbers are used.
Look at the grids that have been used. Formula and structure.
Concept workshop- Group
Step 1 choose 3 words from jar 1
Then pick one from Jar 2
Over the course decide one word you want to choose from Jar 1
Cant change jar 2
Use the chosen word such as 'ball' or 'court' use this word to develop a concept for either hotel/bar etc.
Present it tomorrow in groups, slideshows with visuals
Consider how it will be presented
needs of your client
Who is the Audience
What is the purpose
Will they be potential customers? Current customers? Potential Volunteers? Students? Mind map your word meanings obvious to abstract
Jar 2- Hotel
Jar 1- Block, Book, Test
Block- Wood, Block of Gold, Mental Block- Brain, Pixelated- Square/ Oblong, Knock your block off, Breeze block-Concrete-Brick, Block of cheese-Wallace and Gromit, Building blocks-Tetris-Lego- Jenga- Arcade games-Pacman-Space invaders, Block Party, Obstacle- Army, Wacky warehouse, Apartment block-New York- Gagsters-Guns-Bugsy Malone, Ice Block-Sugar Block, Blockage- Drains-Nose-Drains, Customize your own room before you are there-Clarages Hotel in London-Tailoring
Block Party-Hangover Chambers, Spa's, Pillows, Cushion, After Party, Buffet
Books-Fairytales-Themed rooms-Harry Potter-Lord of the rings-Genre-Crime-Fiction-Thriller, Library, Trilogy,Booking an appointment- booking holidays-Online book, Reading, Pass time-Hobby, Novel, Picture-Pop up books-Colouring books, notebook-Paperchase, Author, Binding, Macbook-Technology-Ebook
Test- Science-Potion-Rats-Test Tubes, Exams, Doctors/Hospitals, Results, Challenging-Physical and mental, Perseverance-Curiosity
Why do you go to Hotels?
Leisure, Weddings, Events, Party, Family trips, Spa Treatment, Relaxation, Honeymoon, Get away, All inclusive, City break, Bed and Breakfast, Attractions, Business, Motel, Affairs, Pleasure, Stopover Can't be unpleasant but needs to be functionality.
Our Final concept- A hotel that caters for the before and after party, Audience- Students/ young professionals, 18-30's, Funtion- To accommodate a hangover, relaxing day, Would need to book, check in late then check out even later the next day.
24 hour take-away service-Kithcen and buffet
-Detox, smoothies
-Oxygen bars
-Water fountains
-Provided Onesie's/ Dressing gowns
-Cinema with a-z of movies with bean bags
-Spooning service-Big Spoon or Little Spoon
-Ambient Lighting
-Soundproof walls
-Padded walls
-Fluffy carpets
-Garden are to walk
-Hot showers, Jacuzzi, Sauna
-Staff have to have an extreme tollerance to customers
-Weird hangover cures. Rooms, Too drunk get turned away without a refund
Names of hotels
-After Part
-Relaxation Station
-Noct
-The block of Noct
-Hanging
-Consequence
-Aftermath
-Afteraffects
-Remedy
-Cure
-Promotes a good night not a drunk night, Drink responsibly
-Cure for your post-Partying illness
A plan or intentions
An idea or invention to help sell or publicise a commodity
Three five Seven- One Prime creative for the designers surname is Priem. 'I have chosen the concept prime and played with the different meaning of the word my slogan is taken from the meaning.
Throughout the non Prime numbers are eliminated and only prime numbers are used.
Look at the grids that have been used. Formula and structure.
Concept workshop- Group
Step 1 choose 3 words from jar 1
Then pick one from Jar 2
Over the course decide one word you want to choose from Jar 1
Cant change jar 2
Use the chosen word such as 'ball' or 'court' use this word to develop a concept for either hotel/bar etc.
Present it tomorrow in groups, slideshows with visuals
Consider how it will be presented
needs of your client
Who is the Audience
What is the purpose
Will they be potential customers? Current customers? Potential Volunteers? Students? Mind map your word meanings obvious to abstract
Jar 2- Hotel
Jar 1- Block, Book, Test
Block- Wood, Block of Gold, Mental Block- Brain, Pixelated- Square/ Oblong, Knock your block off, Breeze block-Concrete-Brick, Block of cheese-Wallace and Gromit, Building blocks-Tetris-Lego- Jenga- Arcade games-Pacman-Space invaders, Block Party, Obstacle- Army, Wacky warehouse, Apartment block-New York- Gagsters-Guns-Bugsy Malone, Ice Block-Sugar Block, Blockage- Drains-Nose-Drains, Customize your own room before you are there-Clarages Hotel in London-Tailoring
Block Party-Hangover Chambers, Spa's, Pillows, Cushion, After Party, Buffet
Books-Fairytales-Themed rooms-Harry Potter-Lord of the rings-Genre-Crime-Fiction-Thriller, Library, Trilogy,Booking an appointment- booking holidays-Online book, Reading, Pass time-Hobby, Novel, Picture-Pop up books-Colouring books, notebook-Paperchase, Author, Binding, Macbook-Technology-Ebook
Test- Science-Potion-Rats-Test Tubes, Exams, Doctors/Hospitals, Results, Challenging-Physical and mental, Perseverance-Curiosity
Why do you go to Hotels?
Leisure, Weddings, Events, Party, Family trips, Spa Treatment, Relaxation, Honeymoon, Get away, All inclusive, City break, Bed and Breakfast, Attractions, Business, Motel, Affairs, Pleasure, Stopover Can't be unpleasant but needs to be functionality.
Our Final concept- A hotel that caters for the before and after party, Audience- Students/ young professionals, 18-30's, Funtion- To accommodate a hangover, relaxing day, Would need to book, check in late then check out even later the next day.
24 hour take-away service-Kithcen and buffet
-Detox, smoothies
-Oxygen bars
-Water fountains
-Provided Onesie's/ Dressing gowns
-Cinema with a-z of movies with bean bags
-Spooning service-Big Spoon or Little Spoon
-Ambient Lighting
-Soundproof walls
-Padded walls
-Fluffy carpets
-Garden are to walk
-Hot showers, Jacuzzi, Sauna
-Staff have to have an extreme tollerance to customers
-Weird hangover cures. Rooms, Too drunk get turned away without a refund
Names of hotels
-After Part
-Relaxation Station
-Noct
-The block of Noct
-Hanging
-Consequence
-Aftermath
-Afteraffects
-Remedy
-Cure
-Promotes a good night not a drunk night, Drink responsibly
-Cure for your post-Partying illness
OUGD504 Design Production. Introduction to Web
Introduction to Web
Studio Brief 02
Designing for Web
History
Internet is quite new, 1991 created at CERN The european organisation for nuclear research.
Tim Berners Lee created the internet. "To link and access information of various kinds as a web of nodes in which the user can browse at as well" Time Berners Lee 6th August 1991
Internet used to be text based
Web servers
The worlds first web server; a NeXt computer designed and built by Steve Jobs.
Internet used to be text based.
The worlds first image was of all female pop group founded by CERN employees. Their initials LHC correspond with the large Hadron Collidor which was later built at CERN
Terminology
HTTP- Hyper text transfer protocol
URL- Uniform resource locator
HTML-Hyper text mock up language
CSS- Cascading style sheets
FTP-File transfer protocol
CMS- Content management system
The death/ demise/ downfall/ decease/ passing/ fall/ collapse/ general communal hatred of Skeuomorphism
A skeuomorph is a derivative object that retains ornamental design cues from structures that were necessary in the original (1) A software calendar that imitates the appearance of binding on a paper desk calendar (2) Pottery embellished with imitation rivets reminiscent of similar pots made of metal.
Responsive design would be called 'reflective design' it is responsive because the design responds i.e can be adapted to a variety of media using screens of various sizes. The concept was introduced by Ethan Marcorte, a web designer and developer, who became famous after publishing his book. Responsive web design in which he discussed the constraints and difficulties involved in developing responsive web sites.
Design
All websites are made out of grids. The grid is the most important tool that can be used by the layout designer.
Whats the point? To continue you need to answer 3 questions
-What is th purpose of the website?
-Who are the target audience?
-What do the target audience need?
Websites-
www.awwwards.com
www.webdesignledger.com
www.fivesimplesteps.com
everything you need to know about design on the web- piccsy.com/everything-design
aisleone.net
First thoughts about websites
Apple-slick, clean, minimalist, simple, expensive. Believe this was what the designer had intended to do
LCA-Boring, busy, thin, cluttered
BBC London- Corporate, Plain, busy
Myownbike-Trendy, clean, simplistic
Slaveryfootprint-Engaging, colourful, confusing (won awards)
Lings Cars- Horrendous ! too much going on looks cheap, tacky
Evangel Cathedral- Unusual, funny, OTT, too much motion
Legwork Studio- Unorthodox, isnt affensive but not very good
Studio Brief 02
Designing for Web
History
Internet is quite new, 1991 created at CERN The european organisation for nuclear research.
Tim Berners Lee created the internet. "To link and access information of various kinds as a web of nodes in which the user can browse at as well" Time Berners Lee 6th August 1991
Internet used to be text based
Web servers
The worlds first web server; a NeXt computer designed and built by Steve Jobs.
Internet used to be text based.
The worlds first image was of all female pop group founded by CERN employees. Their initials LHC correspond with the large Hadron Collidor which was later built at CERN
Terminology
HTTP- Hyper text transfer protocol
URL- Uniform resource locator
HTML-Hyper text mock up language
CSS- Cascading style sheets
FTP-File transfer protocol
CMS- Content management system
The death/ demise/ downfall/ decease/ passing/ fall/ collapse/ general communal hatred of Skeuomorphism
A skeuomorph is a derivative object that retains ornamental design cues from structures that were necessary in the original (1) A software calendar that imitates the appearance of binding on a paper desk calendar (2) Pottery embellished with imitation rivets reminiscent of similar pots made of metal.
Responsive design would be called 'reflective design' it is responsive because the design responds i.e can be adapted to a variety of media using screens of various sizes. The concept was introduced by Ethan Marcorte, a web designer and developer, who became famous after publishing his book. Responsive web design in which he discussed the constraints and difficulties involved in developing responsive web sites.
Design
All websites are made out of grids. The grid is the most important tool that can be used by the layout designer.
Whats the point? To continue you need to answer 3 questions
-What is th purpose of the website?
-Who are the target audience?
-What do the target audience need?
Websites-
www.awwwards.com
www.webdesignledger.com
www.fivesimplesteps.com
everything you need to know about design on the web- piccsy.com/everything-design
aisleone.net
First thoughts about websites
Apple-slick, clean, minimalist, simple, expensive. Believe this was what the designer had intended to do
LCA-Boring, busy, thin, cluttered
BBC London- Corporate, Plain, busy
Myownbike-Trendy, clean, simplistic
Slaveryfootprint-Engaging, colourful, confusing (won awards)
Lings Cars- Horrendous ! too much going on looks cheap, tacky
Evangel Cathedral- Unusual, funny, OTT, too much motion
Legwork Studio- Unorthodox, isnt affensive but not very good
OUGD504 Production
Focus
1. Appropriateness of Response
2. Quality of Resolution
3. Meeting the deadline
What is the problem
Audience?
Context? Appropriateness of Response
Method of delivery?
What is and what will be the problem, Persuade, Inform, Promote etc.
Rationale?
What are you doing or why ?
Concept?
Idea?
Research?
Audience?
Context?
Media?
Creative?
Ethical?
Commercial?
Handmade?
Digital?
Lense Based?
Media or Message?
Tone of Voice?
Message
Communicate + Creativity and context
Clarify
Context
Info Graphics
Typography
Form and Format
Product Range or Distribution
Media and Process
Form and Function
Audience and interaction
Scale and context
Context, Function Practise
Publishing Editorial
Branding Identity
Packaging Production
Colour- RGB, CMYK, HSV- Percieved by rods and cones in your eyes. If there is no light is there colour?
More colour variety compared to CMYK-Metalic/ Fluorescent
Format- How things are sort out and arranges A sizes/ B sizes
Production- Process of making the product e.g cutting, glueing, binding, stitching testing etc.
Processes- Methods used to create the product eg screen printing, letter press, laser cut. consiller format, function, stock, colour, etc.
Could even be digital- Converting image to CMYK etc.
Finishing- Related to process such as spot varnish, embossing, de-bossing, foiling matte/gloss
Attention to detail- Proffessional touches
Stock- Medium on which you print onto Anything !
As a class these are the outcomes
What is:
Format- Scale, size and working withing that
Colour- Colour modes, Hues, function etc
Production- The actual making of it
Process- The method
Finishing- The production and process
Stock- Substrates for printing, considerations
Print workshops
Bringing in 5 things that have Print in them.
Everything that is in front of us, categorising the format
Bottles, Booklets, Posters/ Leaflets, Bags, Stickers, boxes, Labels, Business Cards
Colour
1 colour, 2, 3, 4, 0 colours and too many
Production- Mas produced, Depends on the scale of what it is
Mass- National or international
Medium Mass
Medium mass local- Leeds area
One offs
Process Digital screen printed, spot varnished, letterpress, Risograoh
Group the materials into categories of promotional, branding and identity, Packaging and packaging and promotion, publishing and editorial, information and way finding.
List of things i dont know about and things that i would like to find out.
Screen printing on 3D objects such as bottles
Prices to print different print processes
How much it would cost for one item in comparison to printingloads
What is classes as mass produced?
How do you print on plastic bags
What is the process
Is a book with information classed as a publication or information and way finding
What is risograph?
1. Appropriateness of Response
2. Quality of Resolution
3. Meeting the deadline
What is the problem
Audience?
Context? Appropriateness of Response
Method of delivery?
What is and what will be the problem, Persuade, Inform, Promote etc.
Rationale?
What are you doing or why ?
Concept?
Idea?
Research?
Audience?
Context?
Media?
Creative?
Ethical?
Commercial?
Handmade?
Digital?
Lense Based?
Media or Message?
Tone of Voice?
Message
Communicate + Creativity and context
Clarify
Context
Info Graphics
Typography
Form and Format
Product Range or Distribution
Media and Process
Form and Function
Audience and interaction
Scale and context
Context, Function Practise
Publishing Editorial
Branding Identity
Packaging Production
Colour- RGB, CMYK, HSV- Percieved by rods and cones in your eyes. If there is no light is there colour?
More colour variety compared to CMYK-Metalic/ Fluorescent
Format- How things are sort out and arranges A sizes/ B sizes
Production- Process of making the product e.g cutting, glueing, binding, stitching testing etc.
Processes- Methods used to create the product eg screen printing, letter press, laser cut. consiller format, function, stock, colour, etc.
Could even be digital- Converting image to CMYK etc.
Finishing- Related to process such as spot varnish, embossing, de-bossing, foiling matte/gloss
Attention to detail- Proffessional touches
Stock- Medium on which you print onto Anything !
As a class these are the outcomes
What is:
Format- Scale, size and working withing that
Colour- Colour modes, Hues, function etc
Production- The actual making of it
Process- The method
Finishing- The production and process
Stock- Substrates for printing, considerations
Print workshops
Bringing in 5 things that have Print in them.
Everything that is in front of us, categorising the format
Bottles, Booklets, Posters/ Leaflets, Bags, Stickers, boxes, Labels, Business Cards
Colour
1 colour, 2, 3, 4, 0 colours and too many
Production- Mas produced, Depends on the scale of what it is
Mass- National or international
Medium Mass
Medium mass local- Leeds area
One offs
Process Digital screen printed, spot varnished, letterpress, Risograoh
Group the materials into categories of promotional, branding and identity, Packaging and packaging and promotion, publishing and editorial, information and way finding.
List of things i dont know about and things that i would like to find out.
Screen printing on 3D objects such as bottles
Prices to print different print processes
How much it would cost for one item in comparison to printingloads
What is classes as mass produced?
How do you print on plastic bags
What is the process
Is a book with information classed as a publication or information and way finding
What is risograph?
Tuesday, 8 October 2013
OUGD504 Design for Print
In groups we were asked to discuss what we had found over the week about the 5 titles. This is what we had found as a group.
Colour: RGB, CMYK, HSV
RGB- More colour, variety of colour compared to CMYK- Metalic or Fluorescent
HSV- Percieved by rods and cones in your eyes. If there is no light is there colour.
CMYK- The colour mode that you use when you are designing on the computer.
Format- How things are sort out and arranged. A sizes and B sizes
Production- Process of making the product e.g cutting, glueing, binding, stitching, testing etc.
Processes- Methods used to create the product eg Screen printing, letterpress, laser cut, consiller format, function, stock, colour etc.
Could even be digital- converting image to CMYK etc.
Finishing- Related to Process, such as Spot Varnish, embossing/ de-bossing, foiling, matte/glass. Attention to detail- Professional touches
Stock- Medium on which you print onto Anything !
As a class these are the outcomes:
What is
Format: Scale, Size and working within that
Colour: Colour modes, Hues, Function etc.
Production: The actual making of it
Process: The method
Finishing: The production and Process
Stock: Subtrates for Printing, Considerations
Summary: Doing this workshop has answered questions but giving me so many more. I believe that you can't do one with out the other. All these things rely on each other. For example you have to decide on what colours you want and if they will work with the type of stock you have chosen as depending on stock your colour will be different. Will the process you have chosen work with the stock you want to use etc.
Colour: RGB, CMYK, HSV
RGB- More colour, variety of colour compared to CMYK- Metalic or Fluorescent
HSV- Percieved by rods and cones in your eyes. If there is no light is there colour.
CMYK- The colour mode that you use when you are designing on the computer.
Format- How things are sort out and arranged. A sizes and B sizes
Production- Process of making the product e.g cutting, glueing, binding, stitching, testing etc.
Processes- Methods used to create the product eg Screen printing, letterpress, laser cut, consiller format, function, stock, colour etc.
Could even be digital- converting image to CMYK etc.
Finishing- Related to Process, such as Spot Varnish, embossing/ de-bossing, foiling, matte/glass. Attention to detail- Professional touches
Stock- Medium on which you print onto Anything !
As a class these are the outcomes:
What is
Format: Scale, Size and working within that
Colour: Colour modes, Hues, Function etc.
Production: The actual making of it
Process: The method
Finishing: The production and Process
Stock: Subtrates for Printing, Considerations
Summary: Doing this workshop has answered questions but giving me so many more. I believe that you can't do one with out the other. All these things rely on each other. For example you have to decide on what colours you want and if they will work with the type of stock you have chosen as depending on stock your colour will be different. Will the process you have chosen work with the stock you want to use etc.
Wednesday, 2 October 2013
OUGD504 Design Production. What is design for print?
Design for Print
Within our summer project groups we had to debate a question of 'what is design for prints'
Below are our answers:
-You have to consider the printing process before designing
-Consideration of format and layout
-Easiest way to mass produce your design
-Examples: Books, posters, magazines, leaflets, postcards, stationary, billboards, packaging etc.
- A design that intends to be physical communicating image and text to a medium, in a physical format in the process of printing
-Designing for print you will have a finished product that someone can hold in their hand.
Cant really define just what design for print is in one sentence as there is so many extensions and questions you could ask to justify or back up what you are saying.
Print Processes
-Screenprint
-Laserprint
-Ink Jet
-Lino
-Foiling
-Collograph
-3D
-Linograph
-Potato Print
-Etching
-Letterpress
-Textiles
-Woodblock Printing
-Engraving
-Thermography
-Flexography
-Gravure
-Stamp
-Digital
-Spot Varnish
-Vinyl Cut
-3D Print
-MonoPrint
-Lasercut
-Imprinting
-Embossing
This year the 3 processes that Iwould like to learn are:
Embossing
Thermography Printing:
Grey Scale:
Two examples of Production: Packaging
Two examples of Processes: Spot Varnish
Foiling:
Two examples of Finishing:
Embossing
Two Examples of Stock : Glass
Wood
Within our summer project groups we had to debate a question of 'what is design for prints'
Below are our answers:
-You have to consider the printing process before designing
-Consideration of format and layout
-Easiest way to mass produce your design
-Examples: Books, posters, magazines, leaflets, postcards, stationary, billboards, packaging etc.
- A design that intends to be physical communicating image and text to a medium, in a physical format in the process of printing
-Designing for print you will have a finished product that someone can hold in their hand.
Cant really define just what design for print is in one sentence as there is so many extensions and questions you could ask to justify or back up what you are saying.
Print Processes
-Screenprint
-Laserprint
-Ink Jet
-Lino
-Foiling
-Collograph
-3D
-Linograph
-Potato Print
-Etching
-Letterpress
-Textiles
-Woodblock Printing
-Engraving
-Thermography
-Flexography
-Gravure
-Stamp
-Digital
-Spot Varnish
-Vinyl Cut
-3D Print
-MonoPrint
-Lasercut
-Imprinting
-Embossing
This year the 3 processes that Iwould like to learn are:
Embossing
Foiling:
Thermography Printing:
Two Examples of Format: Brochures
Business Cards:
Two Examples of Colour: CMYK & RGB:
http://editorial.designtaxi.com/news-rgbcmyk2307/big.jpg
Grey Scale:
Two examples of Production: Packaging
Two examples of Processes: Spot Varnish
Foiling:
Two examples of Finishing:
Embossing
Two Examples of Stock : Glass
Wood
Subscribe to:
Posts (Atom)