{"id":23,"date":"2022-01-27T23:59:32","date_gmt":"2022-01-27T23:59:32","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/teejayjan\/?p=23"},"modified":"2022-01-27T23:59:32","modified_gmt":"2022-01-27T23:59:32","slug":"4-the-reluctant-designer","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/teejayjan\/2022\/01\/27\/4-the-reluctant-designer\/","title":{"rendered":"#4: The Reluctant Designer"},"content":{"rendered":"\n<p>Although I am sure some people get into programming excited at the prospect of dreaming and implementing beautiful, creative front-end designs, it doesn&#8217;t quite describe me. Like (I assume) many people, I can recognize when a site has poor UI\/UX design: unintuitive layout, hard-to-read fonts and colors, and\/or unresponsive design. However, criticizing a final product is much easier than designing and implementing one from scratch. I am the reluctant front-end designer for my capstone project.<br><br>While my only college art class under my belt is an Art History course (which I took senior year and mostly blew off), I&#8217;m doing my best with the power of Google and top-50-best-website-design articles. What colors look good together? What fonts are easy to read (on desktop and mobile)? How can I best format the components and layout on my site to ensure readability and usability on desktop and mobile devices? Hence, as I take a break from programming to write this blog post, there are over 50 tabs open in Chrome: hex-color swatches, several of the aforementioned clickbait rating articles, and dozens of documentation\/StackOverflow articles having to do with anything and everything related to flexbox, layout, component props, and CSS.<br><br>While it can be a challenge to mold my usually un-artistic brain into thinking artistically, nothing beats the reward when something works. Getting components to resize properly, applying (somewhat?) good-looking global styling (learning to work on styles globally instead of page-by-page!), and various other adventures in front-end design is a rewarding challenge in itself. I appreciate the opportunity that I&#8217;ve been given to continue sharpening my programming skills while at the same time learning how to implement and design an aesthetically pleasing product. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Although I am sure some people get into programming excited at the prospect of dreaming and implementing beautiful, creative front-end designs, it doesn&#8217;t quite describe me. Like (I assume) many people, I can recognize when a site has poor UI\/UX design: unintuitive layout, hard-to-read fonts and colors, and\/or unresponsive design. However, criticizing a final product&hellip; <a class=\"more-link\" href=\"https:\/\/blogs.oregonstate.edu\/teejayjan\/2022\/01\/27\/4-the-reluctant-designer\/\">Continue reading <span class=\"screen-reader-text\">#4: The Reluctant Designer<\/span><\/a><\/p>\n","protected":false},"author":11957,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-23","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/teejayjan\/wp-json\/wp\/v2\/posts\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/teejayjan\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/teejayjan\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/teejayjan\/wp-json\/wp\/v2\/users\/11957"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/teejayjan\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":1,"href":"https:\/\/blogs.oregonstate.edu\/teejayjan\/wp-json\/wp\/v2\/posts\/23\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/blogs.oregonstate.edu\/teejayjan\/wp-json\/wp\/v2\/posts\/23\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/teejayjan\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/teejayjan\/wp-json\/wp\/v2\/categories?post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/teejayjan\/wp-json\/wp\/v2\/tags?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}