C1 – Design a Website – Week 08

Banner_Cert IV WebBTech-C1

Link to all Weeks     Week 3     Week 4      Week 5     Week 6     Week 7     Week 8

Today’s Class

  • Assessment 2
  • Feedback

Assessment 2

Assessment 2 has been posted: C1 – Assessment 2.You will be able to work on it in class and complete it by next week.

I will be available for help with Photoshop and other questions.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Multimedia Production – Class 7

Link to all Classes     Class 2     Class 3     Class 4     Class 5     Class 6     Class 7    

Today’s Class

  • Discuss Assessment 2
  • Inspirations for Tables of Content
  • Feedback

Assessment 2

You can work on Assessment 2 in class and I will help with questions:

Assessment 2 Multimedia Production

Below is an example of the Multimedia Production Cycle:

Multimedia Production Cycle - This image is under the Creative Common Agreement, you can use it but will need to reference this site: www.classoffederico.wordpress.com

Multimedia Production Cycle – This image is under the Creative Common Agreement, you can use it but will need to reference this site: www.classoffederico.wordpress.com

Inspirations for Tables of Content

Below are some ideas for a table of content. You can always go for a traditional table of content or do something more exciting.

Make sure that the information is easy to find. A good design is one that is easy to understand. This should not stop you from making it fun though.

Some of the images can be found at this good compilation of table of content designs: Smashing Magazine – Table of Content: Creative Examples.

Colourful Table of Content - Ribbons in Primary Colours - found at: LifeBlue.com

Colourful Table of Content – Ribbons in Primary Colours – found at: LifeBlue.com

Text and Shapes - This design lends itself to an interactive use - found at: Klafferty.com

Text and Shapes – This design lends itself to an interactive use – found at: Klafferty.com

Text-based Table of Content - Very Graphic and Black and White- found at: Smashing Magazine (click image for inspiring article on table of content design)

Text-based Table of Content – Very Graphic and Black and White- found at: Smashing Magazine (click image for inspiring article on table of content design)

Text and Shapes - This design lends itself to an interactive use - found at: Smashing Magazine (click image for inspiring article on table of content design)

Text and Shapes – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)

Table of Content from Textbook - This design lends itself to an interactive use - found at: Smashing Magazine (click image for inspiring article on table of content design)

Table of Content from an old Textbook – This design lends itself to an interactive use, the bird silhouettes could get highlighted when touched – found at: Smashing Magazine (click image for inspiring article on table of content design)

Fruity Design - This is great for a menu, very appetizing thumbnails - found at: WeddingPhotography.com

Fruity Design – This is great for a menu, very appetizing thumbnails – found at: WeddingPhotography.com.ph

Colours, Numbers and Boxes - very happy and alive, personally I do not like the distortion of the word content - found at: Flickr

Colours, Numbers and Boxes – very happy and alive, personally I do not like the distortion of the word content – found at: Flickr

Typographic with Colours and Photos - The use of large numbers is effective and the low opacity of the boxes works, personally, I find it looks a bit dated- found at: JuxtaPost.com

Typographic with Colours and Photos – The use of large numbers is effective and the low opacity of the boxes works, personally, I find it looks a bit dated- found at: JuxtaPost.com

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Multimedia Industry – Class 7

Link to all Classes     Class 2     Class 3     Class 4      Class 5     Class 6     Class 7

Today’s Class

  • Assessment Work
  • Feedback

Assessment Work

Today’s class will be used for assessment work.

Assessment 1

If you had trouble getting responses from businesses please do a refined Google search including your questions with the terms print industry (or similar: Print sector, print employment, print employee, etc). Look for articles and posts about  the print industry and the employment opportunites.

Next formulate your answers to your questions based on your findings. Always state your source of information.

Assessment 2

