Archives

OUGD503 Responsive - Studio Brief 1 - Studio Workshop on Brief Analysis

The below websites have quite big briefs: 

RSA Student Design Awards

Design Council Awards

                                                                                                                                                

This Module

Studio Brief 1 is covered in the 1st semester. 

Keep a record of all the briefs you're choosing, and cover what work you've been doing. The whole point of documentation is to show what you've learnt and why. 

Documentation is key. 

Work on a minimum of five briefs. They need to be fairly substantial. A fair number of students last year got offers for live briefs, which are added onto these five. 

Identifying and analysing problems in briefs. How do you propose / present your work? 

What can you get out of the brief?

Timescales, what's realistic? Select briefs which have appropriate deadlines. 

Ensuring we don't take on work which is too much. 

How can you challenge yourself from a brief?

How should we present our work for assessment? 

                                                                                       

What Do I Want To Get Out Of This Module? 

- A better understanding of my stronger interests - Identifying individual practices. 

- Ideas about timescale with specific briefs. How long should I tell a client things will take?

- How much to charge for certain things. 

- How to ensure I don't break any copyright rules. 

- How to present work at initial stages of a project.

- How to maintain professionalism through communication with the client. 

- How do you know if you can trust a client?

- What type of client I would like to work with - any specific industry?

- Producing an invoice / ensuring you get payed correctly and promptly. 

- Understanding cost in terms of mass production - specific printers etc..

- The best way to meet up with clients (if needed). 

- Time management and discipline - Being strict on your time. 

- Effective Professional Communication - Clear about timelines, how much interaction needed with a client. 

- An award, prize & fame. 

- How not to get exploited - including getting payed.

- Brief analysis - Pick it apart and understand it. Is it worth doing?

- "Creative Compromise"  - It's not all about you, your client is your judge. It may also be the person you're working with. 

- Exposure - Being able to promote your work so that people can see and recognise that you're a confident and professional designer. 

- Portfolio development - stay away from style, this can be limiting. However, your own look could be important in terms of picking briefs to work on. 

- Who are you and what are you about? - A coherent portfolio which holds an individual voice. 

- This is the point where you can make your portfolio different from your class peers. 

- Building industry contacts. Clients, studios, other students. 

                                                                                       

What Do I Want To Get Out Of Live / Competition Briefs? Why are they useful?

- Fill my portfolio with non - university work - it shows an actual interest in design instead of just a choice of course. 

- Get global links / contacts through briefs on the internet. 

- Possible collaborations in the future with other designers who enter contest briefs. 

- When working on local live briefs, it would be easy to find more clients through word of mouth. 

- Winning competition briefs / being chosen for live briefs allows you to gain more confidence in your own ability.

- In terms of a live brief, you can interact with a client (or clients) that you could possibly work for in the future. Interaction with clients also gives you more confidence when discussing possible ideas. 

- Improving professional design skills

 - 'More than just a student' - committed to the subject and becoming a professional. 

- Real Work Benchmarking - comparing your skills to your competition. 

- Professional responsibilities - Failing a module now won't tarnish your reputation. You can't submit professional work late. 

- Professional Feedback

- Professional Experience

                                                                                       

Why Have I Chosen These Specific Briefs? 

- I have a strong interest in branding and logo design, which is why 4 out of my 5 chosen briefs are branding, with 2 of them being logo design. 

- Briefs on logo design - I feel I have a strong interest in logotype, and wish to expire this further and in much more depth. 

- I have reflected my own interests outside of design - One brief to do with music, another to do with photography. 

- I have also reflected my views on ethics - One brief focusses on corruption in the UK and overseas. 

- All the briefs are relatively short, as I wanted to start on something fairly small instead of 'diving into the deep end'. 

- I chose global competition briefs as I intend to work with clients globally in the future. 

- All the briefs I have chosen show clarity - This means I have a direction to work in, and can pick apart and analyse the brief. 

- Outside my comfort zone? - I'm not used to designing info graphics, so this would be new to me. 

- Free to enter competition. 

- An interest in the content / familiarity. 

- The Prize!

- The best that were available. 

