Final Designs

Here are some final outcomes to my designs. Starting with the opening page. Here I used the title BALLOONS RUN! because these are evil balloons and you dont want to hang round them. Followed by an image of a sign which shows a man running away from balloons for an illustration of what the app is about. The next page is the homepage where you can see 6 different buttons to click on. Each button has a icon on with a hint of red to make them stand out. Again the logo is displayed at the top of the screen. Next is the info page. The logo is displayed at the top with a little edit of the word run to the word info, I have done this with the rest of the pages. below i added an image and text about the balloons. And if there is more text then an arrow to go down the page. Also this page you can see the nav bar at the bottom. I coloured the bar red to stand out and the icons are black and white. I added a home icon to take you to the home page and then the same icons on the homepage for each of the other pages such as Chat, Tools and so on. The Map page I used a normal google map image and added a blue GPS dot to show where you are that pops up when you press the blue arrow. and lastly a search bar is on the page. The normal map was too colourful so i erased the background and make it darker to fit in the theme.

Next is the chat page is for users of the app to use when in the geocache area to leave messages from one another. here you can see speech boxes and a box to type your own message if you wish to. Next is the tools page. Here you can add in all the tools you need to have to go outside. after adding an item you are able to then tick that box so you can see what you have and what you need for yourself. The next page is the news page. This shows latest news and top news to do with everything related to the balloons with many different articles. And lastly is a compass this just shows you which way is north so you can find the way home if you happen to get lost. These pages I have placed together to follow a theme to suit with the whole idea together

 

Photoshop Collages

Screen Shot 2015-11-16 at 12.47.45collargeballon

Today in class we made Colleges for our powerpoint page. Starting off the class we all had random pieces of paper and newspapers. We then looked though the pages to see what we can create. For mine I had an image on Swanage that i cut up and placed incorrectly on the page. I then had two heads and a woman that is wearing camera parts as an apron. This work wasn’t my best and i really didn’t know what I could have done. I then moved to making collages on photoshop. I like photoshop more due to not making a mess and getting sticky. For the photoshop collage I placed a balloon on the page to match the work I am already doing. I then added the brain in the balloons head. Then topped it of with glasses and a bow tie to make the balloon look more human. But the balloon is evil so i wanted to add blood and a knife. Lastly I then wanted a sky where I cut up the pieces of a photo and placed them on a page randomly and did the same with the grass. And to finish it of I then coloured behind it to add more different textures in the work.

landcolballScreen Shot 2015-11-16 at 12.39.44

Lastly I thought the powerpoint is going to be landscape so I need to make my image the same. I then redid the image and i like how it looks but it looks too… Happy? like this is a murdering balloon not a kids TV presenter I need to make him more scary. I then changed the grass and sky to night time but this don’t look as nice and still looks happy. But I still prefer the first collage I made and apperently somehome I need this to say that this is my app… but how exactly I am unsure

Updated App Designs

Screen Shot 2015-11-15 at 13.57.47Screen Shot 2015-11-15 at 14.52.35Screen Shot 2015-11-16 at 13.30.48  Screen Shot 2015-11-16 at 13.33.01Screen Shot 2015-11-16 at 13.35.04

Looking at my app homepage I thought It looked too… over complex and not really nice to look at. I then changed the icons for the map and also taking out the randoms colours as they really didnt go. after this I thought the page was a bit… Black and white. This went thought all my pages so i thought I needed to add some read to each of the pages. I then built  the Tools page. This is a checklist to make sure you have items on your trips out in town. This is just a simple page with boxes to tick and text boxes to add what you may need. Next page to do is the weather. I thought the weather isnt that important and thought a compass app would be better and more useful in a balloon survival app. I made this by looking at a real compass but making it tie in with the design as well. Next is the chat page in which others who have visited the geocache can add comments and thoughts that may be going though there minds at the time. Finally I went back to the homepage and added more colour like i did on the other pages just to make it more appling and nice to look at. I really like it this way more. Again I changed the nav bar and the icons so the fit nicely and not all crunched up on one side.

