23th November 2018

Mobile Graphics and Animation

The web-developer logo version of the logo was finished, and I created several variations with slight differences in order to make the logo more usable in different contexts and followed Jager’s (2018) advice on designing for colour blindness in order to make a better contrasting variation. This knowledge was also applied for the designer-oriented logo, as the default colour scheme was blue and grey – which may cause problems for readability to some, therefore different coloured versions alongside higher contrast and less cluttered versions were made.

By this point, I have learnt how to better utilize the brush and line tools in Adobe Illustrator, which helped in making the banners and assets for the animation as I could manipulate shapes and envision what the banner would look like, and how it would be composed before I start making it so that I do not have to restart or make adjustments.

Markup Languages and Styling

I have made progress on styling the page and used Mozilla’s (2018) write up on media queries in order to start to implement them into the page properly. Thanks to this, I was more aware of the possibilities of using media queries and the syntax so that I could only apply style properties if multiple variables are true.

I also opted to not use PHP for a template in case the server goes down, as PHP is a server-side language and needs to be hosted on server, and it adds to the complexity which could possibly become overwhelming especially with an oversized project for the amount of time available.

 

References

Jager, T. (2018) How to Optimize Charts For Color Blind Readers Using Color Blind Friendly Palettes – VenngageAvailable. at: https://venngage.com/blog/color-blind-friendly-palette/ (Accessed: 13 January 2019)

Mozilla (2018) Using media queries | MDN. Available at: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries (Accessed: 13 January 2019)