Lily Hogg

Visual Communication

[lilyhogg]

ECO VEGGIE Round 2

Second iteration of the eco veggie campaign. I’m much happier with the reduced, block colour vector illustrations. It looks more graphical than the first round version. The plain background colour for each slate is just a different shade taken from the main colour of each drawing which ties in the colour scheme quite well. 

I’m still happy with the font design for the title and general wording for that, the facts are my next task. I want to make them punchier. It will definitely lead to better design in terms of fitting the font around the illustration, as it’s too lengthy and that makes it harder to read. Especially if someone is scrolling on instagram, you only have seconds to really grab their attention. So that will be my focus moving on with this. 

[lilyhogg]

Glitch 

Taking that word and trying to convey it through colour and shape alone. A glitch is something that is digital-based. Code disrupted in some way so that it is not perceived how intended. 

I took the idea of this pink and blue neon circle and manipulated it so the circle was continually disrupted. The colours really popped against the deep navy background - which I added a wave length-like pattern to. Radio signals perhaps? Fading in and out of vision.

I’m happy with the result, and might continue working through the list given in the class workshop.

[lilyhogg]

Rectangle (in class workshop)

Experimenting with hue alone. I’ve taken that specific shade of blue, and just dialled up the hue from almost black to almost white. Displaying the rectangles in a way to showcase that graduation better. 

[lilyhogg]

Square colour (in class workshop)

I love warm colours. Orange being my favourite. Choosing to use that side of the colour palette to create a warmth having them all together. Fire and sunsets turning to the night sky.

[lilyhogg]

Instagram Eco Campaign - Experiment 1