- Creative freedom / scope. 

                                                                                                                           
The above lists should be an important 
part of evaluation. 
Are you fulfilling your own criteria? 
                           

Are you looking at a range of problems? 

Is it appropriate for you? What are you going to get out of it?

What can YOU get out of a brief? 

                                                                                                                                                   

YCN Brief         

Churchill - Britain - Winston Churchill
The dog more famous than the wartime leader?
Restore Winston the most famous
Audience: 11 - 18 year olds. 
Recognise Winston Churchills face. 
Engage with kids, prestige, status, pleasure, convenience, fitting in, new experience, being loved. 
Winston had a broad range of interests. Votest the greatest Britain ever. 

Create Considerations: Churchill brand stay anonymous. 
Any format. Work across all manners of channels. 
Submission details on YCN website. 

                                       
Lots of information.
Very specific / Or is it?
Big clients to work with. 
                                       

What is the problem?

- The younger generation don't recognise Churchill as a leader, just as a dog. 

- Lack of knowledge of British history. 

- Getting kids to engage in history. 

What is the brief asking you to do about it? 

- Inform young people about Winston Churchill. 

- Educate the younger generation about their history. 

What's the brief trying to achieve? 

- Trying to get children to recognise Winston Churchill's face. 

Who will benefit?

- 11 to 18 year olds
- Schools 
- Parents
- Churchill Insurance Company

What is the message?

- Winston Churchill was the greatest Britain ever, and kids should know more about him. 

Who is the audience? 


- 11 to 18 year olds 
- Parents

How will the message be delivered? 

- A variety of appropriate methods. 

Can you foresee any problems with this?

- What tone of voice? 
- What format is best to work with?

Can you foresee any problems with the brief in general?


- What format is best to work with?
- Lots of questions asked can be confusing to work with. 

                                                                                       

Commonalities in Briefs

What is the problem?

- Boring 
- No one knows what we're about - Confusing us with competitors. 
- Losing money and going bust. 

What is the brief asking you to do about it? 

- Help us!

What's the brief trying to achieve? 

- We want to make more money.

Who will benefit?

- The companies. 

Instead of paying a company £70,000, get students to do it for free. In the small print, once submitted, the work is now theirs. You will probably be ripped off. Work out what you can get out of it? 

This is a student award - YCN. 

Only enter competitions knowing what will happen with your work. 


When entering competition briefs,
 read the small print. 


    *Terms & Conditions Apply. 



Who is the audience?

- Very vague. 

How will the message be delivered?

- Not specified.


The problems these clients have is producing a bad brief, and coming up with bad concepts. Why are Churchill targeting 11 to 18 year olds when they can't buy insurance? 

                                                                                                                                               

TASK

Based on what we've been looking at, identify a substantial competition brief, with scope for development. It has to be something you're interested in. Analyse briefs and pick one. 

Answer a series of questions:

Why have you chosen the brief?

What do you want to get out the brief? 

What do you want to do / make / produce in response to the brief? 

What do you need to do / make / producing in response to the brief? 

Then go through the above 8 questions. 

Bring a few thumbnails on what you would want to do with it. 

(2 weeks time - 13/ 11/12)

OUGD504 - Design For Print (7) - Creative Suite Session 1

- Ensuring things are printed successfully (commercially)

- Illustrator today, Photoshop next week, InDesign the week after, and a 'surprise' the week after that. 

CMYK - Subtractive Colour Model

Ink's hold a transparency, and when on top of each other, the colours will mix. Various percentages result in different colours we can print. 

Usually the lightest colour is applied first - either yellow or cyan. Then magenta, then key. 

Black is used as the 'key' colour, as it reinforces darker shades such as shadows, giving the image more depth. 

                                                                                                                                                 

The Use of Colour in Illustrator CS6

Different ways of changing colour:




- Each way will equally and successfully apply colour, but using swatches is best. 

- The swatch pallette is a way you can achieve consistency throughout your document. 

- Double clicking a swatch will bring up it's CMYK values. 

Deleting Swatches:


Changing the View:


Creating a new swatch: 


Creating a swatch using the colour palette: 




 To Edit a Swatch - Double click the swatch, and you can tweak the colours. 

