• Practical Skills for Graphics Design: Web Technology

     Adapting Your Design for Web Deployment

    For the website adaptation of my companion app, I changed around the order of things. Firstly I changed the over lay from my app to the bar on the left. This will always be there and has the same buttons as the apps overlay. The website also has its home, news and store icons on he right side. I have put a box around each side to make it clearer to the user that they are separate sections. These are my home, store and news pages. Apart from the icons and pop out being switched to the side, the pages…

  • Practical Skills for Graphics Design: Web Technology

    UI Prototyping for Mobile Application

    Here is my high fidelity outcome for my companion app. This app is made for a game company I created ‘Goodtek’. The purpose of this app is to have all of the companies games in one to make it more convenient for users to check game progress, updates and more. Here are the first two pages of my companion app. The first one is a log in page that allows users into their accounts, at the bottom of this page there is also a create new account button for new users. The second page is the hope page that shows…

  • Practical Skills for Graphics Design: Web Technology

    User Flow and U.I Wireframing

    Here is the wireframe for my companion app, I wanted to make a simple lay out with clear buttons so users will have a better understanding of the way my app works and avoids confusion. The majority of my wireframe is creating buttons that take the user to the selected page. Here is what my app looks like in the low fidelity stage. Here I added buttons with the names on that will be icons in my high fidelity outcome. Another key part of my design is the pop out overlay. This gives users more options without making the home…

  • Practical Skills for Graphics Design: Web Technology

    Design and Research

    My mission with this project is to create a companion app that allows users to check their progress in their favourite games. It will also allow users to buy new games, check on updates and even allow them to see sneak peeks of upcoming games. This app is useful because it allows users to check on games from anywhere without needing to boot up a console or pc. Initial Ideas Here are my ideas for features the app could have. I think these will useful because alerting users that the game is down stops them from going to the trouble…

  • Development Log

    Typographical/ Branding Graphic Standards

    These are the brand standards for my project, which is advertising the aquarium I made, Ocean Wonders. Typography Logo These are the brand standards for my logo for my aquarium, Ocean Wonders. What my logo should look like in advertising. This is how my logo should look. The two words in this logo should always be stacked on top of each other. This light blue is also the staple colour for the logo and should not be changed unless it is over a similar shade of blue background. The logo must never be in another font than Gill Sans Ultra…

  • Development Research Blog

    Typography

    The subject I’ve chosen for this project is Aquariums. I have chosen this as my subject because I really enjoy going to the aquarium as I love sea creatures and find it calming. In this post I’m looking specifically at aquarium logos, how the graphic designer has used certain techniques to enhance the design and make it eye catching and therefor the viewer is able to instantly understand what it is advertising/representing. Good Example (Figure 1) A good example of typography Here is an example of a good typography and use of images to make it stand out and clearly…

  • Development Research Blog

    Conceptual design

    Good Example (Figure 1) A good example of conceptual design Here is my example of good conceptual design. The bottom of the ‘Q’ looks like a wave, just like the North Carolina Aquarium logo I used as a good example of typography. The word aquarium is bigger than the location as it is the most important part to see, especially when people are walking past. The logo is also simple which makes it easy to understand.  The reason this is a great example of conceptual design is because the I in the word aquarium doubles as an eye for the…

  • Development Research Blog

    Composition

    Good Example (Figure 1) A good example of composition This is my example of good composition. This is a poster for the Vancouver Aquarium advertising their shark exhibition. This poster is a good example because it’s simple in it’s design but tells the audience everything they need to know. The main focus of this poster is the shark in the middle, I think it’s more effective that there’s only half of the shark on the poster, this is because it looks like it’s swimming past just like you would see in an aquarium. Another great thing about this poster is…

  • Development Research Blog

    Colour

    Good Example (Figure 1) First good example of colour (Figure 2) Second good example of colour This is my good example of colour used in advertisements. These are posters to advertise a new exhibit at the New England aquarium. In these posters they use contrasting colours to catch people’s eyes and make them want to visit. The first poster shown uses a pastel blue background which could represent the water in the tanks at the aquarium. Then the sea creature is in a bright pink which contrasts the blue background well. The sea creature being bright pink also draws the…