27/02/17 – Lemons & Phenomenology

What is?

What if?

What works?

What wows?!?!

Experience Design

Different kinds of experience:

  • Everyday – Eating, Sleeping, Smelling, Driving, Language, Emotion
  • Recognised – News, Eating out, Roadkill, Meeting someone new, Death
  • Group memory – Terrorist attacks, the sesh, eating out, holiday, social gaming (competitive – online)

We undertook a practical exercise whereby I had a partner and we helped each other to balance on 1 leg by holding each others hands, we switched legs after a short period.

Cognition – (Knowing, Mental understanding)

Sensory Perception – (Physical, bodily feeling, touching, balance, senses)

Emotion (“Affective domain”, gut feeling or reaction, positive or negative)

When dealing with dirty water as designers we need to thinking about emotion as we need to think about what peoples perception would be of the design.

 

 

 

“The Great Thing” – Astonished?

Something that has astonished me :- An experience that astonished me was when I was on holiday in France at 8 years old. We were in a restaurant and my brother’s and my food were delayed to the table so my dad was asking the waiter in French were our food was. From this I saw my dad was a very confident French speaker and because in the UK there are limited people who speak a foreign language it inspired me to want to learn the language because it was so unique and inspirational.

What qualities does a thing have to astonish? :- Something that is unique/ impressive and influences you to want to be able to do the same thing.

How did it make me feel? :- When I first heard my dad speak French it made me feel proud of him and made me want to be able to do the same. He was an inspiration to me and was heavily influential which helped me to keep learning – motivation.

 

Lemon Meditation

Today we were all asked to stand up and close our eyes whilst our tutor spoke about us standing the our own kitchens at home and to imagine ourselves picking up a lemon from a ceramic bowl on the kitchen side. We were then to feel the texture, colour and smell the lemon, from this we were to grab a knife and cut the lemon open by imagining the feel of cutting a lemon, and to finally smell the lemon once it had been cut open. We were then told to open our eyes and to sit down.

Website Target Audience

My target audience for the website is mainly for designers & artists of all ages to use as inspiration, personal viewing and from promotion of myself to attract graphics businesses by showing off my work. I am to ensure my website is professional, clean and easily accessible by each user and is unique, the reason for my website to be unique is that it will make the audience remember your website and graphics work.

Analysis of Portfolio Websites

NB Studio

I do like NB Studios portfolio website, the main reason for this is because of the large imagery displayed on the homepage, it automatically transitions between different work that they have created, this causes an instant attraction to the audience. As well as the aesthetic, it is very easy to navigate around the website as the typography is clear and simple, allowing the user (myself) to easily navigate around the site. I feel as though the website could’ve been more interactive, for example when you move the mouse curser over the hyperlinks they would enlarge/ change colour, aside to this I feel as though the website is very well designed.

screen-shot-2017-02-21-at-13-00-13

Milton Glaser

Milton Glaser’s website rely’s mainly on images, there is limited text on this homepage and so wants the audience to view their work. I like the user interaction on the webpage, when you hover over the images at the bottom of the page a drop shadow becomes present, it is something small however is a nice touch. The one thing I dislike about this portfolio website is the fact that is seems a bit dull/ empty, the reason could be due to the colour scheme that has been chosen (white & grey). I feel as though I different colour scheme could help boost the website positively.

screen-shot-2017-02-21-at-13-02-59

Carter Wong

Carter Wong’s website is very vibrant from the beginning due to the colour scheme of yellow which instantly grabs the audiences attention, as well as the colour scheme the large use of imagery adds to the vibrant effect, particularly the Cornetto image. The homepage is mainly just images with a small amount of text underneath informing the user what this sub-section involves, and when they click on the image it will redirect them to a different section of the website with more in-depth detail about the portfolio work. I feel as though the use of imagery on the homepage is a great way to originally attract the audience as we as humans have been proven to prefer to view something than to read something.

Screen Shot 2017-02-21 at 13.03.53.png

Pearl Fisher

The homepage of Pearl Fisher’s website is very aesthetically pleasing due to the moving image on the main banner, also the typography and colour scheme adds to the aesthetic of the homepage as it gives the website a high level of ‘class’ and ‘professionalism’. Also I really like the user interaction as when I hovered over an image/ text the typography changes colour or the image fades slightly. These are very small effects however they’re very clean and give the product a professional feel – making the website more attractive.