Creative a Swatch Pallette: 




A pallette will be added, composed of all colours used in the image. 

You can also 'add selected colours' 

A cut corner/ grey square means the colour added is global: 


Global Swatch - A link between the options of colour, and changing the colour. As you change it, you can view it being changed. This will change EVERYTHING that colour. 



 You can make any swatch global whe creating it, just simply click 'global'.

Colour Pallette allows you to change tints, then save them as different swatches: 



By editing the original swatch (100 percent), the other tints will also update: 




CMYK - Process Colour - Process being the inks you use in the 4 colour printing process. 

Spot colour - A ready made ink, not a combination of CMYK. They are used to save money - A one or two colour ink job. 2 inks is cheaper than 4!

The use of CMYK + spot colours can be more expensive. Spot colours can be used to get special colours that CMYK cannot produce - fluorescent colours, metallic inks. 

Spot colours can be used to use an exclusive colour for a brand, and can also maintain consistency.

Pantone allows consistency when working on screen for print. The printer will mix the ink to match the colour of the Pantone swatch.  It allows Global consistency. 

                                                                                                                                                  

Applying Pantone to Illustrator



What are the rest of the reference systems? Research. 
 Difference between coated/ uncoated? 
You can search through Pantone Swatch Colours: 



Either you choose the Pantone swatch, or your client will give you it. 
Clicking once will add to swatches. It is important to not change the name, so the printers know how to mix the ink. The spot in the bottom right allows you to know it's a spot colour, rather than a process colour. Since it's a global colour, you can make tints, and only one ink will still be used.



 Using a Swatch Pallette in another Illustrator Document: 





To use Swatches in other Adobe Software:  

'Save Swatch Library as ASE'


However, you cannot import tints or gradients, but you can still get the spot colour.



Loading into Photoshop: 



With AI files, you can also drag the swatches into the other software programme, and they will automatically load up.

OUGD504 - Design for Web (6) - Studio Workshop on Grids

The first thing we did in this session was to mark up where grids have been used on our websites. I learnt that things are often gridded in odd numbers, eg. 3 and 5. 

Below are the gridded websites (apologies for the bad lighting):



                                                                                                                                                                        

Flow Diagram

We then produced flow diagrams to show the navigation of our websites. You can see below how my website will work. I may change the 'search' page, to just a search bar, as I feel it may not be needed as a clickable link. 


Navigation Discussion

As a group / class, we discussed common navigation seen on a website, and also uncommon navigation. 

Common

Scroll Bar
Hyperlinks - highlighted
Links in the top / right hand side of the page
'Read more'
>> Expressing last page
> Next group of pages
Page numbers
Thumbnails before opening images

Uncommon

No scroll bar
No links - everything on one page
Landing pages
Menu on the right / bottom
Just left to right scrolling
Pictures only / no text
Paralax scrolling / dynamic content

                                                                                                                                                                        

How to these structures help / hinder the design? 

I think the use of grids in web layout (or in any layout) is hugely important. Grids can help separate hyperlinks on pages into sections which fit their function better. They can also help you navigate around the page. The use of common layout features in web also help with navigation, such as links in the top left. We also learnt to associate different layout with different types of websites. One example of this could be the use of tags in blogs always seem to be positioned on the right hand side. 

Despite the use of grids that seem quite complex, the completed designs above all seem minimal and functional. Aesthetics & functionality seem to go hand in hand, which is essential in all areas of design, but especially a website. Functionality means navigation is made easy, guiding the viewer to their chosen pages. However, aesthetic choices are equally as important. It's just as easy to click off a website as it is to click onto one. 

OUGD504 - Design for Web (5) - Web Workshop - Scamp Task + Feedback

TASK

Create 3 scamps for your chosen website for next session. These have to be hand rendered, and should look similar to the finished completed website. 

                                                                                                                                            

Response


Key: Links are underlined, and the box section is where information would be displayed about the website. 



In response to my questionnaire results, I produced the following designs. 

How I Responded To Feedback from Primary Research:

 - As a reminder, I found that people liked the idea of a website which was easily navigable. This is why I have chosen to keep the homepage structured and simple to understand. (You can also see the use of grids drawn in)