App Delepmentry

Screen Shot 2015-11-13 at 12.25.42 Screen Shot 2015-11-13 at 12.25.59 Screen Shot 2015-11-13 at 12.26.10

From the drawings I made yesterday in class I just thrown together a few designs for what I want it to look like… I love the homepage and like the icons but the maps one dont work as a icon down in the nav bar so i think i need to change that. but im sticking to a black and white theame with the hint of red in it. Next i need to work on info page  in what needs to be said. The maps page dont really fit in with the rest of the pages also so need to look into some more ideas i can do. Lastly need to design a better home button for the nav bar as the current one was fastly done and dont look any good

Swift #6

Screen Shot 2015-11-12 at 10.25.30

Today in class I worked on making some code using alarmofire and swiftyJSON this was So I could include some features like the weather. After importing the correct kits I was then able to work on displaying the weather. after adding the functions and all I was able to change locations to see what the weather was doing at the time. this was feeded to me though a website. I then wa able to make it display on the iphone screen when adding text boxes so they display them for everybody to to see. this includes a discription of that the weather is doing along with wind and temp

Screen Shot 2015-11-12 at 10.14.27 Screen Shot 2015-11-12 at 10.14.57

below is the code you need to add with the new IOS9 software due to being needed to have a secure website within their apps. This is a good thing for the safety for all of the users.  
Screen Shot 2015-11-12 at 10.10.25

Seminar Workings

12227918_994739980599347_215617666_o

Today in class we was asked to answer the 5Ws and a H… We had to answer them using the person who finds the geocache. I have chosen Ariel Who has a fascination in mystery so all that is happening in the world she is finding interesting and wants to learn more. Earlier today Ariel came across this new app called Balloons Run, Unsure what It was she downloaded it thinking it would explore more about these balloons. However the app wouldn’t work and unsure why. Later in the evening Ariel started to watch the balloons and observing them, This really interested in this. The balloons see her spying on them and start to float towards her. Ariel then runs away from them towards the beach and approaches the bridge to hide undercover from the balloon mafia.

12248515_994739963932682_934093800_o

Then I moved onto creating a storyboard quickly, We only had a minute to draw in each box (so excuse the bad drawing). This shows the story of Ariel running under the bridge and feels her phone vibrate and Bing really loudly. Ariel then takes out her phone to a notification. She then accepts and opens up the app. The app loads up and she then can see this app different functions to do. She then walks out of the geocache area and the app disables and don’t work anymore. She then has to walk back in order to use the app.

12250577_994739940599351_508281589_o

Here I have planned what the pages could look like, One being the home screen I had already thought off. then a main page that leads onto another page with all the apps on it. You then can go from this page to all the other pages. such as the info page all about the balloons and why they are hear in the world. Next is maps for where you can see balloons are currently. then a checklist to what you need to help yourself agains the balloons. (tin hats included) then latest news just about the balloons. Chat from other people using the app and have been in that location just to keep people up to date. lastly the weather. I not do all these Ideas but just experimenting with ideas I could do.

App Designs Updated

Coming To a conclusion to make a Balloon Survival App. This is the app left behind to warm people in 10 years time to beware of what is about to happen. This app will help them live and survive in this new world.

Screen Shot 2015-11-12 at 00.10.46Screen Shot 2015-11-12 at 00.10.28Screen Shot 2015-11-12 at 00.09.56

After the photoshop sessions It has inspired me to make up some of my mock ups from my other drawings. I started with The Abandon Field one. I started with the background and added a nice grey gradient then I started to work on the grass. I added a few layers of grass and then out lined and smudged it to make A nice effect. I next moved onto the Danger type in the top corner to then finish of with a broken pole in the field. Then Lastly I looked at the page and thought It was missing something so i added the word DANGER! To add some colour and some more understanding to the page. This is meant to be a post apocalypse sight after all has taken over the world and this is how it is expected to end up in the world.

