MX sketches for wireframes

MX FinalFunctional Wireframe

The wheel navigation of my portfolio site gives the viewer a different but not to complexed way to look at my work. A nice transition with the help of tweenlight happens when you click on the nav to the left and explore that way or simply by clicking the corners of the project above or below. The farther you jump the faster the wheel spins and the nearest you jump the slower it turns. With in each project you can go in depth with more views and you are given more information as a caption or a description with a rollover.

contact page which could be a image of my business card and on rollover maybe reveal the back. On the left was is the original left aligned navigation.

Variation of the nav on the left the references the curve and structure of the site.

This is the start of the portfolio with page 2 with a look at how the sub views would appear.

2c is three views into project 2.

This would be a jump to project 10 which could be the beginning of the photography section.

This is to show the transition between projects as the wheel rotates.

MX Variations and Content

1

My portfolio and all my pages would be on a grid like this and once clicked on the corresponding link as shown below, it would take you to the desired page and the navigation would stay at the top. This is the whole sliding idea but instead of just left and right panning you could also go diagonally along with up and down as well.

Full screen of selected piece along with the main nav above.

2

would be the same concept as #1 but there is no grid this time but more like an arrangement of panels.

These would be in clusters with rollover previews and then you click on one, it would pan and zoom to a full screen image/ images of the work, along with descriptions and also a navigation bar.

3

same concept as #1's panning only this time it is a wheel that spins from one project to the next at a mostly full screen.

The navigation would be a smaller view of the larger wheel that would allow you to navigate and also see where you currently are on the wheel. Different sorting methods would be on an inner wheel along with a contact button.

Some Projects and Categories for the content of my site.

VA Texting and Driving and Crash

MX Skateboard Website

DS Ezama Identity

Payless Internship

holiday direction/ posters/ gift cards/ komen t-shirt

Vote Posters

Experimental Type Weather Cube

Black and White Line Study Book

Dancing Collecting Sport Books

Lamp Poster-The bubble lamp

Identity for museum-Exposed Pixels

Illustration for the American Royal BBQ Poster

Experimental Typography Light Studies

Along with snowboards applied to.

-Snowboard submissions to contests

Photography

Categories for my site:

Design

typography

identity

web

posters

books

3D pieces

internships

Photography

senior portraits

landscapes

sunsets

lightning

sports

nature

animals

Show all

Contact

Email

Phone

Home

MX reading responses

p.63-78 permanent present

the idea that files have started to become more transparent and more like tangible objects that we organize and also through a way is an interesting thought. Also when we delete things now or put them in the trash, we still have the files somewhere on our hard disk that we can get recovered which the common person would not know how to do.

The computer started to become more than just a tool like a calculator, or image manipulator, it became a filter for all culture, which all kinds of uses are ready at hand such as watching movies on, playing games, reading books, how we communicate or network and the list continues.

The computer is code that carries cultural messages in a variety of media.

Even though we do countless things on the computer every day, we operate and use the computer in the same way by using the screen with the aid of a mouse, a web browser, search engines, cut, paste, copy, delete and others are used to carry out our wants and needs out of a computer.

when we are looking at the computer we have the content and the form in which it lives and is presented on screen and how we interact with it and view it. We scroll down long sheets of pages much like ancient scrolls were viewed but we also have the ability to navigate much like a book doses from page to page.

Spactialization is the relation to looking at something linearly of nonlinearly. like the game myst, explores this thought by allowing you to navigate in a non linearly type of way with no sense of direction. Un like the old super mario games that directed you on a 2d flat environment that was very much linear.

So in terms of thinking about my website i want to make sure that the viewer can explore what they want in a non-linear path that allows them to look at what they want to look at. As long as i show them all of the information and lay it all out on the table so they can view what interests them rather than me telling them what to look at.

78-93: Cinema

The reason why people are favoring time-based audiovisual image sequences is because of the role cinematic elements have become more popular than silent print. Much like movies and books.

Cinematic elements offer many things such as zoom, pan, tilt, and track over a 3D space of object. The window in which we view this media is a view into another large world that really becomes believable. In a printed material the area stops at the borders where as there are no borders in a moving piece or animation. It can start to take on a world of its on.

We should look into using what new technology has to offer us that can deliver our message in an interesting cinematic way that can give the viewer a richer experience.

HCI: Representation Versus Control

Bolter and Grusin define medium as that which remediates. that all media works by remediating and transforming other media both in content and form.

the computer screen has become a virtual instrument panel that is interactive with an illusion that takes you to another place that becomes believable. Along with it being believable there are still graphic elements and text which are necessary to inform the viewer with content. There is a line where it has to be pleasing to the eye and at the same time rich with content so that the viewer's interest is kept and they don't feel overwhelmed with text and other content. So a balance is needed. There has to be standards as well that are a universal language but the strive to be original and creative are also things to strive for. We know that this form of language and technology is a new type of media that is relatively young compared to print and cinema and we know it will have a landmark in history much like they did. We do not know where this technology is going and where it will take us or when it will stabilize but we need to take advantage of the what the computer has to offer and continue to explore the limits and question what it can or could be developed to do. It is a new cultural metalanguage and as designers, we will be part of authoring the content and illustrating what it will look like. So how can my website do simply and complex functions and question new ways in which to explore media? I don't know but i hope i know can learn the code and the technology to pull it off.

94-103 The Screen and the User

The classical screen has been around for centuries with and used by painters and even to this day by hollywood's cinema. These screens are the bridges to another place and can make you believe you are looking into another world. I've never really stopped to think about why we call layouts landscape or portrait. It makes sense when they point out the simple origin from which it came from, when a painter would normally paint a landscape horizontal and a portrait is typically proceeded vertical.

The dynamic screen can simply be summed up as a screen with more dimension than just a flat image, but an image that changes over time much like frames in a movie or tv. With the screen serving as an illusion so we are drawn in to its detail so we forget about whats happening out side the frame, the screen needs to be perfect with as few imperfections as possible that would lead us to not focusing on the screen. When the screen on a computer is utilized with multiple windows, and is not focused on just one screen, the user is able to work in multitask. Right now even i have the reading in one window and my blog which im typing in another, and my email and homework in two other windows. This form is more practical and can be utilized to get things done in a more timely and effective manner. Another way to view and another type of screen is live view, a current view of what is actually happening, like the invention of radar and being able to see where your enemies current position is. An example in the modern day of a live view could maybe be something like talking to someone and seeing them live on skype through the use of a web camera. Or maybe a live view of snow creek to see live footage or the location to see how and what the conditions are, how crowded it maybe could help you decide if it is worth the trip so when you get out there, you don't find your self surprised of disappointed, you are informed with the knowledge and advantage of live view. I never really thought about it too much but i think its interesting how most of the things we use today like the computer and the things we are able to do on it, were originally designed for the use of the military and the public has taken that provided technology that was created for a completely different use and turned it into things that do a verity of different things that address the wants and needs for the people in the united states and all around the world. I hope that my site can remain current and serve as a live representation of my work and shows currently who i am as a graphic designer. With that in mind the use of blogs and continuing to keep a current blog, i think is a great way to keep a current look into your daily work.

103-115 The Screen and the Body

The relation between the physical space of your body and the virtual space of an image on a screen plays on what is real and what is not and the illusion can be reached successfully if you can fool the senses of the body much like in virtual reality, the screens edges disappear and you see your self surrounded by what the screen as created. The viewer has to become still and seated as if they are imprisoned and you can always leave them with something more to look at that makes them want to engage, invest in, and stay. Maybe in my site, the use of having thumbnails in the nav shows them a crop and taste of what is inside that project and the top and bottom of the screen would provide a tease and a way of saying that im right here and all you have to do to see me is click right here and since my site is in a form of a wheel, you never really start and end, it just continues to go around and around and around.