screen-shot-2017-02-21-at-13-06-17

Barnbrook

Barnbrook’s website isn’t very user friendly as it can be slightly difficult to understand at first, the reason for this is because the front home page is just a large image with no text/ hyperlinks and so it is confusing how to fully access the site. However once you’ve managed to access the portfolio work it is well laid out and is interactive. The site is well designed, however the user friendliness of the site can be slightly poor at times.

Screen Shot 2017-02-21 at 13.09.57.png

Studio Cuculic

I personally strongly dislike this website, the first reason being is because it doesn’t fit the dimensions of the webpage, there is so much empty space on the right side which could be filled in. Also the navigation is very poor as there are images however when you hover over them there is no indication for them to be a hyperlink at all. It is very basic, therefore I will not be using this website style as inspiration.

Screen Shot 2017-02-21 at 13.12.14.png

Jake Tilson

I like the simplicity of square images on the homepage that allow the user to easily be redirected to the sub-genre they wish to look into, this is very user friendly. The only downfall for me personal of this website would be the colour scheme that has been chosen. Personally the use of red and a dirty yellow/ cream has removed the quality from the website, I feel with a good colour scheme and a good choice of typography (font) this website would improve dramatically.

Screen Shot 2017-02-21 at 13.15.00.png

Stefan Sagmeister

Stefan Sagmeister’s website is by far the most creative out of all the website I have analysed. Firstly the large images on the front homepage automatically transitions between themselves and all images have the ‘About, Work, Press, Answers, News, Store’ and from the images you are able to click on each separate sub-section to be redirected to that section on the website. This is very unique and effective and from this I feel as though it will make the audience instantly attracted to their website as it stands out from all of the others.

Screen Shot 2017-02-21 at 13.16.34.png

Introduction to Website & Ethics

Website – Website Design & Design for Digital Media

Ethics – Design for Digital Media & Visual Communication

Learning Outcomes (Website – Due Friday 17th March):-

  • Demonstrate an understanding of structure and function of Internet designs, browser function and web page publishing
  • Considered the aesthetic and practical issues concerning web page design, including navigation, image preparation and issues regarding the end user and accessibility
  • Designed, planned, built, tested and evaluated a set of functioning web pages
  • Evidenced knowledge of how to manage and organise the pages and relevant components of a website
  • Further developed and widened their generic practical and creative graphic design skills, specifically (screen-based) page layout and typography
  • Developed good practice in the form of file management and organisation
  • Designer, planned and built graphics in relation to specific briefs

Learning Outcomes (Ethics – Due Tuesday 28th March):-

  • Produce and develop and understanding of current digital media concepts and technologies
  • Developed and understanding of the components of a multi-media production and how they interact
  • Developed their communication skills through the media of text and image
  • Developed research skills relevant to the themes of the module

Digital Book Design Process

I started off by creating two large red rectangles on the top third and bottom third of my canvas in order to create the Penguin book style, I chose the colour red to fit with the title of the book of ‘Love’. I then went onto fit the typography for the title of the book and the authors in the centre rectangle with some small red lines in order to split the type up, simple yet effective. I then proceeded to use a logo used in the Penguin books before when ‘marriage’ or ‘love’ is the topic, therefore felt it was fitting to include it into this book. And finally I recreated the masthead ‘Penguin Books’ in order to fit the Penguin books conventions. The screenshots are below to show my process.

I then went on to produce the spine, I started with using the main text I wanted to use (the book title), and from this I felt the need to include lines to split the text up as it was difficult to read. From this it allowed me to create a cross effect with the authors names and the generic convention of the Penguin logo on the bottom of the spine. Screenshots of my process are below.

Finally I went on to produce my book cover, I made a large box to fit the whole page of cream with a thin red border around the inside of the cream rectangle. From this I used the type given to me by the client to insert the blurb and reviews made my well known companies such as ‘The Guardian’. I made the reviews italic to make them appear as though they are quoted – which they had been. For the final finishing touches I added the penguins at the bottom of the page along with the barcode to follows the conventions. Screenshots of the process are below.

Here is my final product.

Book Cover Design.png