AD3631 Development

[typpo-blog]

This is the final Newsletter design, which is the first time I've ever looked up cat photos that wasn't procrastinating.

[typpo-blog]

In all of these comps I've been using a nifty little web font called Oleo Script, which can be found with a quick search on google web fonts.

[typpo-blog]

The final designs for the Smartphone mockup/comps. Focus here is on usability. I tried to keep picture to a minimal to put less strain on the data plans.

[typpo-blog]

These are the final comps/mock ups for the PC.

[typpo-blog]

Here are the tablet comps/mock up for the tablet.

[typpo-blog]

Part of the project includes a newsletter design. I though these were really nicely done.

Volunteer Park Cafe

Theory11

Arts Creatives in Education

[typpo-blog]

These are the wireframes for the Foul Play Books redesign project. There are four pages: The Homepage (Events), an About page, a Contact page, and a Cats page. We have 3 devices we need to present them on. At this point, it's mostly finding the most efficient way to organize the information for the different devices.  

[typpo-blog]

I've been working on different logo typeface combinations for Foul Play Books. I'm trying to create something slightly whimsical, but with the dignity befitting a bookstore.

[typpo-blog]

There are a lot of really cool responsive sites out there. Specifically I thought The Maryland Beer Festival, The Clean Air Commute Challenge, and Mr. Simon Collison were all especially well done.

[typpo-blog]

Our assignment for Project 6 is to redesign Foul Play Books, a local bookstore dedicated exclusively to mystery books. We need a design that's flexible and capable of mobile device compatibility.

[typpo-blog]

[typpo-blog]

This is my final version of my HTML website, uploaded and hosted at Jarenmaddock.site44.com/. (The slash is important. For some reason there's a server error if the slash isn't there.)

I placed the info block slightly off center to focus on the images in the background (All of which are viewable on my Flickr.) and only used neutral colors so the typography could fit in any of the images which vary in color significantly. The formatting took a lot more effort than I anticipated, but hopefully with the next project I'll be able to get the hang of it.

I also bought a URL, which I will probably put to better use eventually.

[typpo-blog]

JQuery

So I'm going for a simple looks that will hide my poor understanding on HTML instead of drawing attention to it.

I've been reading pretty heavily on W3schools for their HTML and CSS tutorials. (They've got some fairly fantastic tutorials, which are paced well for learning the tools and offer lots of examples.) and I think I've got a marginally better grasp on HTML. Most importantly is JQuery plugins, which can easily be added in without any understanding of Javascript at all. I found a really nice one for fading a series of images, so I'm going to extend that into my entire background image for a subtle and refined effect.

[typpo-blog]

e

I've started doing sketches for this project, but ultimately I may have to compromise for something within my current skill level.

For inspiration I've been browsing One Page Love, which has some pretty incredible one page websites.

[typpo-blog]

The second in class demo is bit rougher than the first but still has valueable learning tools. In this demo we learned how to make images conform to the boxes they are placed in, how to use gradients, and how to use Adobe Web Fonts

Now we've been released from demos and have to create a suspiciously simple HTML site.

[typpo-blog]

We've started a short project to do an HTML site. This first class period we've been learning how to organize <div> tags and use and external stylesheet. We used rounded corners, color changes, changing the color of links, creating formatting tabs, using the 960 grid system to organize our page, inserting images, creating custom type presets, adding images, links, and a whole lot of other small things that I've already forgotten.

[typpo-blog]