Exercise – Chance Housing Association Revisited

Again a sound range of ideas for ‘Chance Housing Association’. In many respects you over-complicated the solution by adding door illustration therefore your logo design has two illustrative features; the word ‘association’ doesn’t merit emphasis.’

Never has a truer word been spoken in jest. The more I looked at what I initially thought was a great idea the more I realised I’d strayed into illustration territory, perhaps goaded by some of the images I’d collected on Pinterest. Some of which may have looked nice, twee. Kitsch. I think its very easy to be taken in by snazzy logos, bright colours and wonderful motifs, yet they rarely add anything to the overall design.

The desire to overcomplicate or not let the text speak is strange and indeed when I searched for simple estate agent logo’s there were surprisingly few that relied on lettering and simple decorative devices. That puts the designer up against it as straight the way you’re having to be innovative. So to that end I revisited the work I’d done previously for this exercise and drop the door opening motif, ensuring the simplicity of the design returned (though I kept the roof motif as it didn’t interfere with the lettering), and any manipulation of the lettering was reflective of the theme.

I’ve done a couple of mock up’s with two different designs and hopefully these are closer to the intent of the original brief.  

Of the two designs the one on the left is my favoured as it’s simpler, cleaner and visually more balanced and the one I’d submit for assessment.

Exercise: Giving Information

The first part of this exercise is some research, which is always fun, the first task was to look at Bus Timetables. Here the first thing that struck me was that they were all arranged to a grid pattern. Not obvious when it’s an everyday item, but when the pattern is looked at with a designer’s eye it’s obvious. The samples below were sources from a simple Google search.

Not only doe the use of grid mean that there’s universality about the timetables, but that they can be understood by anyone anywhere.

City maps on the other hand can be quite different, with a range of styles used, from the standard grid based map system to the decorative style, with pictorial representation of key land marks and only key routes marked. Pictorial maps aren’t new and are perhaps some of the easiest to use. Whilst they are correct to a point, they lack the accuracy of the grid based map, which in turn lack the fun of the pictorial map.

Statistical data can be represented in many ways from the established and straight forward to read charts.

However with the advent of more sophisticated DTP software, a steady switch to paperless offices and a desires to use space and present information in ever more creative ways the information presented by Statistical Data graphics can seen alien at times, yet in some respect they still mimic the traditional methodologies.

Maps are combined with regional medical data to supply important health information, something that has been used extensively during the Corona virus outbreak of 2019/2020 and beyond. Known as Geovisualisations these charts used in a myriad to convey geographic data in a meaningful and instantly understandable way.

Other methodologies used to share data incorporate all manner of the above as a single piece of information. These items are arranges on a grid to help retain familiarity with chart layout and help with ease of reading.

The more adventurous statistical data representations involve not only complex Vector graphics, where the subject is pictorially represented thought the clever use of arrangement and design, but on occasions they have become the data.

The next stage was to mind map the concept and what it meant to me, followed by what I was going to create.

I decided to make a map of my wardrobe, though to spare embarrassment we shall pretend it’s perfectly arranged and in good order. I used an Ordnance Survey (OS) map to refresh my memory on how a map is laid and to give me inspiration in the overall construction of a map. A quick internet search helped me find the font style used in Maps, Arial, as well as providing a handy link to OS raster styles.

The next stage was to sketch out my idea before committing myself to the finally design. I tried to replicate a maps finish as best as possible.

The next stage was to sketch out my idea before committing myself to the finally design. I tried to replicate a maps finish as best as possible. Northing’s and Easting’s were added, this were double checked with the OS map to make sure they were in the correct place. Labels were added to the clothes using standard sized 10pts Arial, whilst key details were labelled with 20pts and in 30% gray to echo the Civil Parish markings. Labelling of the clothing was arranged to be as precise as possible and carry a sense of uniformity. I had to add a little accuracy to the map and include a Stuff that been chucked in pile.

I used the OS approach and make my map as self explanatory as possible. Hopefully I’ve succeeded. A great little exercise and fun, made me wish though I was a good illustrator, but that will come.

Resources Used

Bus Timetables https://www.google.com/search?q=bus+time+tables&safe=active&rlz=1C1CHBF_en-GBGB768GB768&source=lnms&tbm=isch&sa=X&ved=2ahUKEwj00OSNwq3tAhVAQUEAHZ4aAuQQ_AUoAnoECAgQBA&biw=1366&bih=657#imgrc=ngmIvxD4uHq_NM  (Accessed 01122020)

Copenhagen Map https://www.pinterest.co.uk/pin/520165825716532034/  (Accessed 01122020)

Spain Map https://www.pinterest.co.uk/pin/802977808549630035/  (Accessed 01122020)

Amsterdam Map https://www.pinterest.co.uk/pin/444237950741166325/  (Accessed 01122020)

Old British Map https://www.pinterest.co.uk/pin/621215342347531830/  (Accessed 01122020)

Magical Britain https://www.pinterest.co.uk/pin/3025924738806739/  (Accessed 01122020)

