Interactive Design Homepage

VUIT Digital Arts

Teacher Name: Lisa Cianci - email: lisa.cianci@vu.edu.au
Education Manager: Adam Hutterer - email: adam.hutterer@vu.edu.au

Class Website - http://multimedia.tafe.vu.edu.au/lisa/2015/ID2


Subject: ID2 - Interactive Design

Course: Advanced Diploma of Graphic Design (CUV60411)


CLASS 07

 

Responsive design project development  - Mockups


1. Create the mockups for your video website in Photoshop, Illustrator and/or InDesign. They must: 

  • Be based on the design specifications 
  • Be made to correct dimensions for the different devices you are designing for
  • Use a font size which is legible and consider fat finger and thumb input / mouse input     

 

2. Email me a progress report with your sketches and I will send you feedback this week.

 

 

References

http://johnpolacek.github.io/scrolldeck.js/decks/responsive/

http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/

http://www.fastcodesign.com/3038367/9-gifs-that-explain-responsive-design-brilliantly

http://blog.teamtreehouse.com/modern-field-guide-responsive-web-design

http://www.huffingtonpost.com/john-rampton/business-mobile-responsive-design_b_5267077.html

http://designshack.net/articles/css/5-really-useful-responsive-web-design-patterns/

http://www.lukew.com/ff/entry.asp?1514

http://bradfrost.github.io/this-is-responsive/patterns.html

 

Video Distribution Websites:

http://www.reelseo.com/video-marketing-basics-5-distribution/

https://www.youtube.com/

https://vimeo.com/

http://screen.yahoo.com/

https://www.flickr.com/explore/video/

http://www.metacafe.com/

http://www.dailymotion.com/

http://blip.tv/

http://www.viddler.com/

 

 

 

 

Homework

Complete mockups over the2-week break.