Week 2

Editor's Notes

• #2: Good afternoon.Has everyone got your laptop! Please open learnline and the week 2 slide.Can someone volunteer on what we did last week. Quick revision!!
• #3: ExerciseQuickly everyone look the definition of visual design in Google dictionary. Visual Design is the field of developing visual materials to create an experience. Visual Design spans the fields of Graphic Design, Illustration, Typography, Layout, Color Theory, Iconography, Signage, Photography, etc. and any medium, including online, broadcast, print, outdoor, etc. ...visual design can enhance the power and effectiveness of your communication with your audience How to apply a range of design principles in the digital domain. How to apply these principles to a range of different documentsImage credithttp://www.presidiacreative.com/49-cleverly-creative-food-advertisements/
• #4: Would you say this is a good visual design or bad visual design.Who says this is good and who says this is bad. Reason?Image credithttp://www.presidiacreative.com/49-cleverly-creative-food-advertisements/
• #5: DO you think this is a good or bad design?I would say bad- improper graphic, lots of words, and Image credit:http://www.google.com.au/imgres?imgurl=http://copelandcommunications.files.wordpress.com/2010/11/bad-ad.jpg%3Fw%3D400%26h%3D274&imgrefurl=https://copelandcommunications.wordpress.com/tag/advertising-design/&usg=__DP43b7Pq6lshLjNf34L_IS0ZxY8=&h=274&w=400&sz=45&hl=en&start=0&zoom=1&tbnid=z48Y4Su_H83iHM:&tbnh=140&tbnw=205&ei=sxUhTv_zKO_3mAXitK2iAw&prev=/search%3Fq%3Dbad%2Badvertisement%2Bdesign%26hl%3Den%26biw%3D1366%26bih%3D633%26gbv%3D2%26tbm%3Disch&itbs=1&iact=hc&vpx=187&vpy=275&dur=4898&hovh=186&hovw=271&tx=102&ty=127&page=1&ndsp=21&ved=1t:429,r:7,s:0&biw=1366&bih=633
• #6: Can you open the link and go through some common visual design mistake. 10 minutes- just for information and then we will move to another slide.1)Not Considering the Impact of the Visual Design2) Lack of Unity3)Graphics don’t match4)Confusing use of Contrast5)MisUse of FontImage credithttp://www.123rf.com/photo_6230201_smile-man-sit-and-pointed-finger-up-isolated-on-white.html
• #8: Grids, Gutter, columns, and margins are page organizing tools. Image Credithttp://top-online-store.co.uk/viking-ireland/day-date-planners/filofax-personal-inserts-2011-week-per-page-organiser-size-171-x-95mm/FWTV-PO.html
• #9: GridsGrids establish the overall structure of a page by specifying the placement of text, display type and artworrk. It conssist of non prointed lines that show up on your computer screen but not on the finished publication. It determine the number of columns, marign size, placement of headlines etc. Centering between 2 column guidesJustifying between two column guidesColumnsColumns are fundamental part of grids-they organise text and visuals on page. You might have seen columns in newspaper, newsletter etc.GutterSpecially needed for document with large number of pages. The gutter size depends primiraly on the type of binding you plan to use.MarginMargin determines the space between columns and the edges of a page.Image credithttp://www.artistsvalley.com/previewicons-Database-Application-Icons/task_checklist-icon.html
• #10: GridsGrids establish the overall structure of a page by specifying the placement of text, display type and artworrk. It conssist of non prointed lines that show up on your computer screen but not on the finished publication. It determine the number of columns, marign size, placement of headlines etc. Centering between 2 column guidesJustifying between two column guidesColumnsColumns are fundamental part of grids-they organise text and visuals on page. You might have seen columns in newspaper, newsletter etc.GutterSpecially needed for document with large number of pages. The gutter size depends primiraly on the type of binding you plan to use.MarginMargin determines the space between columns and the edges of a page.Image credithttp://www.artistsvalley.com/previewicons-Database-Application-Icons/task_checklist-icon.html
• #11: There are various document that we can prepare form the word processor. Different document has different structure. Every document has its own sturcute- agenda, results, letter, report, brocuresAvititiesImage Credithttp://www.psychologytoday.com/blog/dont-delay/200910/procrastinators-story-adult-add-life-long-habits-irrational-thinkinghttp://www.newsletterville.com/newsletter_samples.htmhttp://mayjohnstone.co.uk/tips/
• #12: Everyone go to the digital document website and then have a quick look through to the document. 15 minutes. Note down three key points for each document.For my informationLetter writingMAIN STEPS· Identify your aims· Establish the facts· Know the recipient of the letter· Create sample copy· Decide on the physical layout of the letter2)BrochuresOrganisations use brochures to convey information to potentioalcutomers. It is some kind of advertisement- holding despcriopiton on the product or something.3) NewsletterA newsletter is a regularly distributed publication generally about one main topic that is of interest to its subscribers. Newspapers and leaflets are types of newsletters.[1] Additionally, newsletters delivered electronically via email (e-Newsletters) have gained rapid acceptance for the same reasons email in general has gained popularity over printed correspondence. Newsletters are given out at schools, to inform parents about things that happen in that school.4) ReportA generic report should have seven main sections – the most important of which willbe the summary, findings and recommendations. The largest section will be the bodypresenting the facts and relevant considerations.The following is a general structure/layout that should be followed when producing areport.1. Title page including full title, name of authors and date2. Summary including report findings and recommendations3. Contents page4. Body5. Findings/Conclusions6. Recommendations7. Appendices
• #13: Microsoft has various templates to the various documents. You can save lots of time with templates.Click new
• #14: Microsoft has various templates to the various documents. You can save lots of time with templates.Click new
• #15: Image credithttp://www.funnies.com/coffeebreak.htm
• #16: GridsGrids establish the overall structure of a page by specifying the placement of text, display type and artworrk. It conssist of non prointed lines that show up on your computer screen but not on the finished publication. It determine the number of columns, marign size, placement of headlines etc. Centering between 2 column guidesJustifying between two column guidesColumnsColumns are fundamental part of grids-they organise text and visuals on page. You might have seen columns in newspaper, newsletter etc.GutterSpecially needed for document with large number of pages. The gutter size depends primiraly on the type of binding you plan to use.MarginMargin determines the space between columns and the edges of a page.Image credithttp://www.artistsvalley.com/previewicons-Database-Application-Icons/task_checklist-icon.html
• #21: If you copy and paste the image- then the animation doesn’t appear on the slide. So you have to do this way.