presentation icon pdf

12
App Store Design Ideas James Buckmaster Monday, 23 June 2014

Upload: james-buckmaster

Post on 14-Dec-2014

47 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Presentation icon pdf

App Store Design Ideas

James Buckmaster

Monday, 23 June 2014

Page 2: Presentation icon pdf

Top 5 Tips For Making An App Icon

1) Use complementary colours e.g. blue and orange.

2) Make it simple, simple doesn’t confuse you.

3) Try not to use text, the icon is a visual representation of words.

4) Stand out from the crowd.

5) Don’t worry too much about details, no one will notice.

Monday, 23 June 2014

Page 3: Presentation icon pdf

iPhone Screen Of Target Market

This is the iPhone screen of theaverage target market for Achilles;the target market is early teens and

before, this is the stage where socialmedia comes into their lives more and

only the cheap or free games have a placeon their phone.

I’ve included a lot of social media apps because during the early teenageyears, teenagers and kids start to

connect with their friends and the internet.

Facebook and Facebook messenger are included because that’s the basic

social media app to have.

Vine and YouTube are involved as videos have never been more popularacross all ages, they are all top

social media apps.

What’s App is there because kids tend to have small contracts, this app allows them

to text and send media for free.

Snapchat is allows peopleto send instant photosfor free. Very popular.

Skype allows people

to call and chat to

anyone for free.

Instagram allows you to share photo’s with anyone that follows you, young

teenslove this.

Games like Flappy Birdare free and would of

ended up on here through

the addictive viral period

it went through, globally.

Zombie Lite and Talking Tom

are free and fun apps, Tom copies

your voice and says it in a higher

pitch and Zombies Lite is a trialversion of an arcade game.

The free music app allowspeople to download music straightfrom the internet to their phone.

Racing and DoodleJump are paid games,

but the average consumerwouldn’t have many.

Temple Run is a free game that went viral.

Monday, 23 June 2014

Page 4: Presentation icon pdf

Initial App Icon Ideas

Gameplay/Screenshot

Language As Image Abstract/Iconic Symbolic/Thematic

Title As TextCharacter/Action

Monday, 23 June 2014

Page 5: Presentation icon pdf

Logo Feedback

Monday, 23 June 2014

Page 6: Presentation icon pdf

Logo Feedback

Monday, 23 June 2014

Page 7: Presentation icon pdf

Action Plan For Best Icon

I chose this design as I believe icons should be simple and clear so people can remember them and spot them out easily,

this logo is that.

My improvements I need to make are:

- Make an 8 bit version and compare it to this version.

- Maybe add some drop shadow to the image so it doesn’t look so flat.

- -Personalise the image so it doesn’t look

so much like clip art.

Monday, 23 June 2014

Page 8: Presentation icon pdf

App Rating: 9+9+ This rating may include cartoon violence and/or mild suggestive, horror or fear

themed content not suitable for very young children.

Drugs - No references to illegal drugs or drug misuse.

Imitable Behaviour - Children could be influenced by the adventure theme in Achilles which could lead to danger, no realistic accessible weapons are used in the game.

Language - No language said in the game.

Nudity - No nudity in the game.

Sex - No sexual activity takes place in Achilles.

Threat - Frightening sequences or situations where Achilles is in danger are not prolonged or intense; the fantasy setting reduces the effect of this.

Violence - Violence is present in Achilles; there is death but no viewing of it, Achilles will simply start from the beginning plus the fantasy setting makes it more

mid.

Monday, 23 June 2014

Page 9: Presentation icon pdf

Final Icon Composition

Previous Final Newest Final

The helmet worked well as a logo butI needed to adjust it so it would

fit better with the app grid.

I redrew the whole helmet so it would fitin with some of the lines and corners in thegrid. The top of he eye wholes are on a point

and the whole helmet is symmetrical.

Monday, 23 June 2014

Page 10: Presentation icon pdf

Further Icon Composition

This icon uses the grid well but through feedbackI realised that the flicks on the sides of the helmet

are too big and it’s starting to come away froma standard greek helmet.

I made one or two adjustments to it to create my newest icon. I’ve used the diagonal line that

runs throughout the grid as a resting line for the side of the helmet and used the curve to carry it

on.

Monday, 23 June 2014

Page 11: Presentation icon pdf

Working With ColourThese two icons are colours using the two colours

used in the Achilles splash screen. #CCCCCC (grey) and #660000 (maroon).

Colour Wheel Primary Colours

Secondary Colours Tertiary Colours

Complementary Colours Analogous Colours

The other 4 icons came from using

the colour wheel. I noticed that

green was opposite my maroon colour so I tried working with green. I then used 2 shades of maroon/red to try

an analogous colour approach. I used a yellow/

green colour with a red colour and that also worked

well.

#CCCC99 #993333 #993333

#993333 #993333 #660000#99CC99

#CCCCCC

Monday, 23 June 2014

Page 12: Presentation icon pdf

Final IconMy final icon came from

the nice colour comparison I had with the cream and

maroon colours. I felt thatthe cream in the other trywas a bit too strong so

I went down a shade.Personally I really like this new shade, it compliments the helmet well and

gives it a nice modern matt look.

Monday, 23 June 2014