My initial thoughts are to focus on how vegetarianism can have a large impact on bringing down our carbon emissions. With the idea being to encourage people to ‘go veggie’ and using the hashtag (#goingveggie) in relation to this message. 

The title is Eco Veggie, sticking with the abbreviation of both the words ‘ecological’, and ‘vegetarian’. I believe this takes away from the usual science jargon that can often alienate the audience it is trying to convince. Being more colloquial would probably work better when targeting users on social media where using language more casually is the norm. Showing they are meant to be read as separate words though is attempted through one being filled in and the other outlined. 

I’ve drawn up different animals in Illustrator, though I believe the drawings can be reduced down further which I will experiment with in the future. 

The information has been taken from about half an hour’s worth of research, and at the point is very much scraping the surface. I need to think of a way to make it a little punchier, the sort of facts I respond to kind of shock you but they need to offer a way you can help realistically. This needs to be worked on more.

I’ve used earth tone colours as a way to reflect that we are talking about issues largely affecting nature just to draw a slight design comparison there. I’m not happy with the choices at this stage though. I’m uninspired by them. I have also attempted to contain the information in vague bubbles using the same colour palette just to offer a framing away from the drawing and title of each image. I’m unhappy with that too at this stage, it doesn’t look like a unified design yet - but I am happy with the basic principle behind the social campaign.

To be continued. 

[lilyhogg]

Reductive Illustration - in class workshop.

Phase 9 is probably the limit to the reduction before you are unable to recognise the illustration as a sewing machine.

[lilyhogg]

Square flyer experimentation. Gesalt Principles.

I took a few elements of what I thought went well in the initial experimentation and expanded on them. The running theme being negative space meets optical illusion. 

1. The top image is just a circle behind an open rectangle, but by changing the thickness on one side of the circle you see that side being larger than the other - when it is just the exact same circle continued. I tried displaying the text like brickwork, though is perhaps too design-led over readability. 

2. The second image plays with this further. Though this time the circles overlapping the square make the square seem bendy - when it is in fact just a normal sized square. That touch of red on the square tricks the brain in to this. I was happy with this one, felt quite unifying as whole for the sake of the flyer. 

3. The third image is a slightly manipulated version of my experimentation in ‘proximity’. Not quite striking enough to get someone interested in the flyer itself though I thought. 

4. The fourth is a repeated version of my experimentation from ‘negative space’, though adding the invisible square in the form of the grey one to highlight to information for the flyer. 

5. And the last image is my attempt to create the illusion of a sphere through the spike shapes. It felt a little choppy and random for a flyer. Though could work in another context. 

[lilyhogg]

Illustration showing movement through visual grammar.

Just something fun in my spare time, a little desperate to bring some of the elements from the class workshop in to my usual art style and injecting colour. Though the theme of creating motion in the piece is something I like - and have touched upon with previous work. It is something I need to explore further.

This also reminded me of the video game Portal. 

[lilyhogg]

NEGATIVE SPACE - Visual Language and Grammar (in-class workshop)

The top image is the strongest in this category. Your brain fills in the gap to see the white square that isn’t there - but also is. It’s very simple, but powerful. Something to expand on. 

[lilyhogg]

PROXIMITY - Visual Language and Grammar (in-class workshop)

I liked the last image here best. I see it as a black square sitting behind the front two squares, but also as two little squares coming out of the two larger squares. 

[lilyhogg]

RHYTHM - Visual Language and Grammar (in class workshop)

I like the top image best. Created by overlapping the letter ‘O’ in various sizes and fonts to create one ‘O’ that kind of looks like a worm hole. It’s wonky and a bit off kilter, but solid too. I thought it a little similar to an optical illusion, that idea of your brain filling in the gaps to make sense of something that is deliberately trying to throw it off. A thread I’m interested in pursuing further.

[lilyhogg]

TENSION - Visual Language and Grammar (in-class workshop)

I wasn’t a huge fan of any of these, I’m not sure they really sell the idea of tension very well. The middle image reminds me of a crocodile, but that is probably as interesting as I find any of these. 

[lilyhogg]

Grid Presentation - with animation.

I really enjoyed getting to grips with Adobe XD. Moving image always being something that I have gravitated towards. There’s certainly more to learn, and also I can already see how limited it is compared to something like After Effects but for simple presentation purposes it’s good fun. I reckon I will use it to compile a ‘sketchbook’ with later on in the course.

[lilyhogg]

Grid Presentation - slides.

I took the ideas I’d started out with in the class workshop and expanded on them. Editing the photos provided so that they were largely abstract shapes that the information could fit around for each slide. 

I guess I’m taking the idea of the grid and dissecting it, and not necessarily putting it back in to any sort of orderly shape. The way I animated each part of this reflected that too; by treating each element separate from the other. Appearing or sliding out of each shape to form the whole. I liked that scrolling on certain pages revealed more of the slide - side 3 probably being my favourite, especially as that image used was so striking in the first place. 

For the sake of organisation each slide was assigned a colour that ran through the presentation, a small touch of design to order it better. 

The title page too was animated so that the direction the text was laid out in lead to the slide it corresponded with, the same was done in reverse when clicking on the arrows to bring you back to that same title page. 

For a first go, I was happy with the results. It’s certainly got room for improvement, that will come with learning the programme better and having a little more flexibility with the content of the presentation. 

[lilyhogg]

UN A2 poster - experiment #2.

This was a continuation of the idea I found in earlier experimentation on connecting up the ‘n’s’ so they were united. This time using that as a way to connect the whole poster together. I was really pleased with the results, and is the one I decided to submit for this week’s assessment. I think it would work well in a real world setting, the design would catch your eye from afar at a tube station and presents all the information clearly, but contains that bit of interest to set it aside from just pure information.

The white on black framed better for me. Imagining it as a poster, and it working better with clearer edges that the black background offers.  

[lilyhogg]

UN A2 poster - experiment #3.

I kept all the information on the poster in the same grid for this design. Manipulating the kerning on each word until it fit to that grid. A separate grid was created for the supporting information. I think this worked really well, and certainly reminds me of gallery posters I have seen in the past. I wonder whether it might be just slightly harder to read though for the sake of the design?

[lilyhogg]

UN A2 poster - experiment #2.

I chose to experiment with outlining the title text here and keeping the title all lower caps to differentiate it further from the rest of the poster. I am more drawn to the white on black design, though I wonder whether that would be hard to read in a real world setting?