Graphics Project 3 Evaluation

  • I think my finished wireframe meets my specification well.
  • If I were to improve on it I would come up with more ideas of how I can make it more approachable to younger people.
  • What I didn’t like was that there wasn’t many charities I was interested in so it was hard to come up with one and ideas that would follow up on it
  • What I did like was that I could come up with any design I wanted which I thought suited the charity.
  • I didn’t spend enough time on this project. I could have come up with some more wireframe ideas.

My Charity Wireframe

wireframep3

This is my wireframe created for the charity, British Legion. I used a video so it is quicker and more engaging to teenagers. I used sharing links at the bottom to popular social media sites so it is more likely younger people will get involved. I also used simple navigation on the page so people can access it quicker, and since the younger generation are more likely to use mobile devices, they can use them faster and easier, so I created the site on a mobile platform. What I don’t like about this wireframe is that the text at the top is unclear. Perhaps, if I were to to approach it again I would improve it by making clearer text. I kept to my ideas by keeping the wireframe simple.

British Legion Webpage

screen-shot-2017-01-10-at-12-15-49

The British Legion webpage is an awareness page about the support they give to the families of army veterans and current soldiers. They have the famous poppy appeal which is held on 11th November every year and regularly hold fun raisers.

The colours used on the page are red, white and black. The reason being is because red is the colour of the poppy which they’re known for.

For my page I will present the British Legion to a younger audience, under 18s, and help them understand what the charity is about and what it means, and why it is so respected. To do that I will have the page in a comic book style and use many illustrations.

Web Design Key Words

Responsive – A web design approach aimed at crafting sites to provide an optimal viewing experience – easy reading and navigation with a minimum of resizing, panning, and scrolling – across a wide range of devices, from mobile phones to desktop computer monitors.

Static – A webpage with fixed content. They are the most basic type of website and are the easiest to create. Unlike dynamic websites they do not require any web programming or database design. A static site can be built by simply creating a cew HTML pages and publishing them to a web server.

Dynamic – Webpages that are generated in real time. These pages include web scripting code such as PHP or ASP. When a dynamic page is accessed the code within the page is parsed on the web server and the resulting HTML to the client’s web browser.

Progressive enhancement – A strategy of handling webpage design for different browsers that are lacking in modern support.

Resolution – The number of pixels contained on a display monitor. DPI stands for dots per inch. PPI is pixels per inch.

Rollover – A button used to provide interactivity between the user and the page. A mouse action will have to be set to either “click on” or “mouse over” in order for the rollover to be triggered.

Server and client – A program that uses HTTP (hypertext transfer protocol) to serve the files that form webpages to users, in response to their requests, which are forwarded by their computers’ HTTP clients.

URL – A URL (uniform resource locator) provides a way to locate a resource on the web, the HTTP that operates over the internet. The URL contains the name of the protocol to be used to access the resource and resource name. The first part of a URL identifies what protocol to use.

UI – The UI which stands for user interface is about how the product is laid out. It’s also about how the user interacts with each screen or page.

UX – UX stands for user experience and it is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and product.

Accessibility – The inclusive practice of removing barriers that prevent interaction with, or access to websites by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.

CMS – CMS stands for content management system and it is a software application or set of related programs that are used to create and manage digital content. Content management systems are typically used for enterprise content management (ECM) and web content management (WCM). An example of a CMS is WordPress.

Framework and library – A package made up of a structure of files and folders of standardised code (HTML, CSS, JS documents etc.) which can be used to support the development of websites, as a basis to start building a site. The library is a collection of design elements that appear multiple times across a site.

Wireframe – A visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.

Content hierarchy – How the content of a website is arranged and categorised. This can be visualised as a family tree where the home page is the single common ancestor which all pages are related to. It forms the core structure of a website and affects everything from design to navigation.

SEO – SEO stands for search engine optimisation and it is the process of affecting the visibility of a website or a webpage in a web search engine’s unpaid results – often referred to as “natural,” “organic,” or “earned,” results.

Design patterns – A general repeatable solution to a commonly occurring problem. A design pattern isn’t a finished design that can be transformed directly into code. It is a description or template for how to solve a problem that can be used in many situations.

Analytics – The systematic computational analysis of data or statistics.

Graphics Project 2 Evaluation

  • I think my final logo for this project is very creative
  • If I were to change anything about the final logo I would make it neater
  • I think my designs and planning helped a lot to get my final logo. I had many drawings and brainstorms in my log book
  • I think I spent enough time on this project
  • What I liked about this was that I finally got used to the program I used, Photoshop, so I managed to create a decent logo
  • If I were to do this project again I would try and create my final logo again so it would be neater, I would also try and use less vectors

The Logo History of Google+ and Xbox

Here are the Google+ logo’s. The first Google+ logo had many colours though there was not much detail. What’s good about this logo is that it has simple shapes and there is minimal detail. The second logo is a much better recreation. It had got rid of the multiple colours and it stuck to one, red. What’s good about this is its simplicity and shape. The most recent logo is an even better improvement as it’s more unique and doesn’t have the common google feeling, it makes it feel independent.

screenshot_2016-12-11-18-14-56-1.png
screenshot_2016-12-11-18-15-06-1.png
screenshot_2016-12-11-18-15-41-1.png
Here are the Xbox logo’s. The first Xbox logo was dark and didn’t use colour well. The second one was an improvement, it got rid of the black background, it has a much better composition. The current logo is at its best. It looks very professional and has used colour very well, same with composition.

screenshot_2016-12-11-18-20-14-1.png

screenshot_2016-12-11-18-20-35-1.png

screenshot_2016-12-11-18-20-57-1.png

Graphics Project 1 Evaluation

I think my final design is very good considering my knowledge of the programs used to create it. If I were to change my final design I would try and work out how to make my business card look a lot more black and white. I am happy with my end result because it is attractable and I am happy with my ideas because I have thought and developed them carefully. I think my analysis of work is good as I have put a lot of thought into making my business card look elegant. I think I spent the right amount of time working on the design. What I like about the project is the developing stage for creating the business card, sticking to one adjective for my design was very fun and allowed my creativeness to express itself more as it had to work a bit harder. What I didn’t like about the project was the program used to create the business card. I have struggled a lot with Photoshop in the past and working on it for my card was difficult for me. I find it to be too complicated. If I were to do it again I would try and get to know how to work Photoshop a lot better. I could write commands down so I can remember how to use it. I think my final design did work out in the end. My business card does look like it was supposed to, elegancy.

Logo Mockup

The first thing I edited was the Xbox logo which was already on the controller. I removed that by selecting the rectangular marquee tool and highlighting the area which I wanted to remove. Then I went to transform and changed the scale of the selected area. This meant that I could reshape the area over the logo.

Here are some screenshots of my logo making it look realistic on an object which best suits the logo. I added a duplicate of Layer 0, which was the controller and edited it. With each copy of Layer 0 I added an effect. For example I used screen. With the bottom two screenshots I could change the opacity and the fill. The opacity controls the transparency and the fill changes how much of the selected colour is in the effect. I also added noise to my logo. The noise controls the brightness and colour information in the image.

I had a few ideas, including a t-shirt, laptop and a keyring, but I decided to go with the Xbox One remote because it helps show how my logo is represented as a video game professional. The Xbox One remote is the most popular style of controller for gaming. There are also some screenshots which showed my idea for where my logo could be placed.

screen-shot-2016-12-06-at-11-48-27

screen-shot-2016-12-06-at-11-53-32

That is my final result.