After first sketching out some idea’s for my app design I began to develop them from what the suspected target audience liked and what I thought would work best as a design. So my first step was to create basic but functional designs that portrayed the purpose of the app, I began this with some basic sketches and thinking, which later led me onto my final 7 designs which I will be designing in Adobe Illustrator using a basic Icon Template.
My template for my apps was very simple to design, there were only 3 components really the outer box, the shadow box and the bottom type, something that I already suspected with the type was that the kerning was different, the spacing between the apps title type was different from standard, this was probably done to save space. I already guessed that the type face was going to be a form of Ariel, which it was, it’s the Ariel, bold with the letter spacing set to -45, this was relatively a lot easier than I though it was going to be. Now that I have a basic template done I can begin to design my app icons.
I am unable to take screenshots at the moment so here’s a step by step of how I created my basic template:
1. I first took a screenshot off of my IPhone which has a basic app I can copy the shapes and dementions off of.
2. I created the outlines for the apps 2 components for now.
3. I couldn’t find a way to remove the sections of the shadow box that I didn’t want, so after filling the background box with the 2 colours I put the shadows box outline down to 0 pt, which removed the line but kept the boundaries.
4. lastly I inserted the bottom text in and changed the typeface to Ariel, Bold, Size 25 pt, letter spacing on -45.
After this development process I am going to design for the App page design, which I am going to do for the Thermometer, I want this app page to feature the same colour scheme that the app icons do and I also want it to be in the same style as the icons to keep the design constant.