New York Map https://www.pinterest.co.uk/pin/101753272818481500/  (Accessed 01122020)

Old London Map Detail https://www.pinterest.co.uk/pin/492649945272670/  (Accessed 01122020)

Map of Georgia State https://www.pinterest.co.uk/pin/422071796331770754/  (Accessed 01122020)

Circular Flow Chart https://www.datasciencecentral.com/profiles/blogs/difference-between-data-analysis-and-statistical-analysis  (Accessed 01122020)

Line and Bar Charts https://www.skillsyouneed.com/num/simple-statistical-analysis.html  (Accessed 01122020)

Pie Chart https://www.aps.org/careers/statistics/index.cfm (Accessed 01122020)

Flow Charts and Symbols https://creately.com/blog/diagrams/flowchart-guide-flowchart-tutorial/  (Accessed 01122020)

Geovisualisation https://boostlabs.com/blog/why-geovisualization-geographic-visualization-works/  (Accessed 01122020)

Fintech https://twitter.com/labordeolivier/status/1276398914300784641/photo/1

Danish Info https://www.behance.net/gallery/924345/Information-graphics-in-context  (Accessed 01122020)

Get into Space https://www.behance.net/gallery/86241381/Data-Visualisation-What-it-takes-to-go-to-space?tracking_source=for_you_feed_recommended  (Accessed 01122020)

Ordnance Survey Style https://www.ordnancesurvey.co.uk/documents/ordnance-survey-style-guide-for-third-parties.pdf (Accessed 03122020)

OS Raster Legend https://www.ordnancesurvey.co.uk/documents/resources/25k-raster-legend.pdf (Accessed 03122020)

Project: Information Graphics

Project: Information Graphics

Infographic, /ˌɪnfə(ʊ)ˈɡrafɪk/ , noun;

a visual representation of information or data, e.g. as a chart or diagram.

“a good infographic is worth a thousand words”

Oxford Languages

We’re surrounded by Information Graphics (Infographic’s hereafter), and in the digital age they are becoming more widespread. The earliest Infographics were found on the walls of caves, showing how to hunt wild animals. These were then followed by shamanic and religious glyphs including stain glass, and fresco’s of the Stations of the Cross to inform a largely illiterate or disinterested population. Some of the most breathtaking of these were the Nazca Lines in Peru and Michelangelo’s Sistine chapel paintings.

As humanity grew and expanded its horizons some of the earliest secular Infographics were maps and charts; from the Dunhuang Star Chart AD650 to the Templers map of Jerusalem circa 1535-1590. In more contemporary times the underground maps of Harry Beck are some of the finest infograph’s about, bringing order to chaos as it were.

By the end of the twentieth century and the beginning of the twenty-first the info graphic had come of age. The proliferation of mobile devices, more sophisticated DTP and faster soft and hardware means the Infogrpahics is currently enjoying a golden age.

Creating Graphics

The next stage is to experiment; I’ve been using Affinity Designer a great deal as it’s relatively straightforward to get my head around. However no one got experience by driving in a straight line so a quick play with the pen tool in making a simple box network followed a quick scan of Chelius and Schwartz’ book Learn Adobe Illustrator CC.

This was a great moment to have a play with the various aspects of the program including shape tools. At this stage my work looks more like an experimental art piece than serious investigation. However that’s how you learn.

Typography in information graphics

As the research point here is to look at how Type is physically arranged, I found some interesting example of type in use and the idea is Keep it Simple Stupid. Each approach was subtly different, and one very interesting approach was to use the shapes used in the infographic to also spell out the location the information was about, Cape Town.

Resources used

Chelius C and Schwartz R, (2019, Learn Adobe Illustrator CC, 2nd Edn, Adobe Press.

Info Graphic https://en.wikipedia.org/wiki/Infographic (Accessed 30112020)

Oxford Languages https://languages.oup.com/  (Accessed 30112020)

Cape Town Infog#01 https://www.pinterest.co.uk/pin/6614730691353005/  (Accessed 30112020)

Cave Painting https://www.pinterest.co.uk/pin/105482816263133993/  (Accessed 30112020)

Dunhuang Star Chart AD650 https://gizmodo.com/how-ancient-star-maps-gave-rise-to-modern-astronomy-1818815391  (Accessed 30112020)

Templers map of Jerusalem https://www.pinterest.co.uk/pin/324188873182895216/  (Accessed 30112020)

Harry Beck map https://tfl.gov.uk/corporate/about-tfl/culture-and-heritage/art-and-design/harry-becks-tube-map  (Accessed 30112020)

Music in your Life https://www.behance.net/gallery/19624167/Infography-Set-The-music-in-your-life  (Accessed 30112020)

Infogrpahics https://www.rawpixel.com/image/1188115/data-and-graphs?referral=774710&source=pinterest  (Accessed 30112020)

Samples of Type in Infographics https://www.pinterest.co.uk/pin/330592428901364254/  (Accessed 30112020)