Screen Shot 2015-11-11 at 20.50.26 Screen Shot 2015-11-11 at 20.50.40 Screen Shot 2015-11-11 at 20.50.58 Screen Shot 2015-11-11 at 20.58.20

Next Idea I kept to the same background but a little darker. I then added a title on the tope of the page called Balloons RUN! This is a warning as well as the title for the app Maybe. I then added a traffic sign like thing with a man on it running away for balloons as this makes you aware what may happy and keeps you alert. I like how minimal this title page is yet it is effecting and I like how i used the smudge tool on the  signs to show they are old and just makes a good effect.

Screen Shot 2015-11-12 at 00.14.25

Final of both designs so far…

Swift #5

Screen Shot 2015-10-29 at 09.31.48Screen Shot 2015-10-29 at 09.39.16

Today I made the code so that there could be a little navigation so i added some cocordinates going from on to the other so it looks like somebody is walking from the gardens to the beach and then to Boscombe. I could then see if i am entering or leaving an area but the user would never know so instead I added images to show the user either Bournemouth or Boscombe pier depending where the user is at that time. This is a nice display a as well as a useful feature for an app.

Screen Shot 2015-10-29 at 09.31.21

Screen Shot 2015-10-29 at 09.54.08Screen Shot 2015-10-29 at 09.55.29

App Design #2

Screen Shot 2015-11-09 at 09.12.12More app design today, So we started with a new photoshop document that was 750px X 1334px to represent the size of an iPhone 6 screen. We then made that background a simple gradient. I then added the status bar at the top of the screen to indicate the time, charge and signal on the phone. After this we moved onto making buttons to sign up and log in. Here I just used some simple rounded boxes and made them a little transparent so you can see the colour behind them. I then added the lower 30% of the box a darker colour by selecting that about i wanted and filling in the selected bit with a barker colour to add a flat design look to it. Finally I then added text in the boxes to indicate what they will do. After this I then made a little nav bar at the bottom while waiting for the class. I did the same as the buttons and made a white rounded box and then made it transparent. I then just added some simple useful buttons that could be used to waste some time. I then got back to the log in button where I made it have a drop shadow. I then thought to change the colour so they stand out a bit more as these where the only buttons going to be on this screen so I wanted them to stand out. With the colour change I changed the text back to white so it was easy to read and added an embossing to the buttons and finished it off with an Apple logo. Finally made it all central and look neat.Screen Shot 2015-11-09 at 09.39.52 Screen Shot 2015-11-09 at 10.09.22 Screen Shot 2015-11-09 at 10.09.13

It then came to making a second page in which I then stole my Nav bar from the first page as it wouldn’t be needed untill you sign in and then placed it at the bottom of the page. (Please note that I used some diverse symbols for the buttons just to show what they can look like. I do know they make no sense together) I then added a Giant Snail! because why not and again made it have a back shadow with a transparency and embossing to stand out more. We then placed the images onto a phone to make it look real. With time to spear we then was asked to make a Map. I then went ahead and got a map from google and pasted it in. Again added a transparent box at the top to make a Search bar. I used apples more symbol or options and the magnifying glass. I then added the tool bar at the bottom again and to finish it of a button to find you r location. After I tidied it up I then placed it on another phone next to the others. Here shows some pages that you can quickly design for when it comes to creating my own.
Screen Shot 2015-11-09 at 10.43.44

First App design Ideas

Screen Shot 2015-11-12 at 00.32.03

Here I placed together some ideas in a mood board on what could be included in my app. Looking back on my mind map what Ideas I can do for my App I have chosen to look into designing a Balloon Survival Kit App.  Chester Clark thought he must inform the world of what BetterLivingCo are going to release into the world. So Chester has made this app to help people survive against the EVIL BALLOONS!!! The app will hold pages such as maps, check lists and so on However for now I will work on the Title screen which will open up when you come in range of the geocache. Below I drew up some ideas what the app could look like. I want something simple and nice to look at. Maybe using Black and White With one additional colour or two. I want the screen to symbolizes what the app is about and also look visually appalling

Screen Shot 2015-11-12 at 00.31.50