- I also found from initial class feedback that the use of imagery to tile the page would be confusing, which is why I have chosen to include no imagery on the homepage. 

- I intend on using a background that's a luminous colour, as I found people associated this with Punk music. 

- I plan to use a web - safe font (such as Helvetica & Arial), as coding will be much easier, and both fonts are highly functional. 



I also found with my questionnaire results that people like the idea of website that 'breaks the rules'. This is why the second two scamps use an unconventional layout in terms of hyperlinks. 



                                                                                                                                                                             

Digital Reproduction

For my own reference and understanding, I chose to reproduce the above designs digitally:




I also experimented with different colours, in response to questionnaire answers: 

Questionnaire answers:

What colours /patterns would you associate with Punk?

  • Answered: 17 
  • Skipped: 0

Tartan, reds, black
11/3/2013 7:15 PM View respondent's answers
black, denim, hot pink
11/3/2013 7:14 PM View respondent's answers
red/pink/yellow/black
11/3/2013 7:10 PM View respondent's answers
tartan, stripes, red, black, multicolour
11/3/2013 7:07 PM View respondent's answers
Yellow, Pink, garish colours like that. OTT. Tartan.
11/3/2013 7:04 PM View respondent's answers
Pink and yellow anerchist sign, green pink yellow and black
11/3/2013 7:00 PM View respondent's answers
Cut and paste.. black.
11/3/2013 6:59 PM View respondent's answers
Prime colours, fluorescent colours - pink,yellow and green. Jagged patterns, stripes, stencil lettering,grainy black and whites images, newsprint lettering.
11/2/2013 6:33 PM View respondent's answers
Black White Green Blue/red
11/1/2013 12:45 PM View respondent's answers
Black, Yellow and Red. Dayglo and metallics.
11/1/2013 12:43 PM View respondent's answers
Pink, Yellow
11/1/2013 10:50 AM View respondent's answers
neon colours
11/1/2013 10:45 AM View respondent's answers
pink, yellow, black, tartan, metal spikes
11/1/2013 10:37 AM View respondent's answers
pink, yellow, black, bright and bold colours
10/31/2013 10:02 PM View respondent's answers
Yellow Black Red Pink White
10/31/2013 10:01 PM View respondent's answers
sky magenta, cyan, byzantine
10/31/2013 10:00 PM View respondent's answers
pink, green, yellow, black and white
10/31/2013 9:59 PM View respondent's answers

Colour / Pattern Experimentation:








I intend to experiment further with not just block colour, but also gradients and patterns. However, I feel like it would be best to receive some feedback first, in order to move in the right direction. 

                                                                                                                                            

Feedback

During a web session with Simon, we were asked to present out scamps and leave a notepad out for paper. The feedback I received is below: 


Written up: 

1. 'My favourite design is the 2nd one (where the links are in each corner), because of it's central focus. It's bold and in keeping with the Punk style. Maybe more central text bigger so it stands out a little. 

2. '2nd Layout (where the links are in each corner) is best as most linear, easy to navigate. How will you make bottom links usable on all screen sizes - something to look into. Will it be parallax scrolling? Could be interesting.'

3. 'Clear and very easy to use. But maybe relate the content to the layout more?'

4. 'Great simple layout, although I think too much attention is drawn to the links due to the size.'

5. 'Don't have Home, Timeline etc. on the right.'

Reaction To Feedback 

- It's clear that the most popular layout is with the links in each corner. I think I need to learn more about how I can do this, and speak to Simon about it. 

- The idea that my idea seems 'clear' works perfectly. If it's clear to read by people who are internet savvy, then i'm sure it will be just as clear to use by my target audience. 

- I have mixed responses whether it fits the Punk style. However, I intend to look into this more, experimenting more with different backgrounds. I also feel I cannot make a final decision on layout yet, so I intend to look into this more. I could maybe bring the links in from the corners more, so that they're not so close to the edges of the page. 

 

Copyright 2010. All rights reserved.

RSS Feed. This blog is proudly powered by Blogger and uses Modern Clix, a theme by Rodrigo Galindez. Modern Clix blogger template by Introblogger.