{"id":1979,"date":"2025-03-26T01:23:51","date_gmt":"2025-03-26T01:23:51","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=1979"},"modified":"2025-03-26T01:24:51","modified_gmt":"2025-03-26T01:24:51","slug":"responsive-design-and-mid-term-project","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2025\/03\/26\/responsive-design-and-mid-term-project\/","title":{"rendered":"Responsive design and mid term project!"},"content":{"rendered":"\n<p>I was very excited for the mid term project since it\u2019s always a great chance to get out some creativity! <br><\/p>\n\n\n\n<!--more-->\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/03\/image-1-1024x682.png\" alt=\"\" class=\"wp-image-1980\" srcset=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/03\/image-1-1024x682.png 1024w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/03\/image-1-300x200.png 300w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/03\/image-1-768x511.png 768w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/03\/image-1-1536x1023.png 1536w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/03\/image-1-1200x799.png 1200w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2025\/03\/image-1.png 1732w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p>For the mid term project, I choose to do a website for a band\u2019s new album. I wanted to challenge myself a bit and try to match the theme of the album. A way that I did that was with color. Bright red is very difficult to work with and to match the theme of the album I thought that would be the best choice. I also used a slight gradient that isn\u2019t too noticeable, but I think it does a lot. I wanted to do more to the background, but I couldn\u2019t really come up with anything that wouldn\u2019t be distracting.While working on the projects, I kept feeling like something was \u201coff\u201d but once I finished, Figma has an option to view it on a device (the picture above) and when I was it on there, I realized that was the problem! Overall after seeing it on there, I\u2019m very happy with how it turned out!<\/p>\n\n\n\n<p>The lecture this week on responsive design was very interesting and I loved seeing  all the techniques in action instead of just reading them, that helps out a ton! I was also interested with the history part. That stood out to me too, and I love seeing how websites were designed back then and where technology was.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I was very excited for the mid term project since it\u2019s always a great chance to get out some creativity!<\/p>\n","protected":false},"author":105,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[240],"tags":[],"class_list":["post-1979","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp25"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1979"}],"version-history":[{"count":3,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1979\/revisions"}],"predecessor-version":[{"id":1983,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1979\/revisions\/1983"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}