1 / 78

Research opportunity for this quarter/summer

Research opportunity for this quarter/summer. Efthimis N. Efthimiadis. INFO 424 Week 5 Take-home exam due Wednesday No quiz this Friday (moved to next Friday). Review. Analyze/emulate text Park-style map Make info box appear & follow mouse Make info box text change. Nigel Holmes.

serena
Download Presentation

Research opportunity for this quarter/summer

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Research opportunity for this quarter/summer Efthimis N. Efthimiadis

  2. INFO 424 Week 5 Take-home exam due Wednesday No quiz this Friday (moved to next Friday)

  3. Review

  4. Analyze/emulate text Park-style map Make info box appear & follow mouse Make info box text change

  5. Nigel Holmes

  6. There are 4 colors of text: White, dark blue, black and red.

  7. There are 4 colors of text: White is used for the title Dark blue is used for almost everything else Black and Red are each used just once

  8. There are 4 colors of text: White is used for the title. Since it’s both the only white text and the largest Text, it stands out. Dark blue is used for almost everything else including all of labels, section Headings and annotations. Black and Red are each used just once, in both cases to add emphasis. There are 4 colors of text: White is used for the title which gives an overview of the topic of the visual Dark blue is used for almost everything – the labels that name the diseases and point To where they occur in the body, the descriptions that explain the diseases in detail, The facts about how many people are affected and where they live. Black is used for ‘1.1 billion people’ and red for the sentence that compares number of people to number of people who can fit in an airplane.

  9. There are 4 colors of text: White is used for the title. Since it’s both the only white text and the largest text, it stands out immediately. In fact, it’s the only white element on the page other than the the lines used to create border and a handful of other minor spots (the background of the ‘tab’, the white sand in the hourglass, the names of states colored black, and the logo on the plane).

  10. Dark blue against a pale blue background is used for almost everything else including most of labels which are consistently also bold, all caps, and of the same, medium size making them easy to scan for and creating unity – the red circles next to each label also make them easy to scan for.

  11. The three section headings also get essentially the same treatment, though they’re slightly larger and their red circles each have the section number inside.

  12. The annotations under each label and all of the remaining text under each section heading gets the same treatment – a very small font which makes it the lowest in the visual hierarchy. Two exceptions are the font used for the portions of the annotations which call out the numbers of people who die each year and each day. The fact that this text is even larger than the section headings makes it jump out.

  13. Black and Red are each used just once, in both cases to add emphasis and to associate those bits of text with a visual element which has the same color.

  14. Association strategies

  15. Precision labels

  16. What do you see?

  17. Analyze/emulate text Park-style map Make info box appear & follow mouse Make info box text change

  18. Analyze/emulate text Park-style map Make info box appear & follow mouse Make info box text change

  19. mouseX mouseY

  20. Preview

  21. Choropleth map Store data in XML Draw with AS

More Related