• Video Showcase
  • Description:

A brochure for my arcade company Attract Mode.

  • Process (Programs, Tools, Skills):

I actually really enjoyed this project. I knew I wanted to continue with the theme that I’ve been working on for most of the semester and decided to do it for Attract Mode. I started off by searching for pictures that would display the kind of arcade atmosphere I was after. After that I had to find the perfect background. I’m also really fond of the fonts I used. They really evoke an old school feel. The toughest part was clipping the arcade cabinet in the bottom left corner.

  • Message:

I was trying to get across that no matter who you are or what kind of arcade experience you’re seeking, you could find it at Attract Mode.

  • Audience:

Arcade fans young and old. Seasoned vets and newcomers alike.

  • Top Thing Learned:

How to effectively clip an image. Tough stuff.

  • Color scheme and color names:

There are way too many colors going on here to nail it down to just a single color scheme.

  • Title Font Name & Category:

pokemonGB – decorative.

  • Copy Font Name & Category:

earthmomma – decoravtive.

  • Word Count:

284

  • Thumbnails of Images used:

arcade pic 4arcadepic2arcadepic1 ninjagaidencab

  • Sources (Links to images on original websites)

http://commons.wikimedia.org/wiki/File:Dave_%26_Buster’s_video_arcade_in_Columbus,_OH_-_17912.JPG

http://arstechnica.com/gaming/2013/09/the-gaijin-gamers-guide-to-tokyos-thriving-arcades/

http://ispeakcomics.wordpress.com/2011/04/01/why-fighting-game-stories-lack-substance-round-1/

http://www.google.com/imgres?imgurl=http://www.hardcoregaming101.net/ninjagaiden/arcade-1.jpg&imgrefurl=http://www.hardcoregaming101.net/ninjagaiden/ninjagaiden.htm&h=1111&w=850&tbnid=vtTDil8xpaiGxM&zoom=1&tbnh=257&tbnw=196&usg=__pVIMLMZWm37ubXF7caUgVnse7Gk=

 

Advertisements

Project 7: Webpage

attmodeHTMLactivity

Description:

This is a webpage I designed to showcase a logo I designed for Attract Mode Arcades.

 

Process (Programs, Tools, Skills):

This was all done through HTML and CSS. It took quite a lot of doing and was pretty confusing at first. A stray ” left most of my text a giant link and I could not figure out why for the longest time. I guess like any new language or skill, the longer you use it the more proficient you become. I altered the sample HTML from the bee one provided and made it fit with my design.

 

Message:

I wanted to display the logo I made and a website is the perfect way to do that. This is aimed at anyone who enjoys going to and spending time in arcades.

 

Audience:

Anyone who enjoys going to or spending time in arcades.

 

Top Thing Learned:

How one little mistake or misplaced line of code can ruin the rest of your HTML and completely throw things off. You need to code very carefully.

 

Color scheme and color hex:

 

Complimentary:

 

Electric Blue: #0892d0

 

Yellow: #ffff0000

 

Black: #000000

 

Title Font Families & Category:

Verdana: Sans-Serif

 

Copy Font Families & Category:

Times New Roman: Old style.

 

Changes made to the CSS

I changed the text in the body, the linked logo and the colors of the background, text and border.