Tag Archives: app

New Website Have A Look

So basically when I was doing my HND we had a brief to create a website for ourselves, overall I wasn’t happy with this at all so I have taken it upon myself to create myself a more professional site, in which possible clients etc. can contact me on and look into myself abit more.

I will be updating this site all the time and it isn’t 100% yet, I have a lot more planned.

So if you get a chance have a look on: http://alexrichardson93.wix.com/alexrichardsondesign

Any questions or know how contact me on either the new site or via here!


Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Starting my Design’s

After designing my template for my apps I began to develop them and this is where I began to struggle, I just didn’t know how to achieve what I had In my head, at first I wanted to incorporate a carbon fiber pattern into the apps background but this didn’t work out because whenever I placed the image in my orignal shape changed and I just couldn’t mange to keep the shape and the texture, so I went onto the internet for more inspiration. I began to look at other possible patterns and textures that I could either use or replicate, I looked at galaxy patterns with all of the vibrant colours, cloud textures and even tie dye cloth for inspiration but none of these translated into my designs well enough to use.

Space Image that I wanted to use in my App icon Background’s.

Sample of the cloud Texture.

Tie Dye Sample.


So basically there were to different outcomes for my Barometer design, the first features the coloured object that I wrote about before but the background is a 3 layer combination of various gradients and opacity settings, this took me a while to get right and after I though this is what I wanted my app icons to look like but now that I look at it again I prefer the bottom design which is basically the same but the colour is the background instead of the silhouettes.

Design 1:

Picture 7Design 2:

Picture 3I think the fact that I app Icon will be so small really affects the way the apps will be seen, so changing the background to coloured variants rather than all the apps having the same background will look better, I have forgotten to take a screenshot of the shadow addiction I added to the top of the icon to break up the background a bit, this is featured of a lot of IPhone apps I have found out.

Picture 11This screenshot show the top half shadow I mentioned.

At another glance the solid white on the Messages App Icon isn’t solid It has a slight gradient, this is something my apps were missing, without this they will look flat like the do at the moment.


Tagged , , , , , , , , , , , , , , , , , , ,

App Icon Development to Final Stage

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.

app 1

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.

Tagged , , , , , , , , , , , , , , , , , , , , , , , ,

Initial Sketches

So I am now at the designing stage of this project, I have done enough suitable research into app designs to start my own initial sketches for my own apps. Using what I learnt in my research I sort of knew what style the apps were going to be a roughly the colour schemes, the app icon will be simple and clean, I am going to try to design basic images which still translate into what the app is, I want the designs to be pretty monotone with little colour, In design the apps like this I hope they will keep to my design premise of simple and clean designs, but on the other hand bright in your face coloured designs could be the way to go but I will figure all of this out when designing my apps on the computer after my Initial Ideas and development.

IMG_0279Above is a screenshot of my initial sketches, I started with basic grids and began to sketch from my head and what I have learnt and seen in my research,  there is one app design that Is featured through out my designs and that is th initial icon design, the only problem with this design is they may be to simple and the anemometer and altimeter will have the same initials.

The next stage in my design process will be to pick 2 or 3 designs from each grid and develop them possibly further and see how they work as a set rather than just single designs.

Target Audience:

In my mind the target audience wouldn’t possibly be people my age (20), I would say that they would be possibly 30 to 60 so with this in mind I did a quick test using my parents, I asked them to pick out the design they though best captured what the actual app is just through the icon design:

IMG_0279 - Copy copy

So I went onto Photoshop and marked out which ones my parents chose whenI asked them which ones they thought best represented the app just through the icon, I was shocked about some of the decisions but this gave me a slight insight into their semiotics, surprisingly they chose some 3 of the same icons, but most of them I would choose.


Tagged , , , , , , , , , , , , , , , , , , , , , , ,

IPhone Screenshot

Basically in my previous post I wrote that I was going to take some basic stock screenshots for my final presentation and that is what I have done, I removed all of my personal apps and replaced them with the standard stock ones at the bottom and removed all of the apps on the top section, this is because I want room to put my new designs.


I decided to use a basic pre-installed background for my screenshot, I might possible change this image depending on the app colours, which I have yet to decide, Below is just a quick image of the IPhone shell with my screenshot In the middle.

iphone-4s-basic copy

App Research Idea:

One thing just to mention is that I have noticed that a lot of apps feature a half shadow on the app icon, the phone and music icon above features this, the top half is like a half of a circle, this is something that I could use in my app designs?

Tagged , , , , , , , , , , , , , , , , , , , , , , , ,