![\"\"](\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/1863\/2017\/11\/Artboard-1@3x-396x612.png\")
<\/p>\n<\/p>\n
The intentional choices I made involved the typography, alignment, navigation and display. \u00a0For the typefaces, I mostly stuck with Myriad Pro, a sans-serif font, that was easy to read. \u00a0The orange color of the headers were inspired by the African savannah grass and the color of the lions to bring together the theme and match the point of the site. \u00a0I wrote code to make the navigation bar change to the same orange color when a mouse hovers of the link title to create movement and interaction with site, while also incorporating the pop of color in other places for balance. \u00a0At the bottom of the home page, I added a short sentences on the symbolism of lions in culture to inspire relatable and a connection to the animal. \u00a0One of the struggles I had in coding was my inexperience in knowing how to write it, which created problems when it came to making a large banner. \u00a0I never figured out how to, but I added an a large image of a lion to mimic the idea. \u00a0This picture of a lion in the savannah grasslands was meant to get the subject of the website across immediately, in order to make the topic clear and to avoid confusion for the audience. \u00a0My outside link takes the viewers to a donation site for lions to continue the theme. The other three internal links were meant to inform the reader on lions and habitat loss, while also creating an emotional connection through images. \u00a0This technique was utilized specifically under my image page that displayed pictures of lion prides and the cubs, which I had to learn how to align in the center through various coding mistakes. \u00a0The third page was on habitats, which connected the theme of my love for lions with the donation site. \u00a0It aimed to inform viewers on the habitat loss in Africa and how it has affected lions. \u00a0I tried to create a new display method of placing the text to the right of the images, however, struggled to figure out how the code for this type of design element worked. \u00a0In Adobe Illustrator, I designed a quick customized logo and title for the site. \u00a0The header \u201cI Love Lions\u201d was a simple and easy name to direct the viewers to the intention of the site. \u00a0One of the links navigates the user to a page on facts about lions, where I organized the written text to align in the center with slightly larger headers in orange. \u00a0I did this to draw to create a sense of hierarchy for contrast to draw the eye and make it easier to read. \u00a0The navigation bar was placed next to the title of the website in a horizontal line at the top of the page to make it simple for audiences to find and use as it mimics a normal navigation system that most sites utilize. \u00a0One the most significant struggles I faced was trying to remove the bullet points from the navigation bar links. \u00a0It took awhile to figure out where I wrote the code wrong. \u00a0To solve problems like this one, I searched video tutorials and web directions to learn more about coding. \u00a0I also began to test different strategies to get a better understanding of how code works in a trial and error way, while, in addition, analyzing other codes from websites. \u00a0By looking at what worked in other instances of my own code, I was also able to utilize it in various other places. \u00a0The positive aspects of this assignment was that I discovered how much I enjoy the idea of coding and want to keeping learning more. \u00a0I\u2019m now considering taking a class focused solely on website development and coding because of this project. \u00a0This assignment allowed me to learn the basics of coding and has been a good beginning step towards learning to code efficiently. \u00a0It involved a significant amount of problem-solving, which I found enjoyable as it was a nice change from my usual graphic design projects in illustrator and photoshop. \u00a0My newfound goal is to be able to code a site from scratch that resembles those of blog templates on WordPress and Wix.<\/p>\n","protected":false},"excerpt":{"rendered":"
The intentional choices I made involved the typography, alignment, navigation and display. \u00a0For the typefaces, I mostly stuck with Myriad Pro, a sans-serif font, that was easy to read. \u00a0The orange color of the headers were inspired by the African savannah grass and the color of the lions to bring together the theme and match … Continue reading Comic Book Character Design<\/span><\/a><\/p>\n","protected":false},"author":5913,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"wsuwp_university_category":[],"wsuwp_university_location":[],"wsuwp_university_org":[],"_links":{"self":[{"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/posts\/78"}],"collection":[{"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/users\/5913"}],"replies":[{"embeddable":true,"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":1,"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/posts\/78\/revisions\/80"}],"wp:attachment":[{"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/tags?post=78"},{"taxonomy":"wsuwp_university_category","embeddable":true,"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/wsuwp_university_category?post=78"},{"taxonomy":"wsuwp_university_location","embeddable":true,"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/wsuwp_university_location?post=78"},{"taxonomy":"wsuwp_university_org","embeddable":true,"href":"https:\/\/crimsonpages.org\/alexa-mckune\/wp-json\/wp\/v2\/wsuwp_university_org?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}