Game UI

 

In Blackout, players must traverse the barren city streets to try and piece together what transpired on the night of The Blackout, avoiding the ominous and mysterious drones that now populate the streets.

The title card shows a silhouette of the setting of the game, the city without a name, in front of a dark red sky. This is a reference to the overall atmosphere of the game itself – bleak and shrouded with mystery. The color palette of the game also reflects this.

The next image shows the game in play. The black bar on the bottom is reserved for the number of lives (self explanatory), and the danger bar – which indicates how close to being spotted by a drone the player is. Once the danger bar is full (and the “DANGER” text and bar itself begin to glow red), the player loses a life and must return to the last checkpoint.

The color palette of the game, as previously stated, is meant to reflects the overall feel of the game. A lot of black, gray, and brown are used in the background and all “non-essential” entities. Any bright colors, red and blue in this image, are to signify an entities importance. The clothes of the player and the red monitors on the drone help these particular entities stand out, and the blue paint of the car, all help these entities stand out (the car is significant because approaching and tapping it unlocks a clue, which the player could then follow, or ignore entirely).

Font: FFF Forward

Character Design

This is the player character/protagonist for a game involving hiding from the sight lines of the enemy characters – aerial drones. The setting of the game is the streets of a mysteriously abandoned city, and the player character, a lanky, unintimidating adolescent, who is running late to school. The player would have hide from the drones as they navigate through the empty city streets, trying to piece together how exactly this came to be. Though they cannot fight, they can use any obstacles and tunnels to try and hide from a variety of different enemy drones until they reach the final objective.

Responsive Website

https://drive.google.com/open?id=1BkGzwhHfku-pEpkIekwMLkG9-JsTg_Dx

 

I learned some very valuable things from this assignment.

  1. Image maps don’t work well with responsive designs
  2. I hate Dreamweaver

Animation

Google Drive link: https://drive.google.com/open?id=115KYkNU0ZkS_mcs2Apc78qfjM-heKLGu

Splash page for a band’s website. On click, for purposes of the assignment (and because, well, we don’t have a website), it redirects you to this website.

Icons

 

This is an icon set that could be used for a potential band website. The colors I used for this are the colors that represent my band, however, anybody could easily change the colors as they deem fit.

The first icon is an attempt at the classic home button – just a pretty simple house shape, not much to be said about it here.

The second icon is a vinyl disc coming out of its sleeve. This is meant to represent a discography page of the website where users can purchase/download all the music made by the band.

The third icon is supposed to be a group of people all huddled together. This is meant to represent a social media page, with the color of each shirt of the alleged people is corresponds to the big social media platforms that a band may have (in order from left to right: Instagram, Facebook, Twitter, and YouTube). I believe that since these corporations are so prominent in the lives of young people today that even by just looking at these colors grouped together in the context of a website people are going to know what it means. The icon does, however, kind of lose a lot of its meaning without color, however, I still believe that it at the very least evokes enough of a feeling of community and society that users will understand what it means.

Lastly, the fourth icon is an interpretation of the classic “information ‘i'””. This is meant to represent the about page of the band, where you can learn more information about it, such as tour dates, lyrics, bios, etc.

Typography

The modern day pop punk scene is the unholy intersection of nerd culture, emo culture, and stoner culture. Being as this is the band’s “main point of entry”, this typography is designed to appeal to people in all three.

The design of the typography itself is inspired by the original poster for the 1936 film “Reefer Madness” – and anti-marijuana film that has sustained a cult following who view it as a satire. This is a pretty obscure reference, but luckily, the original poster was hand-drawn, so the fonts used kind of resemble some comic book fonts that are available today. This attracts the comic book crowd, the primary component of nerd culture, who are drawn to this genre of music. The subheading at the top is meant for the people who were the emo kids in highschool, the people who make up the majority of the fanbase. It says “Women jam to it – Men also jam to it”, and who loves to jam more than former emo kids, who’ve spent their adolescence jamming, and haven’t had the opportunity to since.

Speaking of the subheading – on the original poster, there was one that read “Women cry for it – Men die for it”, the “it” obviously referring to marijuana. I thought that this dated phrase could be construed as kind of sexist, and that saying this about a band would be too much, so I settled for something that promoted equality and the overall feel of our sound – “jamming”.

Fonts used:

Super Comic from dafont.com

Avengeance Mightiest Avengers from dafont.com

Logo

This is the logo for a band that me and my friends are in the process of making called “yeahman”. The design inside of the circle was created by a series of triangles configured in such a way that it produced a “Y” and an “M” – an initialism of the band name and the affirmative it’s named after – in the negative space between them.

The two main colors – purple and green(ish) – are a subtle call back to the hippie ethos of “peace and love”, while at the same time maintaining the identity of the band itself. Purple and green are two colors that can inspire both positive and negative feelings – purple invoking creativity and ambition, or obscene luxury and pride, whereas green invokes growth and prosperity, or envy and illness. This duality between negativity and positivity  is reflected in the very design of the logo as well – the colors are sort of relaxing, pastel colors, while the logo itself is rigid and intimidating and, as the black and white version points out very well (in my opinion), kind of bad ass. It looks like the insignia of the bad guys in a Pokemon game. Being a modern pop punk band, this is how ‘yeahman’ is supposed to feel – it’s energetic, fast paced music is grated by the raw and emotional lyricism.

All of this is encased in a circle to represent what music is all about – community. Between musicians, and fans, and supporting staff, between the negative and positive – the circle ties it all together…

 

Also, it’s going to look sick on the head of the bass drum, which is pretty important.

Hello world!

Welcome to your brand new blog at SB You: Web Publishing for You.

To get started, simply log in, edit or delete this post and check out all the other options available to you. Consider joining the Stony Brook SB You user group on Yammer.

For assistance, visit our comprehensive support site and check out our Edublogs User Guide guide.

You can also subscribe to our brilliant free publication, The Edublogger, which is jammed with helpful tips, ideas and more.