First look up the definition for the term in question. Fill in the textbook definition, write down the source (book title, author, publisher and year or URL/web address of web page and next write your own definition. There are 47 terms to look up in total. You will need 30 correct answers for a COM.

A tipp: If you cannot find the correct term, do a Google search and include words like:

  • printing terms
  • printing terminology
  • printing industry
  • printing vocabulary

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

C1 – Design a Website – Week 07

Banner_Cert IV WebBTech-C1

Link to all Weeks     Week 1     Week  2     Week 3     Week 4      Week 5     Week 6     Week 7

Today’s Class

  • Inspirations
  • Webdesign with Photoshop – Revised Tutorial
  • Assessment 2
  • Feedback

Inspirations

Colour Palette for Quentin Tarantino Movie: Inglorious Basterds. Source: Flavorwire.com - Image Credit: Roxy Radulescu

Colour Palette for Quentin Tarantino Movie: Inglorious Basterds. Source: Flavorwire.com – Image Credit: Roxy Radulescu

When it comes to webdesign the appeal of a site will depend on the taste, preferences and experience of a target audience. We can safely say that children tend to be attracted to bright colours and shapes they can relate to. When it comes to older audiences I recommend to focus on the common interest and purpose of the website. A website for a SciFi purpose (eg a Conference of Star Wars Fans) will need the colour palette and visual appearance of that genre: See Colour Palette Star Wars Colour Palette SciFi Colour Palette Blade Runner. If you look at a wider scale you find that every genre has its own preferred and collectively agreed set of colours: Colour Palettes of Films.

Try a Google Search for Color Palette Generator, you may find this one: DeGraeve Color Palette Generator (degraeve.com). Kuler is another excellent Color Palette Generator.

When it comes to website layout it is important to come from an organised starting point. Initially you should look at applying a grid. We looked at Nathan Smith’s 960 Grid System last week, which can be found at 960 Grid System.

A Clean and Beautiful Layout for a Portfolio by Graphic Designer Derek Chan. Source: Computer Arts Projects- Issue 153, 2011, Design for the Web

A Clean and Beautiful Layout for a Portfolio by Graphic Designer Derek Chan. Source: Computer Arts Projects- Issue 153, 2011, Design for the Web

The design above for a portfolio website is an elegant and simple (in its beautiful sense) approach to the display of thumbnails. Please notice that the rectangles of the thumbnails match the rectangular shape of the thumbnail cluster as well as the proportions of a screen. This design was based on the 960 Grid System.

Once you have started with the layout and the initial idea for the the website you can create something that suits the need or purpose, the genre and target audience. An excellent read on grid design, how to create your own or how to apply the 960 grid system: Smashing Magazin: Grid-Based Web Design, Simplified.

Some other clean layouts:

Ink WordPress Theme, found at: DzineBlog.com

Ink WordPress Theme, found at: DzineBlog.com

An example in Spanish with a retro appearance: Hodei Design

An example in Spanish with a retro appearance: Hodei Design

Sam McCoist Website - Photography. Not exactly my cup of tea, actually coffee, but I like the daring aspect of using large fonts for the menu.

Sam McCoist Website – Photography. Not exactly my cup of tea, actually coffee, but I like the daring aspect of using large fonts for the menu.

This is a template for a business website found at TemplateMonster. It is interesting in the sense that it breaks up the main image as part of the navigation. The sound it comes with is annoying.

This is a template for a business website found at TemplateMonster. It is interesting in the sense that it breaks up the main image as part of the navigation. The sound it comes with is annoying.

Webdesign with Photoshop – Revised Tutorial

In-class workshop. I will show you some basic elements of Photoshop that will help you in your design of a website. It has become obvious last week that the Photoshop skills in the class are below what I expected, so that this Photoshop crash course today will make it easier for you to create the 5 concept pages for your final assessment. It will be good for you to attend to make sure that you get the most out of this workshop.

  • Creating a file from scratch – for Web or Print
  • Saving files for the Web, formats
  • Viewing and changing the sizes of a file
  • Working with grids
  • Showing grid and guides
  • Snap to grid option
  • Creating a portfolio page
  • Working with layers
  • Merging layers (Ctrl+E)
  • Grouping Layers (Create group and drag layers in)
  • Working with move tool (using Alt + drag to copy a file)
  • Hiding layers
  • Tick the Auto Select option in the options panel for the Move tool
  • Creating Thumbnails and placing images inside the file
  • Creating a banner by placing an image in a banner sized file
  • Placing the banner and thumbnails
  • Working with Layer masks
  • Using the gradient for layer masks
  • Creating the menu, looking at alignment
  • Creating the title for the header
  • Saving the portfolio page
  • Saving the portfolio page as home page
  • Adjusting the home page
  • Adding an image and text to the home page

Assessment 2

Please check MyKangan for the assessment. It will be uploaded today and link provided here.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Multimedia Production – Class 6

Link to all Classes     Class 2     Class 3    Class 4      Class 5     Class 6       Class 7

Today’s Class

  • Work on Assessment 1
  • Compare the Completed Experience Planner
  • Inspirations for Layout
  • InDesign Workshop
  • Assessment 2
  • Feedback
A Clean and Beautiful Layout for a Portfolio by Graphic Designer Derek Chan. Source: Computer Arts Projects- Issue 153, 2011, Design for the Web

A Clean and Beautiful Layout for a Portfolio by Graphic Designer Derek Chan. Source: Computer Arts Projects- Issue 153, 2011, Design for the Web

Work on Assessment 1

You will work on Assessment 1 in class for the first 2 hours. You should be close to completion and hopefully be able to complete Assessment 1 by the end of class.

Compare the Completed Experience Planner

Use the attached experience planner, that we completed in class based on the CentreLink experience: Experience Planner- filled in partly after class 04.

Use it to help you create an experience planner for the event PDF that you are creating. This will give you the ability to focus on fixing negative experiences and planning for a positive experience with a product or service.

Inspirations for Layouts

Inspirations for layouts can be found at various places:

  • Creative Hotlist this site has a large selection of solid design ideas. You will find many design concepts that are inspiring to look at and are complete as a work.
  • Born Book is a beautiful and inspiring interactive PDF document.
  • Issuu is a site that allows you to publish your work and you can find a large number of publications there.
  • Lonny is the website of the Lonny Magazine, a online home decor magazine that highlights inspiring interiors, innovative designers, and the latest things to buy for interiors. Their online interactive magazines are good examples of interactive PDFs and layouts.

More example of interactive PDFs (posted last week): Adobe Magazine, Font Magazine, Know-It-All Guidebook to King West, Vektoria Magazine, Blanket Magazine Revolution Art Magazine, Revolution Art Issue 40,

Swiss travel poster from 1934 by Herbert Matter - Source: http://swisstype.wordpress.com/work/

Swiss travel poster from 1934 by Herbert Matter – Source: http://swisstype.wordpress.com/work/

Look at art styles and movements for layout ideas:

'For Great Road Trips: Switzerland' Poster by Herbert Matter in (Swiss) International Style -  Source: http://swisstype.wordpress.com/work/

‘For Great Road Trips: Switzerland’ Poster by Herbert Matter in (Swiss) International Style – Source: http://swisstype.wordpress.com/work/

InDesign Workshop

This InDesign workshop will look at the creation of interactive buttons.

The workshop will be held in class.

Check for updates!

Assessment 2

To be handed out. Check for updates within the next hours.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

Multimedia Industry – Class 6

Link to all Classes     Class 2     Class 3     Class 4      Class 5     Class 6     Class 7

Today’s Class

  • Assessment 1
  • Assessment 2
  • Feedback

Assessment 1

You will need to complete your questionnaire in today’s class. Have a minimum of 10 questions listed.

The assessment is due next week, so if you could contact businesses asap, either over the phone, in person or by email. If you have any difficulties please speak to me.

Please send more than one e-mail out. You cannot expect everyone to reply to your email.

Your Email:

Make sure to use a professional email address. I would prefer if you would use your Kangan student e-mail, but if you use a Gmail or Hotmail account please ensure that it just has your name in the email address and not the name of your favourite song.

Below is an example of the text you may use in your email:

To Whom It May Concern,

I am currently studying a Cert IV in PGA (Print and Graphic Arts) at Kangan Institute.

I need to research employment opportunities in your industry and was hoping that you could help me with your expertise. Would you be so kind to answer the questions below? There is also an attached document with the questions.

Kind regards,

Name: First and Surname

Email: your email address

Phone: your phone contact number (in case that they have a question)

Report:

You will need to write a report (Task 4). Make sure to write what your findings are, what you learnt from the responses and if there is anything that surprised you. You can make some comparisons between responses and businesses.

Assessment 2

Assessment 2 Multimedia Industry is called a research diary. You need to research and answer all the questions on 8 pages. You will need to supply your own definition, a researched definition, an image and a video. All found material needs to be referenced. See attachment.

Note: Sometimes a video might not help in understanding the term (eg Adobe DreamWeaver). In that case you can write n/a.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!