Assignment 5

Final WordPress Theme:

http://shelbyderck.com/wp/

HTML format 1:

https://assinment-5-html.netlify.com

My plan for one page scrolling site did not work out well during coding so I returned to the linked pages for now. My mobil code needs to be fixed so is not present in this code but will be fixed with any suggestions in HTML format 2. This site design uses muted greens and light purples to contrast the future rendered maya images that will have the common gray background surrounding the model. There is consistency in the rounded home buttons, the navigation, and gallery images, as well as the rounded edges of the rectangular divs that are used for text and full images. The glow that emits from the navigation indicates the ability to interact with the page and incites the understanding that to click the image will cause something to happen. In this case to click will take you to the corresponding page.

Prototype_2:

https://xd.adobe.com/view/e5586c59-e93d-4b72-8b8d-ab921d98345f/

I changed the prototype to more show who I am. To be blunt I’m not really loud or in your face so I chose light blues and grays for my site color. I choose to switch from all my art to my more cartoonish illustrations for now. I plan to have the images black and white but on hover change to a colored in version. Right now I have to choose some images to digitalize for the webpage but will have them done by then.  After studying some other portfolio sites I loved the one page scrolling site that some had with an image in the first area and a menu that scrolled the page to sections on the page. I also have plans to have a fixed image in the background that will be seen for moments in the scrolling till the end when it  is fully visible.

Prototype_1:

https://xd.adobe.com/view/800647f6-d3ef-4ff6-8995-66cb006fe924/

Advertisements

About dercks

Shelby is a student at Alfred State College in Digital Media and Animation.
This entry was posted in Interactive Design, Non-Timebased and tagged , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s