Representation versus Simulation

In representation the viewer is bound to the screen and in simulation the human world and virtual world are the same so it appears to be continuous and believable. It blends the two worlds into one and the viewer is able to move around in physical space. The world we live in is consumed by screens and re interact with them on a daily basis. The goal of making the screen more transparent and bigger and better with more HD is our goal to progress the experience and make it more and more attractive. I wonder were we will be with screens in the future and how we will interact with them. Virtual reality, holograms, projections supply endless possibilities in which media, programs and even entertainment can be utilized. Im excited to see how my website or my work will be viewed or how it will be viewed in 10-20 years. Will you be able to touch it, smell it, hold it, im not sure what it will be but im open for change and the advancement of technology and what it can offer to me as a graphic designer.

3 directions for Multimedia Experience

Panning left to right based on which project you click on. A full screen image of the art work.

with rollover a description and also different views within that project.

a look on how they transition from one to the other. Navigation stays in place

fan of panels that would hold smaller thumbnails of the work

one clicked on would show a larger image of the work with a rollover description.

Also a way to click through multiple images within a project.

a grid nave on top with a rollover image preview.

Once clicked on brings up a larger image of the work with a rollover description.

with the ability to also go through images within a project for different views.

Visual Advocacy Poster Crash

Senior Project Proposal

It has been tough trying to come up with a theme and ideas that should lead to the jewel piece in my portfolio and that is also a push into the direction in which I want to further pursue graphic design as I leave KCAI and start my career. I want to change and advocate things but I am having a hard time putting my finger on exactly what I want to do. I really am open to a variety of things,but I want to focus on the integration and relationship that graphic design has with photography.

I feel that photography and design go together seamlessly as text and image but most of the photography these days is pre-shot and not always taken into consideration like stock photography and then later the design is worked in and around to fit that photograph. I want to work with design in the physical world and in different environments and use design and typography in a physical and tactile sense to create well designed pieces that could be applied to many things such as identities and advertisements rather than just overlaying text and art work onto an image. I have always felt that you can get a much better result when you go out and take the time to actually create something to make a piece work rather than trying to photoshop or manipulate a photo to make it work.

So I want to take my design knowledge and apply it to what I know about photography and join them to create messages, identities and solve other design problems and really take advantage and utilize what these two fine arts have to offer when they are used together in the right way or this new way. I don’t know who this will help or where this could go but I do know I want it to live out in the world rather than solely on screen. I can also see this direction forming into a way to show off graphic design's beauty in the world with the use of installations which really starts to make design more of a physical personal experience rather than just something you see online or printed on a poster. The ability to take and create your own perspective on how you view the design and how you interpret it can really open new ideas to creativity.

I know I am majoring in graphic design and that I am not going to be a professional photographer but I think the gap between the two should become smaller and more collaborative. I would like to think I could one day design work and create something in the environment and shoot it the way I have originally envisioned it to begin with so the end result is much more to my liking rather than just settling to make it work based on what I am given from professional photographers. I could easily see my work being shot by professional photographers after my initial and completed photographed design piece or I think working directly with a photographer on site and creating a piece would also be beneficial.

I also think my direction could solely live outside and in the environment for people to interact with, come in contact with, be affected by it and not even need the use of photography at all. The photography would be used to capture and give across the message in my mind and through that way I would have more control. Also whatever I make has to be documented by photography and maybe that is where the photography and the graphic design ends and really the message or the piece lives on by itself and it solely interacts with itself rather than with printed imagery. I would see this to be a way to have the design break out of being frozen in time and have a life of its own and maybe have motion to it or even an actual life span of existence. I want people to see design in a new way that will get their attention, inspire, reach them on a personal level, but overall become an enjoyable and hopefully meaningful experience.

MX 3D craft day

I ended up focusing and trying to show the path through a site with the brown string and showing the linear structure of the site, the non linear of organized gridded content and also random and discoverable content. But how all of these can be still be used to reach the desired